版面呈現 ▌​頁面嵌入地圖

「商店嵌入地圖」

• 升門市曝光，方便顧客前往

• 增強頁面專業度與信任感

✎ 重點拆解：

一、「嵌入Google Map」設定路徑

二、「嵌入Google Map」設定範例

一、「嵌入Google Map」設定路徑

① 先在google上搜尋，找到您要嵌入地圖的地方，按右上角紅框的地圖。

② 點擊左上角的「漢堡」。

③ 點擊「分享與與嵌入地圖」。

④ 選擇「嵌入地圖」後，點擊「複製HTML」。

⑤ 貼到您商店後台，地圖要顯示前台的位置，按「原始碼」，將剛剛複製的HTML貼上，再按儲存。

二、「嵌入Google Map」設定範例

這邊以設定在「商店頁尾-延伸資訊」為例 :

1. 設定路徑：版面 > 商店頁尾 > 延伸資訊。

2. 若只要顯示地圖，將剛剛複製HTML貼至「原始碼」後，按儲存。

3. 若還想顯示其他文字，可以再加入文字。

   利用語法 <p> </p>加入文字

4. 設定完後，儲存，前台會顯示：

\ 補充 /

若需要調整文字呈顯方式（字體大小、顏色、粗體、底線、對齊方式...)，可以直接在下列編輯框中修改。（記得設定完，也要按「儲存」）。