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

在模板中使用預設模組

上次更新時間: 十一月 24, 2022

套用至:

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

這是設計工具中可用於拖放模板的所有預設模組的概述。每種類型的模組都可以透過檢查器中的造型和內容選項自訂。您也可以將預設模組新增到HTML範本及其HubL片段。 

向模板添加模板

若要將模組新增至拖放範本,請按一下編輯器右上角的檢查器中的+新增。所有預設模組和任何已儲存的自訂模組或羣組都會出現在此處。若要找到特定的模組,請在搜尋 列中輸入其名稱。您也可以按一下按類別或標籤篩選 下拉菜單,並選擇一個或多個篩選條件

在編輯器中選擇模組時,您可以在檢查器中修改模組風格、設定和內容。在「包裹HTML」部分,按一下「開」以在編輯器中新增更多自訂風格。

在檢查器底部,您可以鎖定模組,以便用戶在編輯網誌、電子郵件或頁面時無法修改預設內容。按一下以切換開啟「禁止在內容編輯器中編輯」 以啟用此設定。

自訂預設模組

所有營銷中心 及企業帳戶和CMS中心業及企業帳戶預設設計工具中的@ hubspot資料夾。此資料夾包含您的所有主題和預設模組,包括拖放電子郵件模組。這些主題和模組是唯讀的,但如果你想編輯它們,可以複製它們。 

design-manager-hubspot-folder

  • 在 HubSpot 帳戶中,進入「行銷」>「檔案和範本」>「設計工具」。
  • 在尋找器中,按一下@ hubspot資料夾。
  • 右鍵按一下要複製的預設模組,然後選擇複製模組。 

    design-manager-clone-module
  • 在複製模組中,在中央編輯面板中編輯模組源代碼。
  • 如要儲存變更,請按一下右上角的「發佈變更」。這個模組將在建立模板時可用。

預設模組類型

備份取消訂閱

如果HubSpot無法確定其電子郵件地址,則會向點擊取消訂閱連結的電子郵件收件人顯示備份取消訂閱模板。您可以在此模組的「 預設內容」 部分自訂備份取消訂閱頁面上顯示的說明文字。 

備份取消訂閱

網誌電子郵件訂閱

請注意:網誌電子郵件訂閱模板不適用於電子郵件範本。 

B日誌電子郵件訂閱 模組讓訪客透過填寫表單訂閱您的網誌摘要電子郵件。此模組由您的網誌訂閱者表單填充,可以在表單工具中自訂。

點擊「選擇網誌」以顯示下拉菜單,然後選擇訪客訂閱的網誌。在「要顯示在表單上方的標題」文字方塊中,自訂表單上方標題中顯示的文字。將鼠標懸停在現有的內線回覆上,然後按一下「  擴展」圖示, 以自訂訪客提交表單後顯示的文字。

網誌電子郵件訂閱

CTA

CTA (Call to Action)模組將CTA放置在佈局中的自己的模組中。您也可以在富文本模組中插入CTA

在檢查工具中,按一下CTA 下拉式 選單 在範本中為此模組選擇預設CTA。或者,在同一選單 中按一下 +建立新的CTA ,以建立新的CTA作為預設CTA。 

HubSpot說明文章截圖


靈活的列

可以在頁面範本中新增彈性欄位,讓您可以在內容編輯器中新增、移除和重新排序模組。這讓頁面創作人可以彈性地使用一個範本來創建多個頁面布局。 

請注意: 
  • 彈性欄位不適用於網誌、系統頁面或電子郵件範本。
  • 在內容編輯器中為特定網頁自訂彈性欄位後,對範本中的彈性欄位所做的更改將不會反映在該網頁上。這能確保不會覆蓋自訂內容。

在模板中新增彈性欄位模組時,可以將其他模組拖放進去,以建立彈性欄位羣組。您也可以右鍵按一下現有的靜態羣組,然後選擇彈性列


跟我來

請注意:關 注我模組不適用於電子郵件範本。 

你可以跟着我 模組 助你的訪客在社交媒體上與你的公司聯絡。與社交分享模組不同,請關注我的模組,將用戶從您的網站引導到您各自的社交媒體頁面。

當您新增「關注我」模組時,您可以自訂社交圖示上方的模組標題。

您可以在社交設定的 「關注我」 部分中指定哪些社交媒體網路出現在此模組中。

請注意:關注 我模組使用每個社交網路的預設圖示。如果你想使用你自己的自 訂社交圖示,你可以建立一個專屬版本的模組。 

關注我-電子郵件

請注意:此模組僅適用於在拖放編輯器中建立的電子郵件。您可以在「社交」名稱下的編輯器中找到該模組

關注我-電子郵件模組為拖放電子郵件範本提供了 額外的格式和設定選項。您可以調整社交圖示形狀、顏色 在您的模組中對 齊。您也可以在編輯器中新增自訂社交帳戶並 上傳自己的圖示。

若要編輯此模組中出現的社交網絡,請按一下檢查員的社交網絡 部分的+新增 圖示。然後將鼠標懸停在社交網路的名稱上,然後按一下 編輯 編輯 圖示 or 刪除 刪除 圖示 to作出更改。

follow-me-email-options

點擊  輯編輯 圖示,選擇顯示的社交網路及其連結網址。如果您選擇「自訂圖示」,您會看到其他選項來為此網路指定自訂圖像。按一下替換 ,從檔案工具中選擇影像,或從電腦上傳新影像。

custom-icon

表單

請注意:表單模組不適用於電子郵件範本。 

表單模組可讓您在網頁或網誌中新增表單,從網站訪客中捕捉聯絡資訊。

對於此模組,您可以自訂以下設定: 

  1. 表單標題:輸入將顯示在頁面或網誌上的表單標題。
  2. 表單:選擇現有的HubSpot表單以顯示在頁面上,或新增表單。
  3. 訪客提交表單後會看到甚麼? :選擇是將提交表單的人重定向到其他頁面,還是在同一頁面上顯示內嵌感謝訊息。
  4. 感謝訊息:自訂您的內線感謝訊息。
  5. 將表單通知傳送到指定的電子郵件地址,而不是表單預設值:將表單通知電子郵件傳送到特定的地址。這將覆蓋表單工具中設置的任何通知收件人。 
  6. 新增至工作流程:新增將表格提交至工作流程的訪客(僅限營銷中心或企業)。
  7. 發送追蹤電子郵件:最多向提交表格的訪客發送三封追蹤電子郵件。

form-module-2

H eader 組會在標HTML標籤中顯示一行文字。在標題內容框中輸入預設標題文字。按一下標題類型下拉選單以選擇標題標籤 H 1 - H4 )。

水平空格

H orizontal spacer module建立一個空div標籤,添加頁面元素之間的間距。

HubSpot說明文章截圖

圖片

影像模組會 將單一影像新增到內容。進一步了解影像模組的編輯選項。 

圖片庫

圖片庫模組將一系列旋轉的影像新增到單個模組。進一步了解圖片庫模組的自訂設定。 

語言切換器

請注意:語言切換器模組不適用於電子郵件範本。 

語言切換器模組允許訪客在網頁或網誌的翻譯版本之間切換。按一下「顯示模式」下拉式選單以自訂翻譯語言的名稱的顯示方式:

  • Pagelang : 每種語言的名稱都會顯示在當前頁面的語言中。例如,如果你正在檢視附有法語翻譯的網頁的英文版,點擊語言切換器時,你會看到英文和法文作為語言名稱。 
  • 本地化:每種語言的名稱都會顯示在該語言中。例如,如果你正在檢視英文版的頁面及法文翻譯,點擊語言切換器時,系統會顯示英文和法國語言為語言名稱。
  • 混合:兩者的組合。舉例來說,如果你正在檢視附有法語翻譯的網頁的英文版,點擊語言切換器時,你會看到英文和法文( Français )作為語言名稱。

此模組僅會顯示在包含多個已發佈翻譯的直播頁面上。進一步了解如何 在HubSpot中使用 多語言內容。


Logo模組

 標誌 組會自動從網站設定中拉入公司標誌。若要使用其他標誌,請按一下以切換此頁面開關的覆蓋預設標誌,以僅上傳此頁面的新圖片。若要更改網站設定中所有內容的預設標誌,請按一下此網域中的編輯預設標誌。

您的標誌模組會自動連結至您的公司網域。若要覆蓋此預設值並連結至其他網頁,請輸入獨特的連結網址。 

edit-logo-module


主要郵箱正文

電子郵件正文模組 是一個標準的富文本模組,預設情況下包含在每個電子郵件範本中。您可以在特定模板上自訂電子郵 件正文的 預設內容。

除了標準造型選項外,此模組還可以使用預設顏色、邊框和間距自訂。按一下色彩泡, 色彩選取器中選擇色彩,或在文字欄位中輸入十六進制值以設定預設色彩。在「邊框寬度」和「內部間距」文字欄位中輸入像素值以設定預設間距。 

郵箱正文

菜單

選單模組將導覽新增至內容和範本。菜單直接在您的網站設定中建立和管理。 

在設計工具中,您可以自訂選單模組的以下功能:

  1. 單:從設定中選擇一個 現有的選單。
  2. 進階選單類型:選擇餐牌項目應該如何顯示在網站上:
    • 靜態-總是顯示頂級頁面 菜單: 在所有頁面上保持餐牌的一致性。
    • 按區段動態-顯示頁面 菜單 關係到 剖面 正在檢視:相對於正在檢視的頂級菜單項目顯示菜單項目。 
    • 按頁面動態-顯示頁面 菜單 關係到 pAGE 正在檢視: 顯示與正在檢視的特定頁面相關的選單項目。
    • 面包屑樣式路徑選單(使用水平流) :在網站頂部的相對路徑中水平 顯示選單項目。
  3. 最大等級:選擇可以顯示的 子菜單 項目的最大數量。
  4. 方向:選擇選單項目是水平顯示還是垂直顯示。
  5. 啟用飛出:選擇此核取方塊 顯示父級懸停時的c hild選單項目。清除此核取方塊 以始終顯示子選單項目。
進階選單選項


模組

在代碼編輯器中建立的模允許你使用HTML、CSS、Javascript和HubL向模板添加進階功能,同時允許用戶在內容編輯器中編輯模組內容,而無需更改代碼。這些組件將在尋找器和檢 查器中標記一個customModules模組圖示。在我們的開發人員文件中,進一步了解如何使用自訂代碼模組

辦公室位置信息

公室位置模組包含必須包含在電子郵件範本中的必須令牌,以便合法發送市場推廣電子郵件。雖然您可以編輯此模組的風格,但如果沒有辦公室位置資訊模組或 所需的模板,您將無法儲存電子郵件模板 HubL 標籤  

除了標準造型選項外,此模組還可以使用預設顏色、邊框和間距自訂。按一下色彩泡, 色彩選取器中選擇色彩,或在文字欄位中輸入十六進制值以設定預設色彩。在「邊框寬度」和「內部間距」文字欄位中輸入像素值以設定預設間距。 

HubSpot說明文章截圖


一行文字

一行文字模組允許用戶在內容編輯器中編輯一行文字。 

頁面頁面頁尾模組顯示著作權資訊,其中包含當年份和公司名稱。公司名稱會自動從電子郵件設定的「 頁尾」 部分中移入

密碼提示

密碼提示模板在密碼提示系統範本上可用。如果網頁受密碼保護,用戶可以存取網頁之前會顯示密碼提示頁面。如果輸入的密碼不正確,您可以自訂提交按鈕文字和文字以顯示。

 

文章過濾器

請注意:網誌 電子郵件訂閱模板不適用於電子郵件範本。 

文章篩選模組顯示特定主題、月份或作者的網誌文章清單。 

您可以在「預設內容」部分為此模組自訂以下設定: 

  • 選擇要顯示的網誌:選擇使用的網誌文章。
  • 篩選連結的值清單:選擇該模組是否按標籤、月份或作者篩選。
  • 篩選連結的值排序:選擇是按字母排序還是按文章數量排序。
  • 要顯示的列表標題:輸入要顯示在文章上方的標題。
  • 要顯示的最大濾鏡值數量:輸入特定濾鏡的最大文章數量。保留此字段爲空以顯示所有帖子。 
  • 如果存在比允許顯示的更多文章值,則要顯示的文本連結:如果類別中有更多可用文章,則輸入將顯示的文本。預設文字為「全部檢視」。 


帖子列表

請注意:網誌 電子郵件訂閱模板不適用於電子郵件範本。 

文章列表模組,用於顯示HubSpot網誌的網誌文章清單。您可以設定該模組以顯示過去一個月、六個月、一年或所有時間的最新文章或最受歡迎的文章。 

您可以在檢查器中自訂以下內容預設值:

  • 選擇要顯示的網誌:選擇要顯示文章標題的網誌
  • 列出博客文章:選擇如何組織文章
  • 要顯示的列表標題:輸入要顯示在文章上方的標題。
  • 要列出的最大博客文章數量:輸入將出現在此模組中的最大文章數量。 
帖子列表


豐富的文本

富文本模組是HubSpot內容工具中最常用的內容模組。它支援不同組件的編輯選項,例如文字、影像和CTA。

若要新增此模組的預設內容,請按一下擴展 或按一下預覽內容以開啟豐富的文本編輯器。

HubSpot說明文章截圖


RSS列表

請注意: RSS 列表模組不適用於電子郵件範本。請 改用RSS電子郵件。 

您可以使用RSS列表模組顯示HubSpot網誌或外部RSS供稿的文章摘要。

RSS列表模組可以顯示特定的網誌或標籤。按一下以切換相應的開關,以指示是否應在每篇文章中顯示特色圖片、作者名稱、摘要或發佈日期。

啟用這些設定後,您可以自訂以下詳細資料:   

  • 顯示作者名稱:輸入作者歸因文字以顯示在每個作者名稱上方。預設情況下,此模組將包含作為歸因文字。
  • 顯示摘要:輸入每個網誌摘要字元的摘要長度。您也可以自訂「摘要」點擊文字,這是網誌訪客點擊以閱讀完整文章的連結。預設情況下,此文字將標記為閱讀更多
  • 顯示發佈日期:選擇發佈日期格式以自訂每篇文章的日期和時間格式。您也可以自訂發佈日期指示器文字。預設情況下,此文字將閱讀發佈於
HubSpot說明文章截圖


章節標題

啟動標 模組可讓您移除具有段落副標 題的h1標題標籤。此模組是標題頁面主要部分的理想選項。

章節標題


簡單的選單

簡單的選單模組允許用戶在內容編輯器中建立特定頁面的選單。此模板讓您可以彈性地為特定模板建立簡單的選單。在檢查工具中,按一下[編輯選單] 以新增選單項目、連結,並選擇選單方向。編輯選單方向設置會在選單包裹容中新增一個類別的hs-menu-flow-horizontal或hs-menu-flow-vertical ,然後可以用於CSS中的造型。在我們的開發人員文件中,進一步了解透過模組設定新增的類別

簡單的選單


社交分享

社交分享模組讓訪客透過社交媒體頻道和電子郵件輕鬆分享您的內容。點擊以切換特定社交網路旁邊的「已啟用」切換,以將其包含在您的頁面或電子郵件中。

分享連結會自動填充所需的HubL標籤,以分享您的內容。在電子郵件中,模組會在分享連結中使用該電子郵件的網路版本網址。

請注意:社 交分享模組使用每個社交網路的預設圖示。如果你想使用你自己的自 訂社交圖示,你可以建立一個專屬版本的模組。

訂閱偏好

訂閱偏好模組只適用於訂閱偏好系統範本。 

這些模組可讓您自訂電子郵件收件人管理訂閱偏好或取消訂閱電子郵件溝通時看到的頁面。

訂閱偏好


訂閱更新確認

訂閱更新確認模組是一個豐富的文本模組,可在訂閱更新確認系統模板上使用。它允許你自訂電子郵件收件人更新訂閱設定時顯示的內容。

訂閱更新


檢視為網頁

 檢視為網頁模組讓電子郵件收件人可以選擇開啟電子郵件的網頁版本。 

HubSpot說明文章截圖
Was this article helpful?
This form is used for documentation feedback only. Learn how to get help with HubSpot.