你可以在網站上新增付款連結,讓顧客直接在網站上完成付款。 若要將付款連結新增至您的網站,您可以將預設付款模組新增至拖放頁面或範本,或將付款連結嵌入代碼新增至外部網站頁面。 您也可以在行銷電子郵件中新增付款連結。
如果你是開發人員,可以選擇在佈景主題或自訂模組中新增付款欄位,或建立自訂付款模組。
將預設付款模組新增至頁面
當您將預設的付款模組新增到頁面時,付款連結會顯示為結帳按鈕,顧客可以點擊此按鈕,然後輸入付款詳細資訊。
- 前往你的內容:
- 網站頁面: 在你的 HubSpot 帳戶中,瀏覽「內容」>「網站頁面」。
- 登陸頁面: 在你的 HubSpot 帳戶中,瀏覽「內容」>「登陸頁面」。
- 博客: 在你的 HubSpot 帳戶中,瀏覽「內容」>「部落格」。
- 將遊標停留在頁面或文章上,然後點擊「編輯」。
- 在內容編輯器中,在側邊欄編輯器的「新增」索引標籤上找到「常用模組」部分。
- 按一下付款模組,然後將其拖曳到頁面上的位置。
- 在側邊欄編輯器中,點擊「付款」下拉式選單,然後選擇要新增至頁面的付款連結。
- 若要自訂結帳體驗,請在「結帳行為」部分選擇一個選項:
- 在新分頁中開啟:系統會在顧客的瀏覽器中開啟另一個分頁,讓他們輸入付款資訊。
- 滑動疊加層:疊加層從顧客畫面底部向上滑動,顧客可以在此輸入付款資訊。
- 在「按鈕」文字欄位中,編輯付款連結按鈕上顯示的文字。
- 若要在付款連結按鈕上加入圖示,請選取「新增連結」 核取方塊。 若要選擇其他圖示,請按一下以展開圖示編輯選項。
- 在右上角,按一下「更新」或「發佈」,即可將變更設為即時生效。
在設計管理系統中,你也可以將預設的付款模組新增至頁面範本。
將嵌入代碼添加到外部頁面或自定義模塊
你可以將付款連結嵌入代碼新增至外部網站,或在設計管理系統中建立付款模組,並將嵌入代碼新增至模組。 嵌入付款連結後,結帳表格會直接顯示在頁面上。
若要複製嵌入程式碼,請按照以下步
- 在你的 HubSpot 帳戶中,瀏覽「商務」>「付款連結」。
- 將滑鼠遊標懸停在連結上,然後點擊操作,然後選擇嵌入。
複製嵌入代碼後,你可以直接將代碼新增至網站。 或者,如果你是開發人員,你可以建立新的模組,並加入連結欄位,讓內容創作人可以從可用的付款連結中選擇。
請注意:建立模組需要具備HTML、CSS、HubL和HubSpot設計管理員的知識。 HubSpot建議與設計師合作建立編碼模組。
新增行銷電子郵件的付款連結
您可以在行銷電子郵件中新增付款模組。 例如,在規劃活動時,您可以包含付款連結,允許買家直接從電子郵件中購買門票。
- 在你的 HubSpot 帳戶中,瀏覽「行銷」>「行銷郵件」。
- 將滑鼠遊標移至現有電郵草稿上,然後點擊「編輯」,或點擊「建立電郵」以建立新電郵。
- 在電子郵件編輯器的左側面板的「內容」標籤頁上,按一下並拖曳「付款」模組至電子郵件範本。
- 點擊「付款」下拉式選單,然後選擇連結。
- 在按鈕文字欄位中,編輯出現的文字。 若要在文字欄位中插入表情符號,請按一下表情符號圖示。
- 使用樣式工具自訂文字字型、按鈕顏色和大小。
- 完成設定並傳送電子郵件。
當客服案件點擊按鈕時,系統會直接帶他們前往結帳頁面。 進一步了解付款後HubSpot會發生什麼事。
Payment Links