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

向內容添加付款連結

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

套用至:

行銷 Hub Starter, Professional, Enterprise
銷售 Hub Starter, Professional, Enterprise
Service Hub Starter, Professional, Enterprise
Operations Hub Starter, Professional, Enterprise
CMS Hub Starter, Professional, Enterprise

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

如果你是開發人員,你可以選擇在主題或自訂模組中新增付款欄,或建立自訂付款模組。 

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

當你將預設付款模組新增至頁面時,付款連結會顯示為結帳按鈕,用戶可以點擊此按鈕輸入付款詳情。 

  • 瀏覽至您的內容:
    • 網站網頁: 在 HubSpot 帳戶中,進入「行銷」>「網站」>「網站頁面」。
    • 登陸頁面: 在 HubSpot 帳戶中,進入「行銷」>「登陸頁面」。
    • 博客: 在 HubSpot 帳戶中,進入「行銷」>「網站」>「部落格」。
  • 將滑鼠懸停在頁面或文章上,然後按一下[編輯]。 
  • 新增]標籤上找到常見模組部分。 
  • 付款 模組,然後拖到頁面上的位置。 

  • 在側邊欄編輯器中,按一下付款下拉選單,然後選擇要新增至頁面的付款連結 。 
  • 若要自訂退房體驗,請在「退房行為」部分選擇一個選項:
    • 新分頁中開啟:另一個分頁會在顧客的瀏覽器中開啟,供他們輸入付款資訊。 
    • 滑動覆蓋:從客戶畫面底部向上滑動覆蓋,供他們輸入付款資訊。 
  • 按鈕文字欄位中,編輯付款連結按鈕上顯示的文字。 
  • 若要在付款連結按鈕上包含圖示,請選擇新增i con核取方塊。 若要選擇其他圖示,請按一下以展開「圖示編輯」選項。 

checkout-button-customization-payments-module

  • 更新或發佈,即可即時設定更改。 

模組新增到頁面範本。 

您可以將付款連結嵌入代碼新增至外部網站,也可以在設計管理系統中建立付款模組,並將嵌入代碼新增至該模組。 當您嵌入付款連結時,結帳表單會直接顯示在您的頁面上。

請注意:如果付款連結包含具有買家可編輯數量或價格的明細項目,則無法嵌入付款連結。

若要複製嵌入代碼:

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

select-copy-embed-for-payment-link直接將嵌入代碼
添加到您的外部網站。 或者,如果你是開發人員,你可以在新模組。"}" data-sheets-userformat = "{" 2 ": 14337," 3 ": {" 1 ": 0}," 14 ": [null ,2,0]," 15 ":" Arial "," 16 ": 10}" data-sheets-formula = "=" "" >在HubSpot設計管理器中建立動態模組。 進一步瞭解如何建立付款連結模組

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

請注意: 建立模組需要了解HTML、CSS、HubL和HubSpot設計管理系統。 HubSpot建議與設計師合作  ,建立已編碼的模組。

將付款連結新增至市場推廣電子郵件

你可以在市場推廣電子郵件中新增付款模組。 例如,在計劃活動時,您可以包含付款連結,允許購買者直接透過電子郵件購買門票。 

  • 在 HubSpot 帳戶中,進入「行銷」>「電子郵件」。
  • 編輯] ,或按一下[建立電子郵件]以建立新電子郵件。
  • 內容」標籤上,按一下付款模組並拖動到電子郵件範本中。
share-payment-link-in-marketing-email
  • 付款下拉菜單並選擇連結
  • 的文字。 若要將表情符號插入文字欄位,請按一下表情符號表情符號圖示

  • 並發送電子郵件。

結帳頁面。 進一步了解付款後在HubSpot中發生的情況。

Was this article helpful?
This form is used for documentation feedback only. Learn how to get help with HubSpot.