# Templates

Cost Calculator includes Templates mode with over 100 pre-made business-oriented booking forms and cost estimation calculators. You can now easily create your own custom templates from scratch or select one of our ready-to-use templates.

### Viewing Templates <a href="#viewing-form-templates" id="viewing-form-templates"></a>

Cost Calculator templates easily can be browsed from the WordPress admin dashboard. After logging into your WordPress admin, go to Cost Calculator > Templates.

![](https://834137925-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MDTO7zmTA5-HpvK8JDA%2Fuploads%2FceYEeIsAtjFAu5YswrvW%2FCCBN%20Templates%20-%20Dashboard%20template%20menu.png?alt=media\&token=6ba0edc3-f866-4ba2-94c3-70485d2fb998)

In the opened window you will see a library of all the templates available in Cost Calculator.

![](https://834137925-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MDTO7zmTA5-HpvK8JDA%2Fuploads%2FK0qOePGOxVl9SGKY3UDk%2FCCBN%20Templates%20-%20All%20templates.png?alt=media\&token=b183c468-4199-44eb-8bbd-a3da2be88aa5)

The Templates are categorized and you can sort them by your business needs:

<figure><img src="https://834137925-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MDTO7zmTA5-HpvK8JDA%2Fuploads%2FAB1LoDC82SElFwo2BCTS%2FCCBN%20Templates%20-%20All%20templates%20sort.png?alt=media&#x26;token=a09f7cd5-0b66-443f-bc17-c7db7035ff9d" alt=""><figcaption></figcaption></figure>

### Previewing Form Templates <a href="#form-template-preview" id="form-template-preview"></a>

To see a preview of a template, click on the **"View Demo"** button.

<figure><img src="https://834137925-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MDTO7zmTA5-HpvK8JDA%2Fuploads%2F07vdCNWY33zVxpmb8ZK3%2FCCBN%20Templates%20-%20All%20templates%20libe%20demo.png?alt=media&#x26;token=6c4e6b85-ba64-43c7-a72b-02fea6d7195c" alt=""><figcaption></figcaption></figure>

The button leads to the lending of the plugin where all [templates ](https://stylemixthemes.com/cost-calculator-plugin/templates/)can be seen.

### Unlocking Free Templates

Each Template category includes a free template marked with a "Free" badge.

<figure><img src="https://834137925-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MDTO7zmTA5-HpvK8JDA%2Fuploads%2FH4CBpAmMsf4sIbd9LUg6%2FCCBN%20Templates%20-%20All%20templates%20free.png?alt=media&#x26;token=73ccfcb9-89fc-4052-a64f-763fd44fb2f3" alt=""><figcaption></figcaption></figure>

To unlock free templates Click on "Unlock Form" from selected template:

<figure><img src="https://834137925-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MDTO7zmTA5-HpvK8JDA%2Fuploads%2FTFUa88zrdXx6MxAQZPe3%2FCCBN%20Templates%20-%20All%20templates%20free%20unlock.png?alt=media&#x26;token=b4825406-1c46-4f86-9e2a-187171a6fa87" alt=""><figcaption></figcaption></figure>

A Popup window will ask for your email. Type your email and click the "Get code" button.

<figure><img src="https://834137925-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MDTO7zmTA5-HpvK8JDA%2Fuploads%2Fm58GeEmwTh0Ov06Md8o2%2FCCBN%20Templates%20-%20All%20templates%20free%20get%20code.png?alt=media&#x26;token=629dbb2d-068d-4df9-9d4e-5697d93d6e45" alt=""><figcaption></figcaption></figure>

Copy and paste the code that you received on your email on the field and templates will be unlocked.

<figure><img src="https://834137925-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MDTO7zmTA5-HpvK8JDA%2Fuploads%2Fm58GeEmwTh0Ov06Md8o2%2FCCBN%20Templates%20-%20All%20templates%20free%20get%20code.png?alt=media&#x26;token=629dbb2d-068d-4df9-9d4e-5697d93d6e45" alt=""><figcaption></figcaption></figure>

{% hint style="info" %}
**Note:** The [Cost Calculator Pro](https://stylemixthemes.com/cost-calculator-plugin/pricing/) license level is required to access hundreds of templates.
{% endhint %}

### Using Form Templates <a href="#selecting-a-form-template" id="selecting-a-form-template"></a>

When you find the form template that suits your business needs, click on the **Use Template** button in the form template library.

<figure><img src="https://834137925-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MDTO7zmTA5-HpvK8JDA%2Fuploads%2FBd946xxhxkE9QAOCGNPV%2FCCBN%20Templates%20-%20Template%20use%20selected.png?alt=media&#x26;token=ed12527e-1124-4599-8b2d-1f984a14b149" alt=""><figcaption></figcaption></figure>

Clicking the Use Template button will bring you directly to the Cost calculator builder, where you can further customize the calculator.

<figure><img src="https://834137925-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MDTO7zmTA5-HpvK8JDA%2Fuploads%2Fg0fyVuAqIPsEyX5COiHR%2FCCBN%20Templates%20-%20Template%20use%20selected%20in%20builder.png?alt=media&#x26;token=fea28e20-6720-4074-a762-8438f5438ddb" alt=""><figcaption></figcaption></figure>

{% hint style="info" %}
It is possible to customize any calculator using [Calculator Elements](https://docs.stylemixthemes.com/cost-calculator-builder/calculator-elements/general-overview).
{% endhint %}

### Custom Templates

After editing the Calculator you can save it as a template for further usage in different cases:

<figure><img src="https://834137925-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MDTO7zmTA5-HpvK8JDA%2Fuploads%2FYU7l5lr259tacqcYEzir%2FCCBN%20Templates%20-%20save%20custom%20calc%20as%20template.png?alt=media&#x26;token=dafaa776-cf83-4feb-a053-c943766a57f0" alt=""><figcaption></figcaption></figure>

{% hint style="info" %}
After saving the calculator as a template, this calculator **will be removed from the list of calculators**. Instead,  it will be displayed in the "**Custom Templates**" section in the Templates library and you can **create new calculators** using this template.
{% endhint %}

<figure><img src="https://834137925-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MDTO7zmTA5-HpvK8JDA%2Fuploads%2FQaLsOWPkNsdJHuQqgWQ4%2FCCBN%20Templates%20-%20saved%20custom%20templates.png?alt=media&#x26;token=19842e28-3e69-4980-950b-e3a0c2992ac3" alt=""><figcaption></figcaption></figure>

### Saving Favorite Form Templates <a href="#form-template-preview" id="form-template-preview"></a>

With a simple click of the heart icon, you can save a specific template as one of your favorites. This allows you to quickly access your favorite templates for future use without searching through the template library.

<figure><img src="https://834137925-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MDTO7zmTA5-HpvK8JDA%2Fuploads%2Fk0USkPU3oaeEJ3IlIJao%2FCCBN%20Templates%20-%20All%20templates%20wishlist.png?alt=media&#x26;token=da877328-458b-42ee-85f4-261b6be6dd6b" alt=""><figcaption></figcaption></figure>

Once you save a form as a favorite, it will be displayed at the top of the page in **"Favorite Templates"** section:

<figure><img src="https://834137925-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MDTO7zmTA5-HpvK8JDA%2Fuploads%2F0tMucXxdQRQcMMFfWb5A%2FCCBN%20Templates%20-%20All%20templates%20wishlisted.png?alt=media&#x26;token=f5334f87-6379-4d7b-bdb3-fee3022988ce" alt=""><figcaption></figcaption></figure>

To remove a form from your favorites list, click the **heart** icon again, removing the red background color.

<figure><img src="https://834137925-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MDTO7zmTA5-HpvK8JDA%2Fuploads%2FJKvrIswTN29YkgcQKQ6T%2FCCBN%20Templates%20-%20All%20templates%20remove%20wishlisted.png?alt=media&#x26;token=151182f7-7e14-4a6d-b4c8-01b1ab30d61d" alt=""><figcaption></figcaption></figure>

### FAQ: The WPML plugin is installed and all templates are gone

If you see the **empty** templates page after installing the [**WPML** ](https://wpml.org/)plugin, we suggest doing the following:

1. Follow **WP Dashboard > WPML > Settings > Post Types Translation** and find **Cost Calculator Templates:**

<figure><img src="https://834137925-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MDTO7zmTA5-HpvK8JDA%2Fuploads%2FWUYJPlTQs2e5dZRYo8P2%2Fimage.png?alt=media&#x26;token=0d5653fa-e412-42a4-bade-fcf5d104977d" alt=""><figcaption></figcaption></figure>

2. Mark it as **Not Translatable** and **Save** the changes:

<figure><img src="https://834137925-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MDTO7zmTA5-HpvK8JDA%2Fuploads%2FjBwPTpNl8xqDYUXpYROh%2Fimage.png?alt=media&#x26;token=13b200fd-7426-4162-92fb-daa4b399107a" alt=""><figcaption></figcaption></figure>
