跳到內容
請注意::這篇文章的翻譯只是為了方便而提供。譯文透過翻譯軟體自動建立,可能沒有經過校對。因此,這篇文章的英文版本應該是包含最新資訊的管理版本。你可以在這裡存取這些內容。
Design Manager

建立自訂代碼模板

上次更新時間: 一月 20, 2023

套用至:

所有產品和版本

開發人員可以使用HTML從頭建立網誌、網站頁面、登陸頁面和電子郵件範本。 您也可以將模板布局複製到HTML ,然後將其自訂為已編碼的模板。

請注意: 建立自訂密碼電郵範本需要營銷中心業或企業帳戶。 

新建HTML和HubL文件

  • 在 HubSpot 帳戶中,進入「行銷」>「檔案和範本」>「設計工具」。
  • 在左側邊欄中,按一下檔案 >新建 檔案以建立 新檔案。 您可能需要按一下 資料夾圖示以展開尋找器。
  • 在「」對話方塊中,按一下「今天要建立甚麼?  下拉式選單,然後選擇HTML和HUBL
design-manager-html-hubl
  • 點擊「下一步」
  • 輸入新檔案的詳細資料:
    • 選擇 模板 部分模板 部分模板是可以在其他模板中使用的模板。 
    • 在下拉式選單中,選擇您要編碼的範本類型(頁面、網誌或電子郵件)。
    • 爲文件命
    • 若要更新檔案的位置,請在「 檔案位置 部分按一下「 變更 」,然後選擇要新增檔案的資料夾。
  • 按一下 建立
  • 撰寫網頁或電子郵件範本的HTML。
  • 若要預覽HubL的渲染方式,請按一下以切換「顯示輸出」開關。 在渲染預覽時,面板會在右側開啟。


    design-manager-show-output
  • 按一下右上角的「預覽」,即可預覽範本
  • 在內容編輯器中的顯示和運作方式。 此預覽與編輯器同步,並會在您工作時自動刷新。
  • 點擊右上角的「發佈變更 
當你嘗試發佈變更時,代碼中的任何錯誤都會在錯誤訊息中被標記。 代碼編輯器底部的錯誤控制臺會顯示錯誤或警告詳情,以及如何修復這些錯誤和警告的建議。
  • 在取消訂閱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-clone-to-html
 
 
Was this article helpful?
This form is used for documentation feedback only. Learn how to get help with HubSpot.