網店頁面插入地圖

4. EC + SC.png

如果您有實體店面,您可以在網店的分頁上,新增 Google Map 位置,方便顧客找到您的實體商店。 

此文章將會介紹兩種插入地圖到網店頁面的方法:

 

一、從 Google Map 嵌入

步驟一

在 Google map 上面找到您的商店位置。

Screen_Shot_2017-09-06_at_11.47.05_am.png

 

步驟二

取得地圖網址,確定目前地圖畫面中顯示的就是您要嵌入的地圖,按下「分享」按鈕。

Screen_Shot_2017-09-06_at_11.44.20_am.png

 

步驟三

在顯示的方塊中確認選取 「嵌入地圖」標籤並複製連結,您可以按喜好選擇地圖大小(大、中、小、自訂)。

Screen_Shot_2017-09-06_at_11.43.29_am.png

 

步驟四

回到 SHOPLINE 後台 > 選取左側「網店設計」>「網店分頁」>「文字分頁」輸入分頁標題

 

步驟五

在分頁內容點選Toggle HTML,並貼上剛才複製的網址 > 保存分頁

備註:點擊之後,此欄位內容將改以 HTML 語法顯示,可參考此連結:文字編輯器查看 HTML

 

步驟六

按左側「網店設計」> 視乎喜好將新的分頁加入網店目錄(可同時加入主目錄和商店頁尾)

  

二、從 SHOPLINE 後台進階分頁嵌入

步驟一

選取 SHOPLINE 後台左側「網店設計」>「網店分頁」>「進階分頁」> 選擇樣板。

 

步驟二

點下設計按鈕 > 設定分頁標題。

備註: 建議雙語商店同時輸入兩種語言以節省時間 

 

步驟三

拖拉「Google Map」按鈕到中央編輯器

Screen_Shot_2017-09-06_at_12.07.39_pm.png

 

下圖為拖拉後顯示頁面

Screen_Shot_2017-09-06_at_12.09.07_pm.png

 

步驟四

搜尋及點選商店地址 

Screen_Shot_2017-09-06_at_12.09.59_pm.png

 

備註: 使用進階分頁功能嵌入地圖不能自訂尺寸。

 

步驟五

可在「設定標籤」選擇加入標題及描述 > 按「確定」按鈕。

Screen_Shot_2017-09-06_at_12.11.05_pm.png

 

步驟六

您可以選擇「預覽頁面」但緊記按下右下方「保存」按鈕 > 點選左上方「返回店主管理面板」按鈕。

 

步驟七

按左側「網店設計」> 視乎喜好將新的分頁加入網店目錄(可同時加入主目錄和商店頁尾)。

 

三、SHOP Builder

*注意:

  • SHOP Builder 目前僅支援 Ultra ChicKingsman、Varm、Philia 版型使用。
  • 使用 SHOP Builder 建立分頁後,若切換其他店面版型,該分頁仍然可以顯示,但無法編輯且可能發生跑版情形,在確認發佈分頁前請多加留意。

若您想了解更多關於 SHOP Builder 的資訊,請參考:SHOP Builder 概覽

 

步驟一

前往 SHOPLINE 後台「網店設計 > 網店分頁」點按「進階分頁/編輯」按鈕,開啟「進階分頁」設定頁面。

Instagram_CN_1.png

 

步驟二

點按「元件」按鈕。

Instagram_CN_2.png

 

步驟三

點選擴充功能中的「客製化語法」元件。

若您想了解客製化語法的設定步驟,請參考:客製化語法|SHOP Builder

_________.png

 

 

 

 

 

還有其他問題?提交請求

評論