請注意::這篇文章的翻譯只是為了方便而提供。譯文透過翻譯軟體自動建立,可能沒有經過校對。因此,這篇文章的英文版本應該是包含最新資訊的管理版本。你可以在這裡存取這些內容。
建立自訂代碼模板
上次更新時間: 五月 3, 2023
開發人員可以使用HTML從頭建立網誌、網站頁面、登陸頁面和電子郵件範本。 您也可以將模板布局複製到HTML ,然後將其自訂為已編碼的模板。
請注意: 建立自訂密碼電郵範本需要營銷中心專業或企業帳戶。
新建HTML和HubL文件
- 在 HubSpot 帳戶中,進入「行銷」>「檔案和範本」>「設計工具」。
- 在左側邊欄中,按一下檔案 >新建 檔案以建立 新檔案。 您可能需要按一下 資料夾圖示以展開尋找器。
- 在「」對話方塊中,按一下「今天要建立甚麼? 」 下拉式選單,然後選擇HTML和HUBL。

- 點擊「下一步」
- 輸入新檔案的詳細資料:
- 選擇 模板 或部分模板 。部分模板是可以在其他模板中使用的模板。
- 在下拉式選單中,選擇您要編碼的範本類型(頁面、網誌或電子郵件)。
- 爲文件命名。
- 若要更新檔案的位置,請在「 檔案位置」 部分按一下「 變更 」,然後選擇要新增檔案的資料夾。
- 按一下 建立。
- 撰寫網頁或電子郵件範本的HTML。
- 若要預覽HubL的渲染方式,請按一下以切換「顯示輸出」開關。 在渲染預覽時,面板會在右側開啟。
- 按一下右上角的「預覽」,即可預覽範本 在內容編輯器中的顯示和運作方式。 此預覽與編輯器同步,並會在您工作時自動刷新。
- 點擊右上角的「發佈變更 」

有
關自訂設計的其他資源,請參閱 HubSpot設計師文件。 有關編碼模組選項(如篩選標籤和圖示)的其他文件。
添加所需的HubL標籤
如果您的代碼缺少任何必要的HubL標籤,則會顯示錯誤訊息,如果您試圖發佈檔案。
網站、登陸頁面和網誌範本需要以下標籤:
{{standard_footer_includes}}
{{standard_header_includes}}
- 在取消訂閱CAN-SPAM部分中包含此令牌:
{{unsubscribe_section}}
。 然後,分別添加以下令牌:{{site_settings.company_street_address_1}}
{{site_settings.company_city}}
{{site_settings.company_state}}
{{site_settings.company_zip}}
- 使用此方法,您將無法格式化文字和連結的語言和風格。

- 單獨
使用這些令牌:{{site_settings.company_name}}
{{unsubscribe_link}}
或{{unsubscribe_link_all}}
(包括至少一個){{unsubscribe_anchor}}
{{site_settings.company_name}}
{{site_settings.company_street_address_1}}
{{site_settings.company_city}} {{site_settings.company_state}}
{{site_settings.company_zip}}
- 單獨使用令牌,讓您可以彈性地在令牌和連結周圍添加文字,並以所需的風格和語言格式化。
克隆到HTML
除了從頭創建範本外,您還可以將HubSpot的一個範本複製到HTML。 將範本複製到HTML讓您可以存取範本的HTML內容。
若要建立現有範本的編碼版本:
- 在 HubSpot 帳戶中,進入「行銷」>「檔案和範本」>「設計工具」。
- 在尋找工具中按一下[操作 ] > [ 複製到HTML]。 HTML檔案將在與原始檔案相同的資料夾中建立。 其文件名與原始模板的名稱相匹配,並 附有 副本。

Design Manager
你的意見回饋對我們相當重要,謝謝。
此表單僅供記載意見回饋。了解如何取得 HubSpot 的協助。
相關內容
-
在HubSpot中使用字體
HubSpot中可用於內容的字體取決於內容類型和字體類型。 某些預設字體可在所有內容編輯器中使用,而網頁字體(如Google字體)和自訂字體則有其他限制,概述如下: 內容類型 字體 ...
知識庫 -
以多種語言建立頁面
您可以將HubSpot頁面的內容翻譯成多種語言。 通過將語言切換器模板添加到頁面的模板中,您可以允許訪客選擇他們的首選語言。 自訂多語言內容不會自動翻譯。...
知識庫 -
HubSpot的預設模組
在本文中,了解HubSpot為您的範本和頁面提供的預設模組。每種類型的模組都可以在檢查員中使用樣式和內容選項進行定制。您還可以使用HTML範本的HubL片段將預設模組添加到HTML範本。在...
知識庫