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.
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.
Updated on: 23/01/2023
Thank you!