# Widget Positioning

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&#x20;

## 1. App block Integration

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

<figure><img src="/files/D8fjk9UVZch4pLXOayiM" 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="/files/ph5SMJCaUTEnLvh0oFqz" alt=""><figcaption></figcaption></figure>

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

<figure><img src="/files/Sg4nbMad0qC14bMHKTqN" 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="/files/4KTsAKB8GMPXyScU2Fw8" 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 %}


---

# 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://help.spicegems.com/esl-easy-store-locator/widget-positioning.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.
