# FAQs

<details>

<summary>1.Why does the map show the message: "This page can't load Google Maps correctly"?</summary>

A common cause of this problem is related to billing. To solve the problem you need to enable billing on the Google Cloud Project at <https://console.cloud.google.com/project/_/billing/enable>

<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>

| **API**                        | **Free Tier/Month** | **Overage Cost (USD/1,000 requests)** | **Plan**   |
| ------------------------------ | ------------------- | ------------------------------------- | ---------- |
| **Geocoding API**              | 10,000 requests     | $5.00                                 | Essentials |
| **Geolocation API**            | 10,000 requests     | $5.00                                 | Essentials |
| **Maps JavaScript API**        | 10,000 requests     | $7.00                                 | Essentials |
| **Places API - Autocomplete**  | 10,000 requests     | $2.83                                 | Essentials |
| **Places API - Place Details** | 10,000 requests     | $5.00                                 | Essentials |
| **Places API - Nearby Search** | 5,000 requests      | $32.00                                | Pro        |
| **Street View Static API**     | 10,000 requests     | $7.00                                 | Essentials |

</details>

<details>

<summary>2. Why does the map show the message: "Oops! Something went wrong."?</summary>

<figure><img src="https://3193615300-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MbGA3WnXKJXk8zrgkrt%2Fuploads%2F0KtPWEnha0e6GdKTbahc%2Fimage.png?alt=media&#x26;token=591da3f2-5313-4398-b580-cc78d93e41a6" alt=""><figcaption></figcaption></figure>

The main cause of your problem has to do with the **Store Locator page url** not being authorized with Google MAP Service. You need to add this url to the Google Maps API Referrer list according to the following instructions: <https://sl-guide.storeify.app/google-map-api-key/security-for-api-keys>

</details>

<details>

<summary>3. Why is the short-code added to the page but the map is not showing?</summary>

You may not have set up to allow the map to be displayed on the landing page.&#x20;

Please go to **Settings** -> **Optimize** -> **Load app on** -> Select the type of page you want the map to display

If following the above method and the map still does not appear, then there is a possibility that there is a conflict between the theme and the app, please contact us to get the best support.

</details>

<details>

<summary>4. Why is the map not displayed on the homepage?</summary>

To show the store locator on the homepage, go to **Settings** -> **Optimize** -> Check the "**Homepage**".

This is simply the way the app optimizes the store's speed.

</details>

<details>

<summary>5. I have just changed my store theme and the Store Locator map doesn't work anymore</summary>

In this case, you just need to go to **Theme setup** from the left sidebar -> Select the theme you want to apply -> Just click the "**Go to Theme Settings > App Embeds**" -> Click the **Save** button in the upper right corner.

*(Another way*: In app dashboard, go to **Setup Guide** section ->  **Enable the app embed block** -> Click the **Active app embed** button)

</details>

<details>

<summary>6. Why add new/delete/edit locations but store front is not updated?</summary>

To fix the issue, please follow these steps:

1. Go to Theme setup from the left sidebar -> Select the theme you want to apply -> Just click the "Go to Theme Settings > App Embeds" -> Click the Save button in the upper right corner.
2. One more small step to make sure the app works faster and without redundant code:

&#x20;      Go to Online Store -> Themes -> Select theme -> Actions -> Edit code -> Open the theme.liquid file ->  Find and remove lines of code with "**storeify**".

**`{% include 'storeifyapps-storelocator-header' %}`**

**`{% include 'storeifyapps-storelocator-footer' %}`**

</details>

<details>

<summary>7. How to use difference maker icons?</summary>

If you just want to change the default Google maker icon for all locations on the map, then go to **Settings** -> **Appearance** ->  **Map Styles** -> **Maker icon** -> **Upload image file** (image size is 40x40px recommended)

But if you want to use different icon maker for different locations then you need to upload the image to the intermediate server, then go to **Locations** -> **Edit location** -> **Location maker icon url** -> Enter the link to the uploaded image (Shopify server is recommended)

<figure><img src="https://3193615300-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MbGA3WnXKJXk8zrgkrt%2Fuploads%2F1aASciUAuFO6aNqqimnY%2Flocation-maker-icon-url.png?alt=media&#x26;token=6c34871b-dff9-42bd-ade1-61fa8ed72414" alt=""><figcaption></figcaption></figure>

To add maker icons for multiple locations, you can also do it by importing the file.

<figure><img src="https://3193615300-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MbGA3WnXKJXk8zrgkrt%2Fuploads%2FmLC0OAjydUrENDihMTRU%2Flocation-maker-icon-url-1.png?alt=media&#x26;token=e389da25-0a29-42a0-901c-f7df7641281c" alt=""><figcaption></figcaption></figure>

</details>

<details>

<summary>8. The location's latitude and longitude are wrong, how do I correct them?</summary>

Please go to **Locations** -> **Edit location** -> Make sure you have checked "**Auto update the Lat & Long. Uncheck to update the Lat & Long manually.**" in the **Preview** box.

Then move your mouse over any field related to the Location's address and click it. The location's latitude and longitude data will automatically be updated correctly.

<figure><img src="https://3193615300-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MbGA3WnXKJXk8zrgkrt%2Fuploads%2FCsPdZ1x7mYvNWfN6nfRt%2FStoreify%20Demo%20%C2%B7%20Edit%20location%20%C2%B7%20Shopify%20%F0%9F%94%8A%202023-08-23%2015-11-29.png?alt=media&#x26;token=efb2ced9-e36f-413c-9d95-538c1c6fe685" alt=""><figcaption></figcaption></figure>

</details>

<details>

<summary>9.How to update multiple existing locations quickly?</summary>

The fastest steps to update existing locations:

1. Export the current location list to a CSV file.
2. Update the locations in the exported list.
3. Delete all locations in app admin.
4. Import the updated list.

</details>

<details>

<summary>10. How to active all location at once?</summary>

To enable all locations at once, please see the instructions in the image below:

<figure><img src="https://3193615300-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MbGA3WnXKJXk8zrgkrt%2Fuploads%2FXkr7iXSppORKaXHDWqxV%2Fimage.png?alt=media&#x26;token=0b2b606e-770c-4ba7-bd5a-0c0d63017cb2" alt=""><figcaption></figcaption></figure>

</details>

<details>

<summary>11.How to activate all locations that are in draft status?</summary>

To activate all locations that are in draft status, follow these steps:\
Go to **Locations** -> Click on the **Draft** tab -> Check "**Select All**" -> Click on the "**Set as active**" button

</details>

<details>

<summary>12.How to sort store list?</summary>

You can sort the store list by 3 options: order number, store creation time and store name.&#x20;

To select the sorting option, go to **Settings** -> **General** -> **Store list page** -> **Store list order by** -> **Select the sorting option**

For the Sort order option, you need to set up the order number for each store. See image below.

<figure><img src="https://3193615300-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MbGA3WnXKJXk8zrgkrt%2Fuploads%2F3qO97oBPc7bUZ2gw4jRW%2Fimage.png?alt=media&#x26;token=fdcb85f6-e100-41fd-90e2-75f4de3ae124" alt=""><figcaption></figcaption></figure>

</details>

<details>

<summary>13.Why does the submission notification email only show the short-code instead of the content?</summary>

The reason for the problem is that the pre-filled short-code in the email content is just a sample short-code and it can vary from store to store. In the backend app, go to **Dealer Form** -> **Email Settings** -> **Email message** -> Reselect the required fields using **Choose custom filed** select box

</details>

<details>

<summary>14.Is it possible to create multiple store locator maps?</summary>

It is possible. We can customize based on the location filter tag.

For example: for the map #1, locations will be added the tag01. For the map #2, location will be added the tag02

We will create short-codes for each map.

**Note**: *Creating multiple maps is not a default feature of the app, so this customization is charged. Please contact us if you need it.*

</details>

<details>

<summary>15.Why is searching by location not giving any results?</summary>

Searching by location depends on two criteria: location and radius. Google Map determines the center coordinates of the area and then scans by radius. If no location is found, try increasing the radius.

</details>

<details>

<summary>16.Got this error: "API keys with referer restrictions cannot be used with this API" when importing file, how to fix?</summary>

To fix this issue, please follow the instructions below:<br>

* Go to Google Cloud Console > APIs & Services > Credentials -> Located the key -> Edit -> API restrictions -> Select "**Don't restrict key**" -> Save
* Import file
* After successful import, please reselect "**Restict key**" in Google Map API Key settings

</details>

<details>

<summary>17.Why does the email notification content not display data fields but display short-codes?</summary>

The reason for the problem is that the pre-filled short-code in the email content is just a sample short-code and it can vary from store to store. In the backend app, go to **Dealer Form** -> **Email Settings** -> **Email content** -> Reselect the required fields using **Select box**

<figure><img src="https://3193615300-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MbGA3WnXKJXk8zrgkrt%2Fuploads%2FuKUTzNkJjC1CsG1WsPi2%2FMonosnap%20Storeify%20Demo%20%C2%B7%20Edit%20form%20%C2%B7%20Shopify%202026-01-03%2008-26-06.jpg?alt=media&#x26;token=14dfd845-6421-4b4d-bf49-88a0eab7c954" alt=""><figcaption></figcaption></figure>

</details>