在版面配置編輯器中建立頁面、電子郵件和網誌範本

使用範本可以控制網誌、頁面或電子郵件中不同類型內容的結構。 你可以透過拖放模組，在設計管理員中建立範本。 在本學院課程中，深入瞭解如何在HubSpot中建立範本。

請注意：必須訂閱行銷中心 專 業版或企業版才能建立電子郵件範本。 Content Hub帳戶可以使用拖放電子郵件編輯器建立電子郵件。

什麼是HubSpot範本？

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

版面配置編輯器可協助您將構想、草圖或原型轉換為建立內容的回應式範本。

建立新範本

• 在搜尋器頂部，按一下「檔案」>「新檔案」

• 在對話框中，單擊您今天想要構建什麼？下拉菜單，然後選擇拖放。然後按一下「下一步」。 
• 按一下範本類型下拉式選單，然後選取類型。 雖然大多數預設模組適用於任何範本，但有些模組僅限於某些範本類型。 您可以選擇以下範本類型：
  • 部落格：個別部落格文章和部落格清單頁面的範本。
  • 電子郵件：電子郵件範本。
  • 頁面：網站和登陸頁面的範本。
  • 系統： 錯誤、密碼提示和電子郵件訂閱頁面的範本。 
• 輸入檔案名稱。 完成後，點擊「建立」。

結構化和自訂您的範本

您可以使用設計管理工具右側的檢查器，在範本中新增更多模組。 單擊檢查器中的+添加以搜索要添加到拖放模板佈局中的模塊。 深入瞭解如何編輯範本結構。 

要自定義模板的樣式，您可以使用檢測器中的選項。 如果未選擇特定模組，則可以將樣式添加到模板本身的頭部。 按一下單元或羣組，即可存取特定於該元件的樣式選項。 深入瞭解如何使用Inspector來設定範本的樣式。

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

預覽並發佈範本

• 在右上角，按一下「預覽」，即可在網頁瀏覽器上預覽範本。 如果你選擇使用顯示選項進行即時預覽，則可以查看其他裝置上顯示的範本。
  
  
  
  • 完成範本
  後，請點擊右上角的「發佈變更」。

  新範本發佈