# Settings

he **Settings** section is where you enable app, set the necessary properties and customizations for the Store Locator page.

### General

Here you need to enter the Google Map API Key to activate the map. 

{% hint style="info" %} <mark style="background-color:red;">To use the app smoothly and stably for a long time, you need to create a Google Map API Key (About 5 minutes to complete this).</mark>

<mark style="background-color:red;">--> How to generate Google Map API Key:</mark> [<mark style="background-color:red;">https://sl-guide.storeify.app/google-map-api-key/generating-and-setting-api-keys</mark>](https://sl-guide.storeify.app/google-map-api-key/generating-and-setting-api-keys)

<mark style="background-color:red;">**Note**</mark><mark style="background-color:red;">:</mark> <mark style="background-color:red;"></mark>*<mark style="background-color:red;">You need to enable the list of required APIs and enable billing on the Google Cloud Project.</mark>*

<mark style="background-color:red;">Don't worry about the cost when using Google Maps service,, currently Google Map has free caps for each plan, only when you exceed these caps, you have to pay (</mark><mark style="background-color:red;">**about 10k maploads**</mark><mark style="background-color:red;">):</mark>

[<mark style="background-color:red;">https://mapsplatform.google.com/pricing/</mark>](https://mapsplatform.google.com/pricing/)

<mark style="background-color:red;">Once you have the API Key, go to</mark> <mark style="background-color:red;"></mark><mark style="background-color:red;">**Settings**</mark> <mark style="background-color:red;"></mark><mark style="background-color:red;">-></mark> <mark style="background-color:red;"></mark><mark style="background-color:red;">**General**</mark> <mark style="background-color:red;"></mark><mark style="background-color:red;">-></mark> <mark style="background-color:red;"></mark><mark style="background-color:red;">**Google map API key**</mark> <mark style="background-color:red;"></mark><mark style="background-color:red;">-> Add API Key</mark>
{% endhint %}

**Note**:

In addition, you can also set the *store listing display,* *number of fields visibility on the list and on the map*, *sort order type, search method, search radius, map zoom*, etc.

<figure><img src="https://3193615300-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MbGA3WnXKJXk8zrgkrt%2Fuploads%2Fz35HhmJc92uLLaiANKuR%2Fimage.png?alt=media&#x26;token=97ce6589-8601-479c-9814-2c53e94f1991" alt=""><figcaption></figcaption></figure>

### Appearance

In this tab, you can choose layout style, map style, upload the maker icon, and customize the map interface with CSS code.

<figure><img src="https://3193615300-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MbGA3WnXKJXk8zrgkrt%2Fuploads%2FmikAZX8YrzSP5ctq14Wc%2Fimage.png?alt=media&#x26;token=43209345-ef6d-4818-99f2-e841165521e7" alt=""><figcaption></figcaption></figure>

### Translate

Default language is English, you can translate to any language in **Default** tab.&#x20;

Multi-language is supported. To use the language feature, click **Add language**, then translate this tab to the new language. However, ***the app cannot automatically translate the store name***.

<figure><img src="https://3193615300-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MbGA3WnXKJXk8zrgkrt%2Fuploads%2FE69E7vylV74NZdNVXEdD%2Fimage.png?alt=media&#x26;token=06970c01-74fa-492a-b656-3b44abbb9d79" alt=""><figcaption></figcaption></figure>

### Email

In this tab, you set the email content to be sent to the store email when a customer submit the Contact Form on store detail page. You can also set up Google reCaptcha for contact form and dealer form here.

<figure><img src="https://3193615300-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MbGA3WnXKJXk8zrgkrt%2Fuploads%2FgfzBuVgkBffYgyEqYvTZ%2Fimage.png?alt=media&#x26;token=f7a8317b-375f-4401-8098-696ad1e0f7d8" alt=""><figcaption></figcaption></figure>

### SEO

Customize page title, page description for **SEO optimization** and embed the tracking code.

<figure><img src="https://3193615300-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MbGA3WnXKJXk8zrgkrt%2Fuploads%2F4KIAkHJIOO5SJQm4o3s3%2Fimage.png?alt=media&#x26;token=00c379aa-4987-488c-b2b8-2c5d5c2456ff" alt=""><figcaption></figcaption></figure>

### Optimize

<figure><img src="https://3193615300-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MbGA3WnXKJXk8zrgkrt%2Fuploads%2Fs3e0o4qAxnsAZqCpZyf3%2Fimage.png?alt=media&#x26;token=0a792b57-6142-471e-8e27-38ae98e7c10a" alt=""><figcaption></figcaption></figure>

In some cases, you just want all of the Store locator source code to be called only on a specific page (including CSS and JS files), go to the **Optimize** tab and enter the URL Key of the page.

For example, the url of the store locator page is "*<https://domain.com/pages/store-locator/>"* then the URL Key will be "**store-locator".**


---

# 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://sl-guide.storeify.app/store-locator-settings.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.