跳到内容
请注意::本文仅为方便您阅读而提供。本文由翻译软件自动翻译,可能未经校对。本文的英文版应被视为官方版本,您可在此找到最新信息。您可以在此处访问。

在您的内容中添加支付链接

上次更新时间: 2026年6月16日

可与以下任何订阅一起使用,除非另有说明:

了解如何将支付链接添加到您的 HubSpot 网站、营销邮件或外部网站中,以便客户能够直接通过您的内容向您付款。

要在网站中添加支付链接,您可以将默认支付模块添加到拖放页面或模板中,或添加到营销邮件中;也可以将支付链接的嵌入代码添加到外部网站中。

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

将默认支付模块添加到页面

当您将默认支付模块添加到页面时,支付链接将显示为一个结算按钮,客户点击后即可输入支付信息。

需要权限 需具备您正在更新的内容类型的编辑权限,才能添加支付模块。

  1. 导航至您的内容:
  2. 点击页面名称以打开编辑器。
  3. 在左上角,点击add
  4. “模块”下,点击展开“收入”部分。
  5. 点击“支付”,然后将其拖动到页面上的指定位置。
  6. 在侧边栏编辑器中:
    • “按钮”字段中,输入要在按钮上显示的文本
    • “按钮目标”下
      • 选择“使用支付链接”以将受众引导至您的某个支付链接
        • 点击“支付链接”下拉菜单并选择一个支付链接
        • 在“结账行为”下,若希望点击支付链接时在新浏览器标签页或窗口中打开,请选择“在新标签页中打开”。或者,若希望支付链接以覆盖层形式显示在页面上,请点击“滑动覆盖层”
      • 选择“其他”可将受众引导至外部链接,或您网站或着陆页中的某个页面:
        • 点击“链接到”下拉菜单,选择“外部”以使用外部链接。在“URL”字段中输入网址
        • 点击“链接到”下拉菜单并选择“内容”,以使用现有网站或着陆页。点击“内容”下拉菜单并选择一个页面
        • 若希望点击链接时在新浏览器标签页或窗口打开,请开启“在新窗口中打开链接”开关。
        • “链接类型”下,勾选“nofollow”复选框,告知搜索引擎忽略该链接。
    • 选中“添加图标”复选框,为按钮添加图标。
      • 点击“图标”下拉菜单。
      • 点击“替换”以替换现有图标。
      • 在右侧面板中搜索图标。点击图标以选中它。
      • 点击“位置”下拉菜单,并选择图标在按钮上的位置

  7. 在右上角,点击“更新”或“发布”以使更改生效。
  8. 在“设计管理器”中,您还可以将默认支付模块添加到页面模板中

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

您可以将支付链接的嵌入代码添加到外部网站,或在“设计管理器”中创建一个支付模块,并将嵌入代码添加到该模块中。当您嵌入支付链接时,结算表单将直接显示在您的页面上。

复制嵌入代码:

  1. 在你的 HubSpot 帐户中,单击更多,然后导航到收入 > 付款链接。如果你的帐户中未显示更多,请直接导航到收入 > 付款链接
  2. 将鼠标悬停在支付链接上,点击“操作”,然后选择“嵌入”

  3. 在对话框中,点击“复制嵌入代码”。

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

请注意:创建模块需要掌握 HTML、CSS、HubL 以及 HubSpot 设计管理器的相关知识。HubSpot 建议您与设计师合作来创建代码模块。

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

您可以在营销邮件中添加支付模块。例如,在策划活动时,您可以添加支付链接,让买家直接通过邮件购买门票。

  1. 在你的 HubSpot 帐户中,单击更多,然后导航到营销 > 电子邮件。如果你的帐户中未显示更多,请直接导航到营销 > 电子邮件
  2. 将鼠标悬停在现有邮件草稿上并点击“编辑”,或点击“创建邮件”以创建新邮件
  3. 在左上角,点击add
  4. “内容”选项卡的“电子商务”下,点击“支付”,然后将其拖动到页面上的指定位置。

  5. 点击“支付”下拉菜单,选择一个支付链接
  6. “按钮文本”字段中,编辑显示的文本。若要在文本字段中插入表情符号,请点击表情符号图标
  7. 点击“样式”选项卡以调整按钮样式,包括字体类型、大小和颜色、背景色、对齐方式以及内边距。
  8. 完成设置并发送邮件

当联系人点击支付链接的按钮时,他们将被引导至结账页面

后续步骤

这篇文章有帮助吗?
此表单仅供记载反馈。了解如何获取 HubSpot 帮助