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
Step 1
Pin your shop from Google Map
Step 2
Confirm address you want to pin > Click "Share" button
Step 3
Click "Embed Map" tab > Copy link after choosing desired map size (Large/ Medium/ Small/ Customized)
Step 4
Go back to SHOPLINE backend > Click "Navigation & Pages" > "Pages" 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 "Navigation & Pages" > "Page" in the left bar > Add "Advanced Page" > Choose your desired template
Step 2
Click "Menu" button > Set "Page Title" accordingly
Step 3
Drag and drop "Google Map" button to the editor
Image below shows the layout after dragging the Google Map to the editor
Step 4
Search and confirm shop address
Step 5
You can also set "Map Title" and "Map Description" from "Settings" tab > Click "OK"
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)
Comments