# Templates

<figure><img src="https://3250709389-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MS33S0eoYwMaMrLb7T_%2Fuploads%2FADC1talPGyGkLcHzCZBH%2FScreenshot%202023-06-21%20at%2011.05.51.png?alt=media&#x26;token=3be75c62-b26b-4290-ba26-408642baf60b" alt=""><figcaption></figcaption></figure>

The Templates Tab allows you to visualise every template added to your installation. This allows you identify your template quickly and even scroll through it for a global overview.

You can also edit directly using quick action buttons such as: edit, visibility conditions and reset.

From here you can also add a Custom Template or be directed to the Editor to create a Default Template.

{% hint style="info" %}
By default, only the Index template is displayed.
{% endhint %}

## Custom Template

### Add

A Custom Template is a Template you create directly from the Cwicly Themer. It has no pre-defined conditions so it will not be applied until you set up your own conditions.

This allows you to set up complex conditions tailored to your specific needs and requirements.

* Navigate to the Wordpress Dashboard
* Find Cwicly.
* Open the <img src="https://3250709389-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MS33S0eoYwMaMrLb7T_%2Fuploads%2FIFujNW2w7vGBWle7QUxI%2Ffavicon-black%20(1).png?alt=media&#x26;token=7217d37c-7da0-48b5-a775-e14b6e5de2f4" alt="" data-size="line"> Themer.
* Open the Template tab.
* Click "+ Custom" button to open the New Custom Template Modal.

<figure><img src="https://3250709389-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MS33S0eoYwMaMrLb7T_%2Fuploads%2FDNht9nbd6Zrqzm9DVlGe%2FScreenshot%202023-06-21%20at%2011.09.44.png?alt=media&#x26;token=b142b577-dd1a-458a-9ab2-5915054fe6f5" alt=""><figcaption></figcaption></figure>

* Input Custom Template name.
* Click Create button.

![](https://3250709389-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MS33S0eoYwMaMrLb7T_%2Fuploads%2FYmV3BoE7GSQlN4L5goHC%2FScreenshot%202023-06-21%20at%2011.12.17.png?alt=media\&token=8a16cdfd-96f4-41cf-adb0-570ffff2a1d4)

* The new Custom Template will be visible in the Themer.

<figure><img src="https://3250709389-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MS33S0eoYwMaMrLb7T_%2Fuploads%2FG7s0dYU0U7keYFeJUcnl%2FScreenshot%202023-06-21%20at%2011.16.05.png?alt=media&#x26;token=7e6e4145-79b8-4da3-a691-0c28ade1811c" alt=""><figcaption></figcaption></figure>

### Delete

* Navigate to the Wordpress Dashboard
* Find Cwicly.
* Open the <img src="https://3250709389-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MS33S0eoYwMaMrLb7T_%2Fuploads%2FIFujNW2w7vGBWle7QUxI%2Ffavicon-black%20(1).png?alt=media&#x26;token=7217d37c-7da0-48b5-a775-e14b6e5de2f4" alt="" data-size="line"> Themer.
* Open the Template tab.
* Find Page/Post to be deleted.
* Click Trash icon to delete.

<figure><img src="https://3250709389-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MS33S0eoYwMaMrLb7T_%2Fuploads%2F7Scu3rsjjWHqq1u2OF2d%2FScreenshot%202023-06-21%20at%2011.16.57.png?alt=media&#x26;token=28daee33-6e39-45d1-af9a-05c446a0c3f7" alt=""><figcaption></figcaption></figure>

### Rename

A Custom template can be renamed from the Templates Editor.

* Navigate to the Wordpress Dashboard
* Find Cwicly.
* Open the <img src="https://3250709389-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MS33S0eoYwMaMrLb7T_%2Fuploads%2FIFujNW2w7vGBWle7QUxI%2Ffavicon-black%20(1).png?alt=media&#x26;token=7217d37c-7da0-48b5-a775-e14b6e5de2f4" alt="" data-size="line"> Themer.
* Open the Template tab.
* Click "+ Default" button to open the Templates Editor.

<figure><img src="https://3250709389-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MS33S0eoYwMaMrLb7T_%2Fuploads%2Fqy5is5qlAdR41JtvjW8p%2FScreenshot%202023-06-22%20at%2011.45.06.png?alt=media&#x26;token=4ae8d51c-a3c5-4727-959f-31f6ceeead8d" alt=""><figcaption></figcaption></figure>

* Click "Add New" button to open the Add New modal.
* Find Default Template to be renamed.
* Click "Actions" icon and select "Rename" option.

<figure><img src="https://3250709389-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MS33S0eoYwMaMrLb7T_%2Fuploads%2F2EA0V4YIczyhfTW1Bmku%2FScreenshot%202023-06-22%20at%2011.52.16.png?alt=media&#x26;token=426cb68f-b57a-4018-8156-743a379d3dae" alt=""><figcaption></figcaption></figure>

* Input new name in the Rename field.
* Click "Save" button to save or "Cancel" button if you decide to keep former name.

<figure><img src="https://3250709389-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MS33S0eoYwMaMrLb7T_%2Fuploads%2FxT43MNaj1z4goxIxraMO%2FScreenshot%202023-06-22%20at%2011.54.35.png?alt=media&#x26;token=5e97cce7-7a20-4368-941f-67956eb7a689" alt=""><figcaption></figcaption></figure>

## Default Template

A Default Template is a Template you  can choose from a selection of pre-set template types such as Index, Front Page, Page, Archive, Search, 404.&#x20;

{% hint style="info" %}
Conditions are added by default.
{% endhint %}

### Add

When you open the Templates window you will see a list of the templates you have added.

* Navigate to the Wordpress Dashboard
* Find Cwicly.
* Open the <img src="https://3250709389-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MS33S0eoYwMaMrLb7T_%2Fuploads%2FIFujNW2w7vGBWle7QUxI%2Ffavicon-black%20(1).png?alt=media&#x26;token=7217d37c-7da0-48b5-a775-e14b6e5de2f4" alt="" data-size="line"> Themer.
* Open the Template tab.
* Click "+ Default" button to open the Site Editor Templates window.

<figure><img src="https://3250709389-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MS33S0eoYwMaMrLb7T_%2Fuploads%2F4BIHfFo9kJDKHJWOD9qJ%2FScreenshot%202023-06-21%20at%2011.20.24.png?alt=media&#x26;token=9ea8c52f-7810-48da-bfb3-8968ce364f06" alt=""><figcaption></figcaption></figure>

* Click "Add New" button to open the Add New Template modal.
* Select Default Template to be added (Front Page, Page, Archive, Search, 404).

<figure><img src="https://3250709389-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MS33S0eoYwMaMrLb7T_%2Fuploads%2FridjQyHPs9azDwf2ENik%2FScreenshot%202023-06-21%20at%2011.22.31.png?alt=media&#x26;token=fc46f1ff-37f8-4d5a-b243-c87d8a0cab11" alt=""><figcaption></figcaption></figure>

### Remove

* Navigate to the Wordpress Dashboard
* Find Cwicly.
* Open the <img src="https://3250709389-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MS33S0eoYwMaMrLb7T_%2Fuploads%2FIFujNW2w7vGBWle7QUxI%2Ffavicon-black%20(1).png?alt=media&#x26;token=7217d37c-7da0-48b5-a775-e14b6e5de2f4" alt="" data-size="line"> Themer.
* Open the Template tab.
* Click ""+ Default" button to open the Templates Editor.

<figure><img src="https://3250709389-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MS33S0eoYwMaMrLb7T_%2Fuploads%2Fqy5is5qlAdR41JtvjW8p%2FScreenshot%202023-06-22%20at%2011.45.06.png?alt=media&#x26;token=4ae8d51c-a3c5-4727-959f-31f6ceeead8d" alt=""><figcaption></figcaption></figure>

* Click "Add New" button to open the "Add New" modal.
* Find Default Template to be removed.
* Click the "Actions" icon and select "Delete" option.

<figure><img src="https://3250709389-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MS33S0eoYwMaMrLb7T_%2Fuploads%2F1xAiNRJnTNPlhhcCP3JG%2FScreenshot%202023-06-22%20at%2011.46.07.png?alt=media&#x26;token=7842f956-66f2-4ea5-9380-cc5e753783b2" alt=""><figcaption></figcaption></figure>

### Reset

* Navigate to the Wordpress Dashboard
* Find Cwicly.
* Open the <img src="https://3250709389-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MS33S0eoYwMaMrLb7T_%2Fuploads%2FIFujNW2w7vGBWle7QUxI%2Ffavicon-black%20(1).png?alt=media&#x26;token=7217d37c-7da0-48b5-a775-e14b6e5de2f4" alt="" data-size="line"> Themer.
* Open the Template tab.
* Find Default Page to be deleted.
* Click Reset icon to reset.

<figure><img src="https://3250709389-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MS33S0eoYwMaMrLb7T_%2Fuploads%2FnlPJDqIHJ5CUMjcVe0V2%2FScreenshot%202023-06-22%20at%2011.42.40.png?alt=media&#x26;token=62923263-11e9-4a4c-9725-d1c02ac82fb7" alt=""><figcaption></figcaption></figure>

* Click "Add New" button to open the Add New modal.
* Find Default Template to be renamed.
* Click "Actions" icon and select "Rename" option.
* Open the Rename window and input new name.
* Click "Save" button to save or "Cancel" button to keep former name.

## Quick Action Buttons

### Edit

The Edit button allows you to navigate to a template which you can edit directly, saving valuable time.

* Navigate to the Wordpress Dashboard
* Find Cwicly.
* Open the <img src="https://3250709389-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MS33S0eoYwMaMrLb7T_%2Fuploads%2FIFujNW2w7vGBWle7QUxI%2Ffavicon-black%20(1).png?alt=media&#x26;token=7217d37c-7da0-48b5-a775-e14b6e5de2f4" alt="" data-size="line"> Themer.
* Open the Template tab.
* Navigate to the template you wish to edit.
* Click "Edit" icon to open the Editor.

<figure><img src="https://3250709389-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MS33S0eoYwMaMrLb7T_%2Fuploads%2Fio4f5ATGN5VccCt9lZsU%2FScreenshot%202023-06-22%20at%2011.58.05.png?alt=media&#x26;token=5da123cd-62a9-4b5e-b5b7-f9d15d30127c" alt=""><figcaption></figcaption></figure>

* Make changes as required.

### Set Visibility conditions

Visibility conditions allow you to set the rules that determine the conditions under which a template is applied to the current queried element.

* Navigate to the Wordpress Dashboard
* Find Cwicly.
* Open the <img src="https://3250709389-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MS33S0eoYwMaMrLb7T_%2Fuploads%2FIFujNW2w7vGBWle7QUxI%2Ffavicon-black%20(1).png?alt=media&#x26;token=7217d37c-7da0-48b5-a775-e14b6e5de2f4" alt="" data-size="line"> Themer.
* Open the Template tab.
* Navigate to the template for which you wish to set Visibility conditions.
* Click "Visibility Conditions" icon to open the Editor.

<figure><img src="https://3250709389-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MS33S0eoYwMaMrLb7T_%2Fuploads%2FlKUIj0nBNWpN1aWk7QEB%2FScreenshot%202023-06-22%20at%2012.03.51.png?alt=media&#x26;token=312e6f2f-1ce3-4b8b-b793-89a9b153dbc4" alt=""><figcaption></figcaption></figure>

* Make changes as required.

For detailed information about visibility conditions and operators, please see [Visibility Conditions](https://docs.cwicly.com/interactions/visibility-conditions).

### Delete/Reset&#x20;

Allows you to quickly delete a custom template or reset a default template.

* Navigate to the Wordpress Dashboard
* Find Cwicly.
* Open the <img src="https://3250709389-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MS33S0eoYwMaMrLb7T_%2Fuploads%2FIFujNW2w7vGBWle7QUxI%2Ffavicon-black%20(1).png?alt=media&#x26;token=7217d37c-7da0-48b5-a775-e14b6e5de2f4" alt="" data-size="line"> Themer.
* Open the template tab.
* Navigate to the Template to be deleted.
* Select the Trash or Reset icon depending on the template type (custom or default).

See [Delete](#delete)

See [Reset](#reset)

### Duplicate

To say time, you can copy a template easily using the Duplicate function.

* Navigate to the Wordpress Dashboard
* Find Cwicly.
* Open the <img src="https://3250709389-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MS33S0eoYwMaMrLb7T_%2Fuploads%2FIFujNW2w7vGBWle7QUxI%2Ffavicon-black%20(1).png?alt=media&#x26;token=7217d37c-7da0-48b5-a775-e14b6e5de2f4" alt="" data-size="line"> Themer.
* Open the template tab.
* Navigate to the Template to be copied.
* Click the "Duplicate" icon to open the Duplicate modal.
* Input name for new copied template.
* Click "Duplicate" button.

<figure><img src="https://3250709389-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MS33S0eoYwMaMrLb7T_%2Fuploads%2FEkmlXUil7BBRQVbKLVtY%2FScreenshot%202023-06-22%20at%2012.05.26.png?alt=media&#x26;token=acce6a83-c9d3-4b31-bca8-498cf5892126" alt=""><figcaption></figcaption></figure>
