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

在內容中新增付款連結

上次更新時間: 十一月 15, 2023

可与下列任何一种订阅一起使用,除非有说明:

行銷 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 帳戶中,瀏覽「行銷」>「網站」>「部落格」。
  • 將遊標停留在頁面或文章上,然後點擊「編輯」。
  • 在內容編輯器中,在側邊欄編輯器的「新增」索引標籤上找到「常用模組」部分。
  • 按一下付款模組,然後將其拖曳到頁面上的位置。

add-payments-module-to-page

  • 在側邊欄編輯器中,點擊「付款」下拉式選單,然後選擇要新增至頁面的付款連結。
  • 若要自訂結帳體驗,請在「結帳行為」部分選擇一個選項:
    • 在新分頁中開啟:系統會在顧客的瀏覽器中開啟另一個分頁,讓他們輸入付款資訊。
    • 滑動疊加層:疊加層從顧客畫面底部向上滑動,顧客可以在此輸入付款資訊。
  • 在「按鈕」文字欄位中,編輯付款連結按鈕上顯示的文字。
  • 若要在付款連結按鈕上加入圖示,請選取「新增連結」 核取方塊。 若要選擇其他圖示,請按一下以展開「圖示顯示」選項。

checkout-button-customization-payments-module

  • 在右上角,按一下「更新」或「發佈」,即可將變更設為即時生效。

在設計管理系統中,你也可以將預設的付款模組新增至頁面範本

add-payments-module

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

你可以將付款連結嵌入代碼新增至外部網站,或在設計管理系統中建立付款模組,並將嵌入代碼新增至模組。 嵌入付款連結後,結帳表格會直接顯示在頁面上。

若要複製嵌入程式碼,請按照以下步

  • 在你的 HubSpot 帳戶中,瀏覽「銷售」>「付款」>「付款連結」
  • 將滑鼠遊標懸停在連結上,然後點擊操作,然後選擇嵌入。

payment-link-actions-embed

  • 在對話方塊中,按一下複製程式碼。

複製嵌入代碼後,你可以直接將代碼新增至網站。 或者,如果您是開發人員,您可以為每個連結建立新模組,也可以在HubSpot設計管理員中建立動態模組。 進一步了解如何建立付款連結模組

example-embedded-payment-link

請注意:建立模組需要具備HTML、CSS、HubL和HubSpot設計管理員的知識。 HubSpot建議與設計師合作建立編碼模組。

新增行銷電郵的付款連結

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

  • 在你的 HubSpot 帳戶中,瀏覽「行銷」>「電子郵件」。
  • 將滑鼠遊標移至現有電郵草稿上,然後點擊「編輯」,或點擊「建立電郵」以建立新電郵。
  • 在電子郵件編輯器的左側面板的「內容」標籤頁上,按一下並拖曳「付款」模組至電子郵件範本。

share-payment-link-in-marketing-email

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

add-emoji-to-button-module

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

當客服案件點擊按鈕時,系統會直接帶他們前往結帳頁面。 進一步了解付款後HubSpot會發生什麼事。

click-buy-now-link-in-email

這篇文章有幫助嗎?
此表單僅供記載意見回饋。了解如何取得 HubSpot 的協助