> For the complete documentation index, see [llms.txt](https://sl-guide.storeify.app/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://sl-guide.storeify.app/store-locator-settings.md).

# 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="/files/4ZXTD7eHnMT2OYDGpaug" 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="/files/eO6NTpRPb6uRWqUKBHln" 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="/files/k4Sel355EpI4WXc39I5K" alt=""><figcaption></figcaption></figure>

Besides manually translating by filling in the corresponding text fields, you can also use the app's auto-translation feature. By clicking the "Auto translate" button and waiting a few seconds, the app will complete the translation for you.

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

### SEO

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

<figure><img src="/files/mfh3ZZnrMImHxXFM9XGS" alt=""><figcaption></figcaption></figure>

### Optimize

<figure><img src="/files/OoucyH26PeZIRGXQwTxQ" 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".**