為內容新增付款連結

您可以在網站上新增付款連結，讓客戶可以直接在網站上完成付款。 若要將付款連結新增至網站，您可以將預設付款模組新增至拖放頁面或範本，或將付款連結嵌入代碼新增至外部網站頁面。 你也可以在行銷電子郵件中新增付款連結。 

如果你是開發人員，你可以選擇將付款欄位新增至主題或自訂模塊，或建立自訂付款模塊。 

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

當您在頁面中新增預設付款模組時，付款連結會顯示為結帳按鈕，顧客可以點擊該按鈕，然後輸入付款詳情。 

• 瀏覽至您的內容：
  
  • 網站頁面： 在 HubSpot 帳戶中，進入「行銷」>「網站」>「網站頁面」。
  • 登陸頁面： 在 HubSpot 帳戶中，進入「行銷」>「登陸頁面」。
  • 博客： 在 HubSpot 帳戶中，進入「行銷」>「網站」>「部落格」。
  
  
• 將遊標停留在頁面或文章上，然後按一下「編輯」。
• 在內容編輯器中，在側邊欄編輯器的「新增」標籤頁上找到「公用模組」部分。
• 按一下付款模組，然後將其拖曳到頁面上的位置。

• 在側邊欄編輯器中，按一下「付款」下拉式選單，然後選擇要新增至頁面的付款連結。
• 如要自訂結帳體驗，請在結帳行為部分選擇一個選項：
  • 在新分頁中開啟：顧客的瀏覽器會開啟另一個分頁，供他們輸入付款資訊。
  • 滑動覆蓋：覆蓋從客戶屏幕底部向上滑動，在那裡他們可以輸入他們的付款信息。
• 在「按鈕」文字欄位中，編輯出現在「付款連結」按鈕上的文字。
• 若要在付款連結按鈕上包含圖示，請選取「新增連結」 核取方塊。 若要選擇其他圖示，請按一下以展開圖示編輯選項。

• 在右上角，按一下「更新」或「發佈」，即可即時設定變更。

在設計管理員中，您也可以將預設付款模組新增至頁面範本。

將嵌入代碼添加到外部頁面或自訂模塊

您可以將付款連結嵌入代碼新增至外部網站，或在設計管理員中建立付款模組，然後將嵌入代碼新增至模組。 當您嵌入付款連結時，結帳表格將直接顯示在您的頁面上。

請注意：付款連結只有在設定價格並立即收費時才能嵌入。 如果付款連結中有可供買家編輯的明細項目（數量或價格）、可選項目或有未來的賬單開始日期，您需要改用付款連結。

要複製嵌入代碼：

• 在 HubSpot 帳戶中，進入「銷售」>「付款」。
• 按一下右上角的「管理付款連結」。
• 將遊標停留在連結上，然後按一下「操作」下拉式選單，然後選擇複製嵌入代碼。

將嵌入代碼直接
添加到外部網站。 或者，如果您是開發人員，您可以為每個鏈接創建新模塊，也可以在HubSpot設計管理器中創建動態模塊。 進一步了解如何建立付款連結模塊。

請注意：當您在頁面上嵌入付款連結時，訂單摘要和結帳說明將不會出現。 若要顯示訂單摘要和結帳說明，您可以直接與買家分享連結。

請注意：創建模組需要了解HTML ， CSS ， HubL和HubSpot設計管理器。 HubSpot建議與設計師合作創建編碼模組。

在行銷電子郵件中新增付款連結

您可以在行銷電子郵件中新增付款模組。 例如，在規劃活動時，您可以包含付款連結，允許買家直接從電子郵件購買門票。

• 了解更多
• 將遊標停留在現有的電子郵件草稿上，然後按一下「編輯」，或按一下「建立電子郵件」以建立新電子郵件。
• 在電子郵件編輯器左側面板的「內容」標籤頁上，按一下並將「付款」模板拖放到電子郵件範本中。

• 按一下「付款」下拉式選單，然後選擇連結。
• 在按鈕文字欄位中，編輯出現的文字。 若要將表情符號插入文字欄位，請按一下表情符號圖示。

• 使用樣式工具來自訂文字字體、按鈕顏色和大小。
• 完成設定並發送電子郵件。

當聯絡人點擊按鈕時，系統會直接將他們帶到結帳頁面。 進一步了解付款後在HubSpot中發生的情況。