> 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="https://922942541-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FIGRcMuVZCEGNibOl1OmW%2Fuploads%2FkmerPWzljKTls783PAdH%2Fzox%203.png?alt=media&amp;token=5e27e3bf-fb77-4ea4-9401-b1f57951a072" 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="https://922942541-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FIGRcMuVZCEGNibOl1OmW%2Fuploads%2F60r2vTXRTGyboR2uyJJP%2Fimage.png?alt=media&amp;token=859dcb68-5f49-4d97-9727-2f2214712bd8" 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="https://922942541-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FIGRcMuVZCEGNibOl1OmW%2Fuploads%2FMXTPV4O7CzUBYodjgyNM%2Fzox%2030.png?alt=media&amp;token=e8424d13-28fa-4f26-9283-63c56942ec58" 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="https://922942541-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FIGRcMuVZCEGNibOl1OmW%2Fuploads%2FZJZjwdh7MmIlGma1jEmi%2Fzox%2031.png?alt=media&amp;token=556393f0-0392-449f-8290-aa68e4d490e2" 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="https://922942541-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FIGRcMuVZCEGNibOl1OmW%2Fuploads%2FEPRBTflcOcpLuijTckMv%2Fimage.png?alt=media&amp;token=7578a5f4-9908-4033-9d43-c2b7ae739254" 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="https://922942541-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FIGRcMuVZCEGNibOl1OmW%2Fuploads%2F1WxPLYwWshaF6CdATrof%2Fimage.png?alt=media&amp;token=8d74d695-5810-4c92-ac18-2cdd95209a30" alt=""><figcaption></figcaption></figure>
