自訂 HTML

參考資料 Pro Navigation 1 分鐘閱讀

您貼上的任何 HTML，都會顯示在大型選單中。可用於其他區塊無法提供的內容：您店面的地圖、影片、其他服務的嵌入內容，或有格式的文字。

新增區塊

1. 複製嵌入代碼

   Google 地圖：搜尋您的地點，然後點擊 Share > Embed a map > Copy HTML。YouTube：開啟影片，然後點擊 Share > Embed > Copy。

2. 選擇版面

   在預覽的大型選單面板中，點擊 Add block（新增區塊）。點擊 Add HTML to menu（將 HTML 加入選單），將游標移到 Custom html（自訂 HTML）上，然後點擊 Select（選擇）。

   

   (1) 點擊 Add HTML to menu，(2) 選擇 Custom html。

3. 貼上代碼

   在 Edit Item（編輯項目）中，視需要輸入 Title（標題），並將代碼貼到 Add HTML to menu 方塊中。

   

   預覽中的自訂 HTML 區塊，設定顯示在 Edit Item 中。

4. 儲存並發佈

   點擊 Save（儲存），然後點擊 Publish（發佈），並在您的網路商店確認結果。

設定

Width（寬度）預設: 25%

區塊佔大型選單一列的比例：Auto（自動）或 8.33% 到 100%。

Title（標題）預設: Custom html

顯示在 HTML 上方的標題。留空則不顯示標題。

Add HTML to menu（將 HTML 加入選單）預設: Sample text

要顯示的 HTML 代碼。

Visibility（顯示設定）預設: Off

Hide on desktop（在桌面裝置隱藏）、Hide on mobile（在行動裝置隱藏）、Hide when logged in（登入時隱藏）、Only show when logged in（僅在登入時顯示）、Schedule publishing（排程發佈）。請參閱每個區塊都有的設定。

提示

• 嵌入代碼通常有固定寬度，例如 width="600"。請改為 width="100%"，讓地圖或影片符合區塊大小。
• Multi block（多重區塊）> Map + Contact + Address 可一鍵新增地圖、聯絡表單與您的地址。

疑難排解

內容出現多餘的空白

代碼中的每個換行都會在頁面上顯示為換行。請將嵌入代碼貼成一行，或刪除標籤之間的空行。

相關頁面

• 可以在子選單中加入地圖或影片嗎？使用自訂 HTML 區塊，在子選單中嵌入 Google 地圖或 YouTube 影片。
• 聯絡表單讓顧客直接從選單傳送訊息給您。
• 區塊總覽在大型選單或分頁中新增連結、圖片、商品與倒數計時器等區塊。

這個頁面有幫助嗎？

回報問題