在内容中添加支付链接

了解如何将付款链接添加到您的 HubSpot 网站、营销电子邮件或外部网站，以便您的客户可以直接从您的内容中向您付款。

要在网站上添加支付链接，您可以在拖放页面或模板、营销电子邮件中添加默认支付模块，或在外部网站上添加支付链接嵌入代码。

如果你是开发人员，可以选择在主题或自定义模块中添加支付字段，或创建自定义支付模块。

在页面中添加默认支付模块

将默认支付模块添加到页面后，支付链接将显示为一个结账按钮，客户可以点击该按钮输入支付详情。

1. 导航至您的内容：
   
   • 网站页面：在 HubSpot 帐户中，导航到内容 > 网站页面。
   • 登陆页面：在 HubSpot 帐户中，导航到内容 > 登陆页面。
   • 博客：在 HubSpot 帐户中，导航到内容 > 博客。
2. 单击页面名称打开编辑器。
3. 在左上角，单击add 。
4. 在模块下，单击展开商务部分。
5. 单击 "付款 "并将其拖动到页面上的适当位置。
6. 在侧栏编辑器中
   • 在按钮字段中，输入要显示在按钮上的文本。
   • 在按钮目标下：
     • 选择 "使用支付链接"，将受众引导到您的支付链接。
       • 单击付款链接下拉菜单并选择付款链接。
       • 在 "结账行为"下，如果希望支付链接在点击后打开一个新的浏览器标签或窗口，请选择 "在新标签页中打开"。或者，如果希望付款链接以叠加的形式出现在页面上，请单击 "滑动叠加"。
     • 选择 "其他 "可将受众引导至外部链接，或您的网站或登陆页面：
       • 单击 "链接到"下拉菜单，选择 "外部"以使用外部链接。在URL字段中输入URL。
       • 单击 "链接到"下拉菜单并选择 "内容"，以使用现有网站或登陆页面。单击内容下拉菜单并选择页面。
       • 如果希望点击链接后打开一个新的浏览器标签或窗口，请切换 "在新窗口中打开链接"开关。
       • 在 "链接类型"下，选择 "不跟踪"复选框，让搜索引擎忽略该链接。
   • 选择添加图标复选框，为按钮添加图标。
     
     • 单击图标下拉菜单。
     • 单击 "替换"替换现有图标。
     • 在右面板中搜索图标。单击图标将其选中。
     • 单击位置下拉菜单，选择图标在按钮上的位置。
       
       
7. 在右上角，单击更新或发布，将更改设置为启用。
8. 在设计管理器中，还可以将默认支付模块添加到页面模板中。

将嵌入代码添加到外部页面或自定义模块

您可以将支付链接嵌入代码添加到外部网站，或者在设计管理器中创建一个支付模块，然后将嵌入代码添加到模块中。嵌入支付链接后，结账表单将直接显示在页面上。

复制嵌入代码

1. 在 HubSpot 帐户中，导航到商务 > 付款链接。
2. 将鼠标悬停在付款链接上，点击操作，然后选择嵌入。
   
   
3. 在对话框中，单击复制嵌入代码。

复制嵌入代码后，您可以直接将其添加到您的网站。或者，如果您是开发人员，也可以创建一个新模块，并加入一个链接字段，供用户从可用的支付链接中进行选择。

请注意：创建模块需要了解 HTML、CSS、HubL 和 HubSpot 设计管理器。HubSpot 建议与设计师合作创建编码模块。

在营销电子邮件中添加支付链接

您可以在营销电子邮件中添加支付模块。例如，在策划活动时，您可以加入一个支付链接，让买家直接从邮件中购买门票。

1. 在您的 HubSpot 账户中，导航至 营销 > 电子邮件。
2. 将鼠标悬停在现有电子邮件草稿上，然后单击 "编辑"，或单击 "创建电子邮件 "创建 新电子邮件。
3. 在左上角，单击add 。
4. 在 "内容"选项卡的 "电子商务"下，单击 "付款"并将其拖动到页面上的适当位置。
   
   
5. 单击付款下拉菜单，选择付款链接。
6. 在按钮文本字段中，编辑出现的文本。要在文本字段中插入表情符号，请单击表情符号图标。
7. 单击样式选项卡调整按钮样式，包括字体类型、大小、颜色、背景颜色、对齐方式和衬垫。
8. 最后确定并发送电子邮件。

当联系人点击付款链接按钮时，他们将进入结账页面。

下一步

• 进一步了解付款后在 HubSpot 中会发生什么。
• 了解有关管理付款的更多信息。
• 了解有关在商务分析套件中创建报告的更多信息。