建立自訂代碼模板
上次更新時間: 一月 20, 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檔案將在與原始檔案相同的資料夾中建立。 其文件名與原始模板的名稱相匹配,並 附有 副本。

Thank you for your feedback, it means a lot to us.
相關內容
-
建立和編輯模組
在設計管理工具中,您可以建立自訂的編碼模組,將進階功能新增至您的網誌、網頁或電子郵件。自訂模組提供廣泛的功能,讓內容可以在網頁、電子郵件或網誌編輯器中完全自訂。你可以從頭開始建立自訂模組,或從HubSpot...
知識庫 -
在模板中使用預設模組
這是設計工具中可用於拖放模板的所有預設模組的概述。每種類型的模組都可以透過檢查器中的造型和內容選項自訂。您也可以將預設模組新增到HTML範本及其HubL片段。 向模板添加模板 ...
知識庫 -
設計經理的快速參觀
HubSpot的設計經理將設計師建立最先進網站所需的所有工具整合在一起,同時為市場推廣者提供創作內容時所需的靈活度。 在本文中,您將參觀設計經理的所有功能。 ...
知識庫