請注意::這篇文章的翻譯只是為了方便而提供。譯文透過翻譯軟體自動建立,可能沒有經過校對。因此,這篇文章的英文版本應該是包含最新資訊的管理版本。你可以在這裡存取這些內容。
建立自訂代碼模板
上次更新時間: 五月 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 的協助。