Store branches app

 

Allow customers to check and locate your store branches easily and get their contact and address details.

 

If you have physical store branches and you want to present them to your customers on your store website with locations, descriptions, and contact information, this app is all that you need.

 

 

In this Article:

 

- App installation

- How to get the API Key from your account on google.

- App setup.

- Adding actual store branches to your e-commerce store.

 

App installation

 

Go to apps and services from your store dashboard, Search for Store Branches App and install it.

 

 

How to get the API Key from your account on google

 

To get the Api key, you will need to create a google developer account through this link: https://console.developers.google.com

 

Once you’re logged in, click on (Create Project)

 

 

You will be directed to the following page

Insert the required information, then click (Create)

 

 

You will be directed to the following page, click on (Enable APIS And Services)

 

You will be directed to the following page to activate APIs for the required services.

 

We will activate the API key for the following services.

 

JavaScript API for Maps

Geocoding API

Geolocation API

API places

 

 

Once we have activated the API key for the 4 needed services, click on credentials.

 

 

You will be directed to this page. Click on Create credentials, then APi Key

 

 

The API Key has been successfully created.

 

 

App Setup

 

Once you have installed the app, you will be able to access the app settings which includes:

1- API Key: Insert the Api key that we have got by following the previous steps.

 

2 through 9- These settings enable you to control the heights, widths of the images and the maps that will be displayed on your storefront when customers enter the store branches section.

 

10- Determine the number of branches that will be displayed on each page.

 

11-  Auto Detect Location: By enabling this option, you will be able to display the branches of your store automatically.

 

12- Google Map Marker: You can use an illustration to be displayed on the store's branches section on your store.

 

13- Google Map API Health: This option enables you to validate the Api key.

 

 

 

Adding actual store branches on your e-commerce store:

 

Click on the (Add button) from the app settings page.

 

 

You will be directed to the following page which includes:

 

Store name: inset the branch name in this field

Address: insert the branches address in this field

Search for an address: type in the branches address as it appears on google maps

Email: the email address associated with this branch is to be inserted here.

Phone: the phone number associated with this branch is to be inserted here

Special Offers: You can add the special offers related to this branch (if applicable)

Timing: type in the branches operating hours

Sort Order: Type the order in which you want this branch to appear.

Details: You can write details about the branch that we are adding, if applicable.

 

 

 

Image:

You can add an image to be linked to this specific branch.

 

Comments

Relevant Videos