# 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>


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://magecomp.gitbook.io/shopify/apps/zox-zipcode-check/dashboard.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.