在內容中加入付款連結

您可以在網站上新增付款連結，讓客戶可以直接在您的網站上完成付款。要在您的網站上加入付款連結，您可以將預設的付款模組加入拖曳式頁面或範本，或是將付款連結嵌入程式碼加入您的外部網站頁面。您也可以在行銷電子郵件中加入付款連結。

如果您是開發人員，您可以選擇在主題或自訂模組中加入付款欄位，或建立自訂付款模組。

將預設付款模組加入您的頁面

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

1. 導覽到您的內容：
   
   • 網站頁面：在你的 HubSpot 帳戶中，瀏覽「內容」>「網站頁面」。
   • 登陸頁面：在你的 HubSpot 帳戶中，瀏覽「內容」>「登陸頁面」。
   • 網誌：在你的 HubSpot 帳戶中，瀏覽「內容」>「部落格」。
2. 將滑鼠移至頁面或文章上，然後按一下編輯。
3. 在左上方，按一下+ 新增。
4. 在模組下，按一下商務區段。
5. 按一下Payment，然後將其拖曳到頁面上的位置。
   
   
6. 在側邊欄編輯器中
   • 在Button 文字欄位中輸入要顯示在按鈕上的文字 。
   • 在Button target下：
     • 選取 使用付款連結，以將受眾導引至您的付款連結之一。
       • 按一下付款連結下拉式功能表，然後選擇付款連結。
       • 在結帳行為下，如果您希望付款連結在按一下時開啟新的瀏覽器索引標籤或視窗，請選擇在新 索引標籤中開啟；如果您希望付款連結在頁面上以覆蓋方式顯示，請按一下滑動覆蓋。
     • 若要將觀眾引導至外部連結，或您的網站或登陸頁面，請選取其他：
       • 按一下連結至下拉式功能表，然後選擇外部來使用外部連結。在URL欄位中輸入URL。
       • 按一下連結至下拉式功能表，然後選取內容，以使用現有的網站或登陸頁面。按一下內容下拉式功能表，然後選取一個頁面。
       • 如果您希望點選連結時開啟新的瀏覽器索引標籤或視窗，請切換「在新視窗中開啟連結」開關。
       • 在連結類型下選取 不跟隨核取方塊，讓搜尋引擎忽略連結。
   • 選取 新增圖示核取方塊，為按鈕新增圖示。
     
     • 按一下圖示下拉式功能表。
     • 按一下「取代」以取代現有圖示。
     • 在右側面板中，搜尋圖示。按一下圖示以選取。
     • 按一下位置下拉式功能表，選擇圖示在按鈕上的位置。
7. 在右上方，按一下更新 或發佈，將您的變更設定為即時生效。
8. 在設計管理員中，您也可以將預設付款模組加入頁面範本。

新增嵌入程式碼至外部頁面或自訂模組

您可以將付款連結嵌入程式碼加入外部網站，或在設計管理員中建立付款模組，然後將嵌入程式碼加入模組。當您嵌入付款連結時，結帳表單就會直接出現在您的頁面上。

複製嵌入程式碼：

1. 在你的 HubSpot 帳戶中，瀏覽「商務」>「付款連結」。
2. 將滑鼠移至連結上方，然後按一下「動作」，再選擇「內嵌」。
3. 
4. 在對話方塊中，按一下複製嵌入程式碼。

複製嵌入程式碼後，您可以直接將它新增到您的網站。或者，如果您是開發人員，您可以建立新模組，並加入連結欄位，讓內容建立者可以從可用的付款連結中進行選擇。

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

在行銷電子郵件中加入付款連結

您可以在行銷電子郵件中加入付款模組。例如，在規劃活動時，您可以加入付款連結，讓買家直接從電子郵件中購買門票。

1. 在你的 HubSpot 帳戶中，瀏覽「行銷」>「電子郵件」。
2. 將滑鼠移至現有的電子郵件草稿，然後按一下「編輯」，或按一下「建立電子郵件」以建立新的電子郵件。
3. 在左上方，按一下+ 新增。
4. 在 [內容 ]標籤的 [電子商務] 下方，按一下 [付款]，然後將其拖曳到頁面上的位置。
   
   
5. 按一下付款下拉式功能表，然後選擇付款連結。
6. 在按鈕文字欄位中，編輯出現的文字。若要在文字欄位中插入表情符號，請按一下表情符號圖示。
7. 按一下樣式索引標籤，調整按鈕的樣式，包括字型類型、大小和顏色、背景顏色、對齊方式和襯墊。
8. 完成設定並傳送您的電子郵件。

當聯絡人按下按鈕時，他們會被直接帶到結帳頁面。進一步了解付款後 HubSpot 會發生什麼。