# Settings

You can integrate Cost Calculator with different payment systems such as [Stripe](https://docs.stylemixthemes.com/cost-calculator-builder/payments/stripe), [Paypal](https://docs.stylemixthemes.com/cost-calculator-builder/payments/paypal) and [Razorpay](https://docs.stylemixthemes.com/cost-calculator-builder/payments/razorpay). Or you can let your customers [pay in cash](https://docs.stylemixthemes.com/cost-calculator-builder/payments/cash-payment) for your services and products.

They can be set up in global settings and individual settings on the calculator.&#x20;

## Global Settings

You can integrate and set up payments to the Cost Calculator in the Payments of the **Global settings**. To do this, go to **Global Settings >Payments** and you can see these settings:

<figure><img src="https://834137925-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MDTO7zmTA5-HpvK8JDA%2Fuploads%2FVkpeZCYOpDfxBjGcTbOX%2Fimage.png?alt=media&#x26;token=7ae95f12-e7ce-4202-a9c8-d2fe82dc111a" alt=""><figcaption></figcaption></figure>

There are three sections:&#x20;

* Card Payments for [**Stripe** ](https://docs.stylemixthemes.com/cost-calculator-builder/payments/stripe)and [**Razorpay**](https://docs.stylemixthemes.com/cost-calculator-builder/payments/razorpay)
* [**PayPal Payment**](https://docs.stylemixthemes.com/cost-calculator-builder/payments/paypal)
* [**Cash Payment**](https://docs.stylemixthemes.com/cost-calculator-builder/payments/cash-payment)

<figure><img src="https://834137925-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MDTO7zmTA5-HpvK8JDA%2Fuploads%2FBT696TytK0hktrPEiKEZ%2Fimage.png?alt=media&#x26;token=225c9d44-06f7-4378-980b-34a48bd78a7c" alt=""><figcaption></figcaption></figure>

{% hint style="info" %}
Suppose you enable the setting **Apply for all calculators**. In that case, the setting for this payment method will be applied to all calculators and you will get a notification in the [**individual settings**](#settings-in-the-calculator-individual-settings) of the calculator about global settings being applied.&#x20;

***

To use different settings (credentials) for different payment methods, **leave** the setting **disabled.**
{% endhint %}

<figure><img src="https://834137925-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MDTO7zmTA5-HpvK8JDA%2Fuploads%2FR6z7jEzNkpg3Om8CEcCc%2Fimage.png?alt=media&#x26;token=691e18ee-ae2b-4c39-8167-fcdea81adc65" alt=""><figcaption></figcaption></figure>

## Calculator Setting (Individual Settings) <a href="#calculator-settings" id="calculator-settings"></a>

You can also set up payments to the Cost Calculator in the **Payments** section of Individual Settings. To do this, go to the **Settings** tab of the calculator you want and head over to the **Payments** section.&#x20;

<figure><img src="https://834137925-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MDTO7zmTA5-HpvK8JDA%2Fuploads%2FtxY9bGqDtTBY9dxmPMiH%2Fimage.png?alt=media&#x26;token=147587cb-91f3-492b-a92d-9b2f025fab7d" alt=""><figcaption><p>Payments tab in the Individual Settings</p></figcaption></figure>

There are **five**<mark style="color:red;">\*</mark> sections in the **payments tab** of the **individual settings:**&#x20;

* [**Form for Payments**](#form-for-payment)<mark style="color:red;">**\***</mark>
* **Card Payments for** [**Stripe** ](https://docs.stylemixthemes.com/cost-calculator-builder/payments/stripe)**and** [**Razorpay**](https://docs.stylemixthemes.com/cost-calculator-builder/payments/razorpay)**;**
* [**PayPal Payment**](https://docs.stylemixthemes.com/cost-calculator-builder/payments/paypal)
* [**Cash Payment**](https://docs.stylemixthemes.com/cost-calculator-builder/payments/cash-payment)
* **Total Field Element**

<mark style="color:red;">\*</mark>[***Order Form***](https://docs.stylemixthemes.com/cost-calculator-builder/cost-calculator-settings/calculator-settings/order-form) *should be disabled to use the feature, otherwise it will be hidden.*

***

### Form for Payments

<figure><img src="https://834137925-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MDTO7zmTA5-HpvK8JDA%2Fuploads%2F3Bz8USJC1xP4ofRWCFdZ%2Fimage.png?alt=media&#x26;token=4320ddf0-f6d2-4bc7-85f2-8361ce094c31" alt=""><figcaption></figcaption></figure>

To proceed the the payment, payment gateways require at least an email address. That's why payment methods can not be used without an [**order form**](https://docs.stylemixthemes.com/cost-calculator-builder/cost-calculator-settings/calculator-settings/order-form). However, the **Cost Calculator** builder enables one to choose one of the saved forms in the[ **Form Manager**](https://docs.stylemixthemes.com/cost-calculator-builder/cost-calculator-settings/calculator-settings/form-manager) as a form to process the payments. All you need to do is to select the necessary form.

{% hint style="info" %}
If you are receiving orders **without an order form** using the **Form for Payments** method, all of your enabled payment methods for the calculator will be shown on the calculator page.

***

Note that, using the calculator **without Order Forms** disables the Order Form **functionalities** in your calculator. Follow this [**manual** ](https://docs.stylemixthemes.com/cost-calculator-builder/cost-calculator-settings/calculator-settings/order-form)to get more about Order Forms.
{% endhint %}

{% tabs %}
{% tab title="Calculator without Order Form" %}
The contact form has been selected using the [Form for Payments](#form-for-payments) feature:

<figure><img src="https://834137925-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MDTO7zmTA5-HpvK8JDA%2Fuploads%2FIGKoYmSjmPu0RdeBH9QW%2Fimage.png?alt=media&#x26;token=1bfb9667-869d-4caf-9351-1938aaae6bf7" alt=""><figcaption></figcaption></figure>
{% endtab %}

{% tab title="Calculator with Order Form" %}
In case Order Form is enabled, you have to press the Make Order button first to open the contact form:

<figure><img src="https://834137925-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MDTO7zmTA5-HpvK8JDA%2Fuploads%2FxvXsueayHUSo7XGKArKV%2Fimage.png?alt=media&#x26;token=51e91471-0cf5-47f5-a15b-6310229f1337" alt=""><figcaption></figcaption></figure>

After filling out the contact form then payment methods will be available.&#x20;

<figure><img src="https://834137925-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MDTO7zmTA5-HpvK8JDA%2Fuploads%2F0Rj65ifH1HgPf3Umhek9%2Fimage.png?alt=media&#x26;token=23367d64-fe04-460f-9eb0-57d8e0b6dc58" alt=""><figcaption></figcaption></figure>

Now you can complete the order:

<figure><img src="https://834137925-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MDTO7zmTA5-HpvK8JDA%2Fuploads%2FWF1KHdZyZiPfkbKj1SlD%2Fimage.png?alt=media&#x26;token=89f66e6d-2a64-47d4-8943-14e71ed1fe29" alt=""><figcaption></figcaption></figure>
{% endtab %}
{% endtabs %}

### Total Field Element

<figure><img src="https://834137925-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MDTO7zmTA5-HpvK8JDA%2Fuploads%2F7a1A7bAabhQozpLM3SnB%2Fimage.png?alt=media&#x26;token=8747db0f-bcdb-4ae9-96cb-54c0faed8365" alt=""><figcaption></figcaption></figure>

Here you have to specify the formula elements (total fields) that will be used as the total cost that will be charged from clients. In case several formula fields are selected, their sum will be taken as a total cost.&#x20;

{% hint style="warning" %}
Note that, hidden total fields in the calculator without enabling **Calculate hidden by default** in the [Formula field settings](https://docs.stylemixthemes.com/cost-calculator-builder/calculator-elements/total) return **0 (zero)** value to the t**otal cost.**
{% endhint %}

***

**Refer to these manuals to set up payment methods accordingly** :arrow\_heading\_down:

<table data-card-size="large" data-view="cards"><thead><tr><th></th><th></th><th></th><th data-hidden data-card-cover data-type="files"></th></tr></thead><tbody><tr><td><a href="paypal">PayPal</a></td><td></td><td></td><td><a href="https://834137925-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MDTO7zmTA5-HpvK8JDA%2Fuploads%2FIcbbB9NHEIgdUtvxtJMH%2FPayPal.jpg?alt=media&#x26;token=08af607f-e304-4193-b52a-b0d88211966c">PayPal.jpg</a></td></tr><tr><td><a href="stripe">Stripe</a></td><td></td><td></td><td><a href="https://834137925-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MDTO7zmTA5-HpvK8JDA%2Fuploads%2Fp12orj3DumEHy9tv7qUF%2FStripe1.jpg?alt=media&#x26;token=aa4eced3-d715-43a2-b485-d136b3cbf273">Stripe1.jpg</a></td></tr><tr><td><a href="razorpay">Razorpay</a></td><td></td><td></td><td><a href="https://834137925-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MDTO7zmTA5-HpvK8JDA%2Fuploads%2FcIt5JncuKd1mAux0b8Qe%2Frazorpay.png?alt=media&#x26;token=84095c69-b2dd-4365-937c-fc5c393729dc">razorpay.png</a></td></tr><tr><td><a href="cash-payment">Cash payment</a></td><td></td><td></td><td><a href="https://834137925-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MDTO7zmTA5-HpvK8JDA%2Fuploads%2Fuax9eyTyLOcOowdMbwxc%2Fcash.png?alt=media&#x26;token=910771eb-4878-4364-9c1f-693ace2b1786">cash.png</a></td></tr></tbody></table>
