如何新增／編輯／刪除／排序｜首頁 Google 地圖

說明：

 

• 提供商家能在「官網首頁」新增並置入「地圖區塊」展示實體商店地址資訊供顧客查看。
• 除一般的『 Google 地圖模式』外，區塊也支援『 Google 街景模式』所分享的畫面進行套用。
• 此功能需使用＂電腦＂開啟瀏覽器中的 Google 地圖網頁才可進行設定，使用手機 / 平板的 Google 地圖 APP 將無法進行設定。

 

---

 

 

一、首頁地圖區塊－新增

 

 

Step.1

 

登入「ShopStore店家管理後台」→前往「商店設計」→「頁面設計」點擊「設計頁面」。

 

 

 

Step.2

 

點擊上方藍色按鈕「新增區塊」。

 

 

 

Step.3

 

自由選擇其中一種優惠區塊樣式。

 

※小編以點擊「區塊一」為示範。

 

 

 

Step.4

 

點擊「地圖」圖示。

 

 

 

Step.5

 

前往 Google 地圖查詢想展示的地址資訊。

 

※點擊「 Google 地圖 」藍色文字，即可快速開啟網頁前往。

 

 

 

Step.6

 

確認地址後點擊「分享」按鈕。

 

 

 

若要分享 Google 街景，可以點擊「 ⁝ 」按鈕，並選擇「分享或嵌入圖片」繼續依照以下步驟進行操作。

 

 

 

Step.7

 

點擊「嵌入地圖」按鈕。

 

※ 此步驟需使用＂電腦＂開啟瀏覽器中的 Google 地圖網頁才會出現該選項，手機 / 平板的 Google 地圖 APP 並無提供此設定。

 

 

 

Step.8

 

點擊「複製 HTML」按鈕將程式碼複製下來。 

 

 

 

Step.9

 

 返回「ShopStore店家管理後台」將複製的程式碼貼上至欄位內。

 

※在此可自由 啟用／關閉「首頁顯示標題名稱／自動統一區塊內容大小／取消區塊上下間距」。

 

※小編以啟用「首頁顯示標題名稱」並輸入名稱為「地圖」為示範。

 

 

 

Step.10

 

確認設定皆正確後→點擊右下角綠色按鈕「新增」。

 

 

 

Step.11

 

點擊右上角綠色按鈕「儲存所有內容」即可。

 

※此時，剛所新增的區塊，即會排列顯示於「目前商店區塊」內的最後一位。

 

※店家可以長按「」將區塊做拖曳排序位置。

 

 

 

---

 

 

二、首頁地圖區塊－編輯

 

 

Step.1

 

登入「ShopStore店家管理後台」→前往「商店設計」→「頁面設計」點擊「設計頁面」。

 

 

 

Step.2

 

在「目前商店區塊」點擊想要編輯的區塊。

 

 

 

Step.3

 

在此點擊欄位即可修改程式碼→點擊右下方綠色按鈕「修改」。

 

※在此可自由 啟用／關閉「首頁顯示標題名稱／自動統一區塊內容大小／取消區塊上下間距」。

  

 

 

Step.4

 

點擊右上角綠色按鈕「儲存所有內容」即可。

 

 

 

---

 

 

三、首頁地圖區塊－刪除

 

 

Step.1

 

登入「ShopStore店家管理後台」→前往「商店設計」→「頁面設計」點擊「設計頁面」。

 

 

 

Step.2

 

在「目前商店區塊」點擊想要刪除的區塊。

 

 

 

Step.3

 

點擊右下紅色按鈕「刪除」。

 

 

 

Step.4

 

點擊右上角綠色按鈕「儲存所有內容」即可。

 

 

 

---

 

 

四、首頁地圖區塊－排序

  

 

Step.1

 

登入「ShopStore店家管理後台」→前往「商店設計」→「頁面設計」點擊「設計頁面」。

 

 

 

Step.2

 

在「目前商店區塊」找到想要移動排序的區塊，並長按「」即可拖曳排序。

 

 

 

Step.3

 

點擊右上角綠色按鈕「儲存所有內容」即可。