> For the complete documentation index, see [llms.txt](https://magecomp.gitbook.io/shopify/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://magecomp.gitbook.io/shopify/apps/zox-zipcode-check/dashboard.md).

# Dashboard

## <mark style="color:blue;">Embed app</mark>

To start using the app on your eCommerce website, you need to first embed the app into your store.

#### <mark style="color:blue;">Step #1</mark>

For that, you need to select the **Enable** button.

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

#### <mark style="color:blue;">Step #2</mark>

After that, you will be redirected to your theme backend, where you have to enable the app embed.

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

**Save** the configuration and proceed.

## <mark style="color:blue;">Add app block</mark>

This app block integrates the app widget into your live Shopify store, allowing customers to check if their area or ZIP code is eligible for product delivery or not.

#### <mark style="color:blue;">Step #1</mark>

Click on the **Add Block** option on the app Dashboard.

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

#### <mark style="color:blue;">Step #2</mark>

You will be automatically redirected to the **sections** in your store back - end.

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

#### <mark style="color:blue;">Step #3</mark>

* Once the widget block added, you can drag and drop it to set its position on the product page.
* Click **Save** to make the widget live on your storefront.

#### <mark style="color:blue;">Step #4</mark>

Once you are done making the changes with the app's widget section position, **Save** the changes and they will be updated to the live Shopify store.

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

#### Multi-Language Support

The app now supports multiple languages, allowing you to provide a localized experience to your customers.

**How it works:**

* Go to the app Dashboard
* Select your preferred language
* The app interface and supported content will adjust accordingly

<figure><img src="/files/6FKHkzfwowlwnvDooRkM" alt=""><figcaption></figcaption></figure>