在 HubSpot 和 WordPress 中嵌入內容

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

開始之前

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

瞭解限制與注意事項

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

建立內容嵌入

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

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

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

在 HubSpot 中嵌入內容

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

• 要在頁面上嵌入內容：

  1. 導覽到您的內容：

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

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

在 WordPress 中嵌入內容

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

• 要在 WordPress 中嵌入內容：
  1. 下載並安裝HubSpot 的 WordPress 外掛程式。
  2. 下載內容嵌入外掛程式，並使用所提供的.zip檔案在 WordPress 中安裝外掛程式。
  3. 在 WordPress 中，在編輯器中開啟一個頁面。
  4. 在編輯器中輸入/，然後輸入HubSpot Content Embed。
  5. 選擇一個內容嵌入，或建立一個新的內容嵌入。

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