Insert Map on Pages

You can add "Google Map" location to your website so customers can easily look for your actual shop location.

 

This article covers two ways of embedding Google Map to your website:

1. Embed from Google Map
2. Embed from SHOPLINE backend Advanced Page


1. Embed from Google Map

Step 1 

Pin your shop from Google Map 

Screen_Shot_2017-09-06_at_12.55.27_pm.png

 

Step 2 

Confirm address you want to pin > Click "Share" button

Screen_Shot_2017-09-06_at_12.05.32_pm.png

 

Step 3 

Click "Embed Map" tab > Copy link after choosing desired map size (Large/ Medium/ Small/ Customized)

Screen_Shot_2017-09-06_at_12.05.58_pm.png

 

Step 4 

Go back to SHOPLINE backend > Click "Page" from the bar on the left > Add "Text Page" > Key in "Page Title" 

 

Step 5

Click "Toggle HTML" under "Page Content" and paste the copied code > Click "Add"

 

Step 6

Go to "Menu Navigation" tab in the left bar > Add the page to menu according to you preference (You can add the page to both upper and bottom menu) 


2. Embed from SHOPLINE backend Advanced Page 

Step 1

Go to SHOPLINE backend > Click "Page" in the left bar > Add "Advanced Page" > Choose your desired template

 

Step 2

Click "Menu" button > Set "Page Title" accordingly 

Remarks: We recommend bilingual shops to set second language at the same time to save trouble from inputting information again

 

Step 3

Drag and drop "Google Map" button to the editor

Screen_Shot_2017-09-06_at_3.30.27_pm.png

 

Image below shows the layout after dragging the Google Map to the editor 

Screen_Shot_2017-09-06_at_3.30.54_pm.png

 

Step 4

Search and confirm shop address 

Screen_Shot_2017-09-06_at_3.55.07_pm.png

Remarks: No size customization is available if embed map through Advanced Page

 

Step 5

You can also set "Map Title" and "Map Description" from "Settings" tab > Click "OK" 

Screen_Shot_2017-09-06_at_3.37.10_pm.png

 

Step 6

You may also choose to "Preview" the page but don't forget to click "Save" button on bottom right corner > Click "Return to Admin Panel" on top left corner

 

Step 7

Go to "Menu Navigation" tab in the left bar > Add the page to menu according to you preference (You can add the page to both upper and bottom menu) 

Have more questions? Submit a request

Comments

Powered by Zendesk