知識庫

在內容中新增付款連結

作者:HubSpot Support | Nov 21, 2022 1:48:54 PM

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

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

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

當您將預設的付款模組新增到頁面時,付款連結會顯示為結帳按鈕,顧客可以點擊此按鈕,然後輸入付款詳細資訊。 

  • 前往你的內容:
    • 網站頁面:
    • 登陸頁面:
    • 博客:
  • 將遊標停留在頁面或文章上,然後點擊「編輯」。
  • 在內容編輯器中,在側邊欄編輯器的「新增」索引標籤上找到「常用模組」部分。
  • 按一下付款模組,然後將其拖曳到頁面上的位置。

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

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

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

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

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

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

  • 將滑鼠遊標懸停在連結上,然後點擊操作,然後選擇嵌入。

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

複製嵌入代碼後,你可以直接將代碼新增至網站。 或者,如果你是開發人員,你可以建立新的模組,並加入連結欄位,讓內容創作人可以從可用的付款連結中選擇。



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

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

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

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

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

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

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