如何与 Divi 按钮和定价表集成

本文档将向您展示如何使用 Divi 的 价格表、号召性用语和按钮与 WP Simple Pay 的站内覆盖表单和站外 Stripe Checkout 页面协同工作。

在此示例中，我将使用 Divi 号召性用语元素来启动站内覆盖表单。

自定义了号召性用语的文本设置、按钮文本等之后，就可以添加 WP Simple Pay 表单了。

在号召性用语设置的 内容选项卡中，向下滚动并展开链接部分。

您需要在按钮链接 URL 字段中添加“#”，然后从 WP Simple Pay 下拉菜单中选择正确的付款表单。完成后，点击绿色的 保存 对勾。

您必须在链接部分的按钮链接 URL 字段中添加“#”，以便付款表单能够正确启动。这适用于所有 Divi 按钮，包括价格表和号召性用语按钮。

仅当使用 Stripe Checkout 表单类型时，才能选择不包含额外站内自定义字段的表单。

一切就绪，您的号召性用语上的按钮将启动站内覆盖表单（如下图所示），或根据您的表单类型重定向到站外 Stripe Checkout。

如果适用，请为定价表中的每个按钮重复上述过程。

如果您已正确添加所有内容但表单仍无法启动，您可能需要在 Divi → 主题选项 → 常规 → 性能 选项卡中 禁用 延迟加载 jQuery 和 jQuery Migrate 设置。