# Translation Basics

Would you like your business calculator to be translated into multiple languages? Most of the strings are dynamic  and you customize the text in every part of the Calculator:

<figure><img src="https://834137925-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MDTO7zmTA5-HpvK8JDA%2Fuploads%2FaXAgddl4QLnpIGIHEpo9%2FCCBN%20-%20%20Prepare%20for%20translation.png?alt=media&#x26;token=1eb9e8c4-ebeb-47a0-9d2f-593d06a1db03" alt=""><figcaption></figcaption></figure>

Editing the Calculator and customizing its settings is the easiest way of translating using built-in options.

### **Translating Name, Field Labels, Placeholders, Options and Values**

To change the name of the calculator just rename it while editing the calculator:

<figure><img src="https://834137925-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MDTO7zmTA5-HpvK8JDA%2Fuploads%2FCvzYimYl8OzdAiatXDlH%2FCCBN%20-%20%20Translate%20the%20name.png?alt=media&#x26;token=8cdec26a-44bb-4585-ab18-71a35dcca929" alt=""><figcaption></figcaption></figure>

To translate any fields on your Calculator, click the element whose labels you want to translate. In the **Main settings**, enter your text in your desired language for Name, Placeholder and Description:

<figure><img src="https://834137925-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MDTO7zmTA5-HpvK8JDA%2Fuploads%2FP4lke9pSzpnagUZZCFJa%2FCCBN%20-%20%20Translate%20the%20labels.png?alt=media&#x26;token=da94fc5d-6b2a-43c0-8faf-bf06cdbab5a1" alt=""><figcaption></figcaption></figure>

Some fields like [Radio](https://docs.stylemixthemes.com/cost-calculator-builder/calculator-elements/radio-button), [Checkbox](https://docs.stylemixthemes.com/cost-calculator-builder/calculator-elements/checkbox), [Dropdown](https://docs.stylemixthemes.com/cost-calculator-builder/calculator-elements/drop-down), [Toggle Button](https://docs.stylemixthemes.com/cost-calculator-builder/calculator-elements/toggle-button), [Image Dropdown](https://docs.stylemixthemes.com/cost-calculator-builder/calculator-elements/drop-down-with-image), [Image Radio](https://docs.stylemixthemes.com/cost-calculator-builder/calculator-elements/radio-button-1), and [Image Checkbox](https://docs.stylemixthemes.com/cost-calculator-builder/calculator-elements/checkbox-1) include Options that require translation:

<figure><img src="https://834137925-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MDTO7zmTA5-HpvK8JDA%2Fuploads%2F7MQlHhvloisGIH3DEzeu%2FCCBN%20-%20%20Translate%20the%20options.png?alt=media&#x26;token=0cf14149-f9b5-4b21-895a-b534ce71be55" alt=""><figcaption></figcaption></figure>

If the Calculator includes an [HTML field](https://docs.stylemixthemes.com/cost-calculator-builder/calculator-elements/html), only the content of the tags should be translated:

<figure><img src="https://834137925-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MDTO7zmTA5-HpvK8JDA%2Fuploads%2FNzhWogq1OWwM2qGqSBZW%2FCCBN%20-%20%20Translate%20the%20HTML.png?alt=media&#x26;token=4b73c1f4-ca1e-4144-9abf-1cba07cc849c" alt=""><figcaption></figcaption></figure>

While editing the [Formula filed](https://docs.stylemixthemes.com/cost-calculator-builder/calculator-elements/total) only Name should be translated:

<figure><img src="https://834137925-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MDTO7zmTA5-HpvK8JDA%2Fuploads%2FsERUAtUZLnY52RYtxnQ3%2FCCBN%20-%20%20Translate%20the%20formula.png?alt=media&#x26;token=ae87d3d7-87c2-4016-8eb4-6f83ef1e24f9" alt=""><figcaption></figcaption></figure>

{% hint style="success" %}
Do not forget to save the fields after translating.
{% endhint %}

### **Translating** Notifications **and Validation Messages**&#x20;

If the [Contact form](https://docs.stylemixthemes.com/cost-calculator-builder/cost-calculator-settings/calculator-settings/order-form) is enabled on your Calculator after successfully submitting the form, the order details will be displayed to the user:

<figure><img src="https://834137925-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MDTO7zmTA5-HpvK8JDA%2Fuploads%2FhlOGXpjhVkBTq54weray%2FCCBN%20-%20%20Translate%20the%20notifications.png?alt=media&#x26;token=3eee54ab-acd6-4810-8dd3-93ec8abd2d1e" alt=""><figcaption></figcaption></figure>

To translate this section edit the calculator, open Settings tab and go the Notifications tab:

<figure><img src="https://834137925-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MDTO7zmTA5-HpvK8JDA%2Fuploads%2FOegBpEKd20HPlhIueEND%2FCCBN%20-%20%20Translate%20the%20notifications%20in%20settings.png?alt=media&#x26;token=1863559f-c4cc-4439-858f-2cd618514c55" alt=""><figcaption></figcaption></figure>

When a user leaves a required field empty the Calculator display validation messages:

<figure><img src="https://834137925-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MDTO7zmTA5-HpvK8JDA%2Fuploads%2FstCIazKvY6WvwpLSmn2C%2FCCBN%20-%20%20Translate%20the%20vlidation%20messages.png?alt=media&#x26;token=6dd001a7-cbd8-480a-b01c-91d9a4d8bd63" alt=""><figcaption></figcaption></figure>

### **Translating** Grand Total and Buttons

The default title of Grand "Total Summary" can be translated on the Grand Total section of Calculator Settings:

<figure><img src="https://834137925-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MDTO7zmTA5-HpvK8JDA%2Fuploads%2F2p5t0K7lGZbjXwvqaVnQ%2FCCBN%20-%20%20Translate%20the%20grand%20total.png?alt=media&#x26;token=1680e83a-0059-4059-a934-57d3f80715eb" alt=""><figcaption></figcaption></figure>

The "Submit" button of Contact form can be translated on the Send Form section of Calculator Settings:

<figure><img src="https://834137925-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MDTO7zmTA5-HpvK8JDA%2Fuploads%2FzL5wKZ8OIxIoYuASeuw6%2FCCBN%20-%20%20Translate%20the%20submit%20form.png?alt=media&#x26;token=6e1d7d79-8864-40e3-8d21-c5ebc1831feb" alt=""><figcaption></figcaption></figure>

You can see the results below:

<figure><img src="https://834137925-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MDTO7zmTA5-HpvK8JDA%2Fuploads%2FtVCXIEiskY6Tbpv3e0bG%2FCCBN%20-%20%20Translated%20Calculator.png?alt=media&#x26;token=a02bc2a3-fb61-48b0-adc5-9d793ce1ad69" alt=""><figcaption></figcaption></figure>

When Dynamic fields are completely translated, the generated Pdf will be translated to when it is downloaded:

<figure><img src="https://834137925-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MDTO7zmTA5-HpvK8JDA%2Fuploads%2F18oATqunsIeW6CuA7Fuu%2FCCBN%20-%20%20pdf%20translated.png?alt=media&#x26;token=ef90cdff-9a65-4346-924e-f9dc99d0cdb6" alt=""><figcaption></figcaption></figure>

While translating the Cost Calculator, you may notice a couple of parts that aren't translatable by editing the Calculator and its settings. To complete the translation progress the static strings should be translated as well:

{% content-ref url="translating-static-strings" %}
[translating-static-strings](https://docs.stylemixthemes.com/cost-calculator-builder/translating-cost-calculator-into-a-different-language/translating-static-strings)
{% endcontent-ref %}