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

在版式編輯器中建立頁面、電子郵件和部落格範本

上次更新時間: 六月 28, 2023

可与下列任何一种订阅一起使用,除非有说明:

行銷 Hub Professional, Enterprise
CMS Hub Professional, Enterprise
舊版 Marketing Hub Basic

使用範本可以控制部落格、頁面或電子郵件上不同類型內容的結構。 您可以透過拖放模組,在設計管理員中建立範本。 在本學 院課程中,進一步了解如何在HubSpot中建立範本。

請注意:建立電子郵件範本需要Marketing Hub Professional或Enterprise訂閱。 CMS Hub帳戶可以使用拖放式電子郵件編輯器建立電子郵件

什麼是HubSpot模板?

HubSpot範本設定部落格網頁電子郵件的結構,以及使用者在內容編輯器中建立的內容。 您可以透過拖放內容模組來建立範本,以建立佈局。 若要使用HTML來建立範本,請進一步瞭解如何建立自訂編碼範本。 

佈局編輯器可幫助您將想法,草圖或原型轉換為用於創建內容的響應式模板。

Mockups to layout

新建模板

  • 在你的 HubSpot 帳戶中,瀏覽「行銷」>「檔案和範本」>「設計工具」。
  • 搜尋器頂部,按一下「檔案」 >「新建檔案」

create-new-template

  • 在對話方塊中,按一下今天要建立什麼?下拉式選單,然後選擇拖放。然後按一下「下一步」。 
  • 按一下範本類型下拉式選單,然後選擇類型。 雖然大多數默認模塊可用於任何模板,但某些模塊僅限於某些模板類型。 您可以選擇下列範本類型:
  • 輸入檔案名稱。 完成後,按一下建立。
new%20file
 

構建和自定義模板

您可以使用設計經 理右側的檢查員將更多 板添加到模板中。 按一下檢視器中的 + Add以搜尋 要添加到拖放範本佈局的模組。 進一步了解如何編輯範本的結構。 

若要自訂範本的樣式,您可以使用檢查器中的選項。 如果沒有選擇特定的模組,您可以將樣式添加到模板本身的標題。 按一下模 組或羣組 以存取特定於該元件的樣式選項。 進一步了解如何使用檢查員為您的範本設定樣式

請注意:您無法將CSS或Javascript檔案附加到電子郵件範本,但您可以在範本中 新增自訂HTML標記、正文類別和內嵌樣式。 

HubSpot Help article screenshot

預覽並發佈範本

  • 在右上角,按一下「預覽」,即可在網頁瀏覽器上查看範本的預覽。 如果您選擇帶有顯示選項的即時預覽您可以檢視在其他裝置上顯示的範本。


    • 完成範本後,按一下右上角的「 發佈變更」。

    發佈新範本後,您可以使用它來建立新的頁面電子郵件。

    HubSpot Help article screenshot
您可以在日志設定中將日志範本 套用至現有的日志 。 

這篇文章有幫助嗎?
此表單僅供記載意見回饋。了解如何取得 HubSpot 的協助