知識庫

在 HubSpot 和 WordPress 中嵌入內容

作者:HubSpot Support | Apr 3, 2024 12:34:32 PM

透過內容嵌入功能,您可以在 HubSpot 中建立內容區段,然後將它們嵌入到您的 HubSpot 或 WordPress 網站上。

開始之前

在開始使用此功能之前,請務必充分瞭解應該提前採取哪些步驟,以及此功能的限制和使用此功能的潛在後果。

瞭解限制與注意事項

  • 本文所介紹的內容嵌入功能不支援部落格文章模組。
  • 外部頁面(例如 WordPress)上的內容嵌入會從外部頁面而非 HubSpot 取得樣式。
  • 只有WordPress 的 Gutenberg 編輯器支援嵌入內容。
  • 嵌入的內容不是透過 iframe 載入,而是注入 JavaScript。搜尋引擎可以執行 JavaScript 並找到嵌入的內容,因此避免了 iframe 可能帶來的任何 SEO 挑戰。

建立內容嵌入

您可以使用拖放編輯工具中的內容嵌入來建立獨特的內容區段。

  • 建立內容嵌入,用於 HubSpot 或 WordPress 頁面:
    1. 在右上方,按一下建立嵌入內容。
    2. 在對話方塊中,輸入內容嵌入的名稱 ,然後按一下建立
    3. 在內容嵌入編輯器中,按一下左側欄的add Add 圖示。
    4. 在側邊欄編輯器中,按一下佈局 索引標籤,然後按一下佈局,並將其拖曳到位。
    5. 在左側欄中,按一下add 新增 圖示,然後按一下模組,並將其拖曳到版面。

    1. 若要預覽您的內容嵌入,請按一下右上方的預覽
  • 完成內容嵌入編輯後,按一下右上方的「發佈」,然後按一下對話方塊中的「發佈」

在 HubSpot 中嵌入內容

當您發佈內容嵌入後,您就可以在 HubSpot 頁面上嵌入內容。您也可以使用嵌入代碼嵌入內容

  • 要在頁面上嵌入內容:
    1. 導覽到您的內容:

      • 網站頁面
      • 登陸頁面
    2. 按一下您的頁面名稱
    3. 在內容編輯器中,按一下左側欄中的add 新增圖示。
    4. 在側邊欄編輯器中,按一下「」標籤,然後按一下內容嵌入,並將其拖曳到頁面上的位置。

    1. 使用內容編輯器的拖放編輯工具編輯內容嵌入的內容
  • 完成內容嵌入和頁面編輯後,按一下右上方的「發佈」

在 WordPress 中嵌入內容

當您發佈內容嵌入後,您可以將內容嵌入 WordPress 頁面。您也可以使用嵌入代碼嵌入內容

    1. 若要在 WordPress 中編輯嵌入內容,請將滑鼠懸停在嵌入上方,然後按一下按鈕編輯嵌入內容。
  • 完成編輯後,按一下右上方的「發佈」

請注意: