如果您有實體店面,您可以在網店的分頁上,新增 Google Map 位置,方便顧客找到您的實體商店。
此文章將會介紹兩種插入地圖到網店頁面的方法:
一、從 Google Map 嵌入
步驟一
在 Google map 上面找到您的商店位置。
步驟二
取得地圖網址,確定目前地圖畫面中顯示的就是您要嵌入的地圖,按下「分享」按鈕。
步驟三
在顯示的方塊中確認選取 「嵌入地圖」標籤並複製連結,您可以按喜好選擇地圖大小(大、中、小、自訂)。
步驟四
回到 SHOPLINE 後台 > 選取左側「網店設計」>「網店分頁」>「文字分頁」輸入分頁標題
步驟五
在分頁內容點選「Toggle HTML」,並貼上剛才複製的網址 > 「保存」分頁
備註:點擊之後,此欄位內容將改以 HTML 語法顯示,可參考此連結:文字編輯器查看 HTML
步驟六
按左側「網店設計」> 視乎喜好將新的分頁加入網店目錄(可同時加入主目錄和商店頁尾)
二、從 SHOPLINE 後台進階分頁嵌入
步驟一
選取 SHOPLINE 後台左側「網店設計」>「網店分頁」>「進階分頁」> 選擇樣板。
步驟二
點下「設計」按鈕 > 設定分頁標題。
備註: 建議雙語商店同時輸入兩種語言以節省時間
步驟三
拖拉「Google Map」按鈕到中央編輯器
下圖為拖拉後顯示頁面
步驟四
搜尋及點選商店地址
備註: 使用進階分頁功能嵌入地圖不能自訂尺寸。
步驟五
可在「設定標籤」選擇加入標題及描述 > 按「確定」按鈕。
步驟六
您可以選擇「預覽頁面」但緊記按下右下方「保存」按鈕 > 點選左上方「返回店主管理面板」按鈕。
步驟七
按左側「網店設計」> 視乎喜好將新的分頁加入網店目錄(可同時加入主目錄和商店頁尾)。
三、SHOP Builder
*注意:
- SHOP Builder 目前僅支援 Ultra Chic、Kingsman、Varm、Philia 版型使用。
- 使用 SHOP Builder 建立分頁後,若切換其他店面版型,該分頁仍然可以顯示,但無法編輯且可能發生跑版情形,在確認發佈分頁前請多加留意。
若您想了解更多關於 SHOP Builder 的資訊,請參考:SHOP Builder 概覽。
步驟一
前往 SHOPLINE 後台「網店設計 > 網店分頁」點按「進階分頁/編輯」按鈕,開啟「進階分頁」設定頁面。
步驟二
點按「元件」按鈕。
步驟三
點選擴充功能中的「客製化語法」元件。
若您想了解客製化語法的設定步驟,請參考:客製化語法|SHOP Builder。
評論