> For the complete documentation index, see [llms.txt](https://docs.dingdoong.io/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.dingdoong.io/how-to-create-a-test-theme.md).

# How to create a test theme?

To create and test a Shopify theme, follow these **5 key steps:**

{% stepper %}
{% step %}

### Duplicate or Create a new theme

In your Shopify admin, go to **Online store > Themes > Duplicate the current theme**

<figure><img src="/files/VwbLFwDGy2syeEUZFGtD" alt=""><figcaption></figcaption></figure>

{% hint style="success" %}
This creates a copy you can safely modify without impacting the live site.
{% endhint %}

A copy of Live theme will appear here

<figure><img src="/files/ct7uVUAULkNhFmfFj5jH" alt=""><figcaption></figcaption></figure>
{% endstep %}

{% step %}

### Customize your test theme

Choose **Customize** on the copy theme > **Turn on DingDoong app > Save**&#x20;

<figure><img src="/files/W1J2LO3s3MpwZX1xkBFF" alt=""><figcaption></figcaption></figure>
{% endstep %}

{% step %}

### Go to DingDoong settings and set up scheduling rule

{% hint style="warning" %}
Remember that to display date picker on your site, you must **embed app** and **set up at least 1 scheduling rule** and  **enable it**
{% endhint %}
{% endstep %}

{% step %}

### Test rule and Preview theme

Preview your test theme from the **Themes** page by clicking **Actions > Preview** on the duplicated or new theme.

<figure><img src="/files/9oGKslGIy8ircZdQGwdl" alt=""><figcaption></figcaption></figure>
{% endstep %}

{% step %}

### Publish on live theme

Once you are satisfied with your test theme, you can publish it to replace your live theme by clicking **Actions > Publish** on the tested theme.

<figure><img src="/files/i6xn5J6VzjtFkBy9dEAm" alt=""><figcaption></figcaption></figure>

{% hint style="warning" %}
:person\_raising\_hand: If you want to review your set up, please contact us for a FREE quick review. Contact us now!
{% endhint %}
{% endstep %}
{% endstepper %}