在內容中新增付款連結

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

新增行銷電郵的付款連結

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

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

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

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

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