# Testing and Deploying Your Theme

For every change you make in the code editor, there are 2 steps involved.

1. Previewing how your change would look like & testing it. 
2. Deploying the changes to your site 

## 👀 Previewing your changes

1. Once you make your changes in the code editor click on the **"Save & preview"** button on the top right corner of the code editor

<figure><img src="https://869317877-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FEpxvKr8371wMxhqFS6hu%2Fuploads%2Fe7iDctxvz0tLuHfatTZD%2FScreenshot%202023-04-03%20at%2016.40.36.png?alt=media&#x26;token=7d4af32e-6b9f-4291-8023-5384455231a6" alt=""><figcaption></figcaption></figure>

This deploys your changes to an **intermediate url which is not your actual site**, i.e. your customers won't be able to see the changes, so its a perfect place to experiment

The intermediate url ends with a domain **".sh"** instead of the original Dukaan domain **".io"**\
So, if your store url was **"general-store",** \
It's preview url would be - **"mydukaan.sh/general-store"** \
whereas the original store link would be - **"mydukaan.io/general-store"**

On successful deployment you'd see a message something like this

<figure><img src="https://869317877-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FEpxvKr8371wMxhqFS6hu%2Fuploads%2Ffj7pTSIWsfQJMlZMWnbN%2FScreenshot%202023-04-03%20at%2016.52.48.png?alt=media&#x26;token=34fd8adc-3595-4653-8133-eb16345ffb44" alt=""><figcaption></figcaption></figure>

Your changes would be visible in your preview url, and you can do all the testing you want here before you make the changes live for your customers.&#x20;

Mobile screen preview is directly visible from the code editor itself, its on the right side of the code editor

<figure><img src="https://869317877-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FEpxvKr8371wMxhqFS6hu%2Fuploads%2FcjEq4myLawUWPJ1RP5wV%2FScreenshot%202023-04-03%20at%2016.57.44.png?alt=media&#x26;token=e026c243-b93a-4294-a726-cd54af0cd137" alt=""><figcaption></figcaption></figure>

{% hint style="info" %}
Note - You can deploy to your preview url as many times as you want, so feel free to experiment your ideas.
{% endhint %}

## 🚀 Deploying your changes

Now when you're sure that your customers must see the changes you've made you can deploy it with a single click by simply clicking on the **"Publish"** button

<div align="center"><figure><img src="https://869317877-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FEpxvKr8371wMxhqFS6hu%2Fuploads%2FrTxnR5sqe6Rm5PjkZpJN%2FScreenshot%202023-04-03%20at%2016.56.01.png?alt=media&#x26;token=76ba4607-0de6-4d4b-9a5a-61f9352224c2" alt=""><figcaption></figcaption></figure></div>

This makes all your changes live for your customers instantly on your original store url.