跳到内容

在内容中添加支付链接

上次更新时间: 二月 12, 2025

除非另有说明,否则适用于以下任何订阅

所有产品和计划

您可以在网站上添加付款链接,这样客户就可以直接在您的网站上完成付款。要在网站上添加付款链接,您可以将默认付款模块添加到拖放页面或模板中,或将付款链接嵌入代码添加到外部网站页面中。您还可以在营销电子邮件中添加支付链接。

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

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

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

  • 导航至您的内容:
    • 网站页面:在 HubSpot 帐户中,导航到内容 > 网站页面
    • 登陆页面:在 HubSpot 帐户中,导航到内容 > 登陆页面
    • 博客:在 HubSpot 帐户中,导航到内容 > 博客
  • 将鼠标悬停在页面或文章上,然后单击 "编辑"。
  • 在内容编辑器中,找到侧边栏编辑器 "添加"选项卡上的 "常用模块"部分。
  • 单击支付模块并将其拖动到页面上的适当位置。

  • 在侧边栏编辑器中,单击支付下拉菜单,选择要添加到页面的支付链接
  • 要自定义结账体验,请在 "结账行为 "部分选择一个选项:
    • 在新标签页中打开在客户浏览器中打开另一个标签页,客户可在其中输入付款信息。
    • 滑动叠加:从客户屏幕底部滑动叠加,客户可在此输入付款信息。
  • 按钮文本字段中,编辑支付链接按钮上显示的文本
  • 要在付款链接按钮上添加图标,请选择添加图标 复选框。要选择不同的图标,请单击展开图标 编辑选项。

  • 在右上角单击更新发布,将更改设置为启用。

在设计管理器中,还可以将默认支付模块添加到页面模板中。

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

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

复制嵌入代码

  • 在 HubSpot 帐户中,导航到商务 > 付款链接
  • 将鼠标悬停在链接上,点击操作,然后选择嵌入

  • 在对话框中单击 "复制代码"。

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



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

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

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

  • 在 HubSpot 帐户中,导航到营销 > 营销电子邮件
  • 将鼠标悬停在现有电子邮件草稿上,然后单击 "编辑",或单击 "创建电子邮件"创建新电子邮件。
  • 在电子邮件编辑器中,在左侧面板的 "内容"选项卡上,单击 "付款 "模块并将其拖入电子邮件模板。

  • 单击付款下拉菜单并选择一个链接
  • 在按钮文本字段中,编辑出现的文本。要在文本字段中插入表情符号,请单击表情符号图标

  • 使用样式工具自定义文本字体、按钮颜色和大小。
  • 完成设置并发送电子邮件

当联系人点击按钮时,他们将直接进入结账页面。进一步了解付款后 HubSpot 会发生什么。

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