# Integration

By default, the **SpiceGems Store Locator** app integrates automatically in the store only by activating the **App Embed**. It generates a default URL, **https\://\[your store URL]/pages/store-locator,** on the app dashboard to access the store’s map page.

To add the app on any specific page or location on any store page, you can either utilize the **App Block feature or the Embed Code** for manual positioning. These options offer hassle-free integration of the app in any place in the store.

1. App block
2. Embed code 

## 1. App block Integration

**Step-1**: Open Shopify Admin → Online Store → **Themes** → click on **Customize**

<figure><img src="https://3493004268-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FCda7k33fJ94C7T44fJOk%2Fuploads%2FYBQM2Xz2B4Onqmdv8gZV%2F00..png?alt=media&#x26;token=d3b6a5eb-4e16-4d22-8a66-7b434dc5f943" alt=""><figcaption></figcaption></figure>

**Step-2**: Click on Dropdown (Home page) → Click on Add section → Apps - click to add - Easy store locator widget on the homepage

<figure><img src="https://3493004268-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FCda7k33fJ94C7T44fJOk%2Fuploads%2F4dkoHYOPn5TxjuwA63Ec%2F02.png?alt=media&#x26;token=9531a026-9a2c-4c52-8d38-e4897ae9199f" alt=""><figcaption></figcaption></figure>

**Step-3:** Easy Store Locator widget is added - Click **Save** to apply the changes.

<figure><img src="https://3493004268-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FCda7k33fJ94C7T44fJOk%2Fuploads%2FPd5IjpSAoJf3oSFLq2GF%2F03.png?alt=media&#x26;token=96674a69-fbe7-43e1-83ea-3b936562aa56" alt=""><figcaption></figcaption></figure>

The Easy Store Locator App block has been added and is now ready for use.&#x20;

{% hint style="info" %}
You can integrate the Store Locator widget on any page of your store.
{% endhint %}

## **2. Embed Code**

To integrate the app in a specific location in the store, you can use the Embed code integration method. This method is more complex than using an App Block, as it requires a detailed understanding of theme sections and files for proper integration.

You can copy the embed code available in the app and paste it in the theme code where you want to display store locator.

<figure><img src="https://3493004268-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FCda7k33fJ94C7T44fJOk%2Fuploads%2FgDetbB2pVTr6i2mCoBB1%2Fembed_code.png?alt=media&#x26;token=dfc6fe31-9367-4b1d-bed9-2755d671fde0" alt=""><figcaption></figcaption></figure>

{% hint style="info" %}
If you need any assistance regarding the above configurations, please drop an email at **<help@spicegems.com>**
{% endhint %}