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

在您的內容中加入付款連結

上次更新時間： 2026年8月25日

可搭配下列任何訂閱使用，除非另有註明：

瞭解如何將付款連結新增至您的 HubSpot 網站、行銷電子郵件或外部網站，讓您的客戶能直接透過您的內容向您付款。

若要在網站上新增付款連結，您可以將預設的付款模組新增至拖放式頁面或範本，或新增至行銷電子郵件中；亦可將付款連結的嵌入程式碼新增至外部網站。

若您是開發人員，可選擇將付款欄位新增至您的佈景主題或自訂模組中，或是建立自訂付款模組。

將預設付款模組新增至您的頁面

當您將預設付款模組新增至頁面時，付款連結將以「結帳」按鈕的形式顯示，客戶點擊後即可輸入付款詳細資訊。

需要權限 若要新增付款模組，必須具備您正在更新之內容類型的編輯權限。

  1. 導航至您的內容：
  2. 點擊頁面名稱以開啟編輯器。
  3. 在左上角，點選「add 」。
  4. 在「模組」下方，點擊以展開「收益」區段。
  5. 點擊「付款」，並將其拖曳至頁面上的指定位置。
  6. 在側邊欄編輯器中：
    • 在「按鈕」欄位中，輸入要顯示在按鈕上的文字。
    • 在「按鈕目標」下方：
      • 選擇「使用付款連結」，將受眾導向您的其中一個付款連結。
        • 點擊「付款連結」下拉式選單，並選擇一個付款連結。
        • 在「結帳行為」下，若希望點擊付款連結時在瀏覽器的新分頁或視窗中開啟，請選取「在新分頁中開啟」。或者，若希望付款連結以疊加層形式顯示在頁面中，請點選「滑動式疊加層」。
      • 選擇「其他」以將受眾導向外部連結，或您網站或著陸頁中的其中一個頁面：
        • 點擊「連結至」下拉式選單，並選擇「外部」以使用外部連結。在「網址」欄位中，輸入該網址。
        • 點擊「連結至」下拉式選單並選擇「內容」，以使用現有的網站或著陸頁。點擊「內容」下拉式選單並選擇一個頁面。
        • 若希望點擊連結時在新的瀏覽器分頁或視窗中開啟，請開啟「在新視窗中開啟連結」開關。
        • 在「連結類型」下方，勾選「nofollow」核取方塊，以指示搜尋引擎忽略該連結。
    • 勾選「新增圖示」核取方塊，即可在按鈕上新增圖示。
      • 點擊「圖示」下拉式選單。
      • 點擊「取代」以替換現有的圖示。
      • 在右側面板中搜尋圖示。點擊圖示以選取它。
      • 點擊「位置」下拉式選單，並選擇圖示在按鈕上的位置。

        Animation of dragging and adding the payments module to a HubSpot page editor.
  7. 在右上角，點擊「更新」或「發佈」以將您的變更上線。
  8. 在「設計管理員」中，您也可以將預設付款模組新增至頁面範本。

將嵌入程式碼新增至外部頁面或自訂模組

您可以將付款連結的嵌入程式碼加入外部網站，或於「設計管理員」中建立付款模組，並將嵌入程式碼加入該模組。當您嵌入付款連結時，結帳表單將直接顯示在您的頁面中。

要複製嵌入程式碼：

  1. 在你的 HubSpot 帳戶中，點擊「更多」，然後前往收入 > 「付款連結」。如果你的帳戶中沒有顯示「更多」，請直接前往收入 > 「付款連結」。
  2. 將游標懸停在付款連結上，點擊「動作」，然後選擇「嵌入」。

    Interface showing payment link Actions menu with the Embed option highlighted.
  3. 在對話方塊中，點擊「複製嵌入代碼」。

複製嵌入程式碼後，即可直接將其加入您的網站。或者，若您是開發人員，可建立新模組並加入連結欄位，讓使用者從可用的付款連結中進行選擇。

請注意：建立模組需要具備 HTML、CSS、HubL 以及 HubSpot 設計管理員的相關知識。HubSpot 建議您與設計師合作來建立程式碼模組。

將付款連結新增至行銷電子郵件

您可以在行銷電子郵件中加入付款模組。例如，在規劃活動時，您可以加入付款連結，讓買家能直接從電子郵件中購買門票。

  1. 在你的 HubSpot 帳戶中，點擊「更多」，然後前往「行銷」 > 「電子郵件」。如果你的帳戶中沒有顯示「更多」，請直接前往「行銷」 > 「電子郵件」。
  2. 將游標懸停在現有的電子郵件草稿上並點擊「編輯」，或點擊「建立電子郵件」來建立新郵件。
  3. 在左上角，點擊「add 」。
  4. 在「內容」分頁的「電子商務」區塊下，點擊「付款」，並將其拖曳至頁面上的指定位置。

    Animation demonstrating how to add a payment link to a marketing email in HubSpot.
  5. 點擊「付款」下拉式選單，並選擇一個付款連結。
  6. 在「按鈕文字」欄位中，編輯顯示的文字。若要將表情符號插入文字欄位，請點擊表情符號圖示。
  7. 點選「樣式」標籤頁以調整按鈕的樣式，包括字型、大小、顏色、背景色、對齊方式及內距。
  8. 完成設定並寄送電子郵件。

當聯絡人點擊付款連結的按鈕時，系統將引導其前往結帳頁面。

Example of a 'Buy Now' button within a HubSpot email.

後續步驟

  • 進一步了解付款完成後在 HubSpot 中的處理流程。
  • 進一步了解如何管理付款，包括檢視交易手續費、重新嘗試失敗的付款，以及向聯絡人索取新的付款方式。您也可以下載付款與款項支付報告，並匯出付款資料。
  • 進一步了解如何在營收分析套件中建立報告。
這篇文章有幫助嗎？
此表單僅供記載意見回饋。了解如何取得 HubSpot 的協助。
目錄

相關內容

New call-to-action