付款页面评论：使用 WordPress 和 Elementor 轻松接受付款
已发表: 2022-04-04需要在您的 WordPress 网站上接受付款？
无论您是销售产品的企业、收取服务费用的自由职业者、非营利组织募集捐款，还是其他任何需要收款的人，您都希望让人们尽可能轻松地向您付款。
这意味着您不只是想添加任何旧的支付表单，而是想为访问者创建用户友好、无摩擦的支付体验。
使用支付页面插件，您可以使用 Elementor 的可视化拖放界面创建灵活、时尚的支付页面和表单。
您可以完全自定义您的付款选项和表单字段，然后从 Elementor 控制样式——所有这些都无需查看任何一行代码。
在我们的动手支付页面评论中，我们将看看这个免费增值的 WordPress 支付插件并向您展示它是如何工作的。
付款页面评论：插件的作用
概括地说，支付页面是一种在您的 WordPress 网站上接受在线支付的解决方案。 显然，它的意义远不止于此。 但高层次的想法很简单——您可以轻松地开始通过您的 WordPress 网站接受付款。
那么它如何帮助你做到这一点呢？
首先，支付页面集成到 Elementor 中，以便您能够使用 Elementor 的界面创建和自定义支付表单。 您不仅可以自定义付款选项和表单字段，还可以使用 Elementor 的控件完全自定义付款表单的样式和设计。
这对于构建时尚的表单非常有用，因为它可以让您完全控制设计，而无需使用自定义 CSS。 您还可以获得 11 种不同的完整支付页面模板，这些模板由 Elementor 提供支持，可轻松进行可视化定制。
您可以在此处查看所有模板 - 单击特定模板以查看完整设计和付款表单示例。
目前，支付页面支持支付处理器的 Stripe 和 PayPal，并计划添加其他网关，如 Authorize.net .net 等。 在这两个“父”网关中，您可以访问许多其他支付选项，包括：
- 苹果支付
- 谷歌支付
- 格子花呢
- 支付宝
- 微软支付
- 等等。
您还可以灵活地收取以下费用：
- 一次性付款
- 按任何时间表自动定期订阅付款
您还可以将两者混合搭配，并在一个表单中包含无限的付款选项。
以下是其他一些值得注意的功能：
- 多币种支持——接受不同币种的付款，包括让人们选择在付款表上过滤币种。
- 提交后操作——您可以发送确认电子邮件、显示自定义消息和/或将用户重定向到另一个页面。
- 响应式设计——您可以使用 Elementor 的响应式控件来调整表单在不同设备上的外观。
如何使用付款页面接受付款
既然您知道支付页面是做什么的，那么让我们来看看使用支付页面设置一个时尚的支付页面并开始接受付款是什么感觉。
对于这些示例，我在我的网站上使用高级版本，但即使使用免费版本，一般过程也是相同的。
1. 连接您的支付网关
当您第一次激活支付页面插件时，它将启动一个设置向导来帮助您配置您的“主要”父网关。
在我们审核付款页面时，这些选项是 Stripe 或 PayPal：
对于每个网关，您可以在“实时”和“测试”模式下使用它。 在实时模式下，您的网站将实际处理真实付款，而测试模式让您可以使用虚拟数据来处理事情。
如果您想使用 Stripe，Payment Page 支持简单的 Stripe 连接接口，它可以让您设置所有内容，而无需使用 API 密钥等。
或者，如果您只是在测试，您只需单击一个按钮即可继续进入测试模式，而无需进行任何更高级的设置：
设置完成后，您会在 WordPress 仪表板中看到一个指示器，告诉您已连接。
对于 PayPal，您需要输入您的 API 密钥，这有点复杂但仍然不算太糟糕（这不是支付页面的错——责怪 PayPal 没有提供像 Stripe 这样的灵活连接设置）：
2.配置支付网关
连接首选支付网关后，您将获得一些基于该网关的额外选项。
对于 Stripe，您只需单击切换按钮即可轻松启用其他网关，例如 Apple Pay 和 Google Pay：
3. 选择您的模板
接下来，您可以选择付款页面的模板。 如果愿意，您还可以使用 Elementor 从头开始设计您的付款页面。
同样，支付页面的一个独特之处在于它不仅仅是提供支付表格，而是为不同的用例（如企业、自由职业者、非营利组织等）提供完整的支付页面设计。
支付页面目前提供三种不同的免费版模板和 11 种以上的付费版模板。 您只需单击一个按钮即可导入模板：
导入模板后，您可以像使用 Elementor 设计的任何其他页面一样对其进行编辑。 这也是您自定义付款表格的地方。 说起…
4. 自定义您的付款表单功能
要自定义您的付款表单，您将使用专用的 Elementor 小部件。 这很方便，因为它允许您在自定义付款页面其余部分的设计时自定义表单。
首先，启动 Elementor 编辑器。 如果您导入了付款页面模板，您将编辑该模板页面。 如果您不想使用模板页面，您可以使用 Elementor 创建一个新页面。
然后，编辑 Payment Page – Form 小部件（如果您正在创建新设计，则将小部件添加到页面）。
然后，您可以使用小部件的许多选项来完全自定义您的付款方式：
以下是您可以自定义的许多内容中的一些：
- 在使用在线支付表单或弹出表单之间进行选择。
- 添加人们可以选择的无限付款计划。 每个计划都可以有不同的价格、付款频率（对于定期付款），甚至是货币（对于多币种付款选项）。
- 按表单启用付款方式。 例如，信用卡、借记卡、Google Pay、Apple Pay 等。
- 选择要显示的表单字段以从客户那里收集未付款信息。 例如，他们的姓名、电子邮件地址等。
- 调整货币选项，例如是否让人们按货币过滤。
- 添加订阅过滤器，让人们在一次性或定期付款选项之间切换。
- 自定义提交按钮。 您还可以包含动态信息。 例如“立即支付 [货币符号] [金额]”。
- 提交操作后选择。 您可以发送电子邮件、将用户重定向到页面和/或显示动态消息。
让我们看一下两个最重要的设置。
首先，定价计划设置允许您为表单配置所有不同的定价选项。 对于每个选项，您可以选择自定义频率和货币。 您还可以为每个选项选择要显示的字段并自定义显示这些字段的模板：
接下来，表单字段设置允许您控制在所需付款字段之外显示哪些表单字段。 您可以根据需要使用它从客户那里收集其他信息：
所有其他设置都同样详细 - 这个 Elementor 小部件确实是插件的核心。
该小部件还可以轻松创建多个付款表单，因为您可以基于每个表单自定义所有这些设置。
如果您正在创建多个表单，您可能会遇到想要在非 Elementor 页面上包含表单的情况。 虽然在我们审查时该插件不包含内置选项，但您可以通过使用 Elementor 设计模板然后使用 Elementor Pro 的 Embed Anywhere 功能嵌入表单来完成它。
5. 自定义您的付款表单设计
该插件的 Elementor 小部件方法的另一个优点是您还可以使用 Elementor 来自定义表单的设计。 您可以从小部件的样式选项卡中执行此操作，就像任何其他 Elementor 小部件一样。
您将获得自定义高级表单、单个表单字段等的选项：
与其他 Elementor 小部件一样，您还可以获得响应式控件来调整付款表单在不同设备上的显示方式。
您还可以使用“高级”选项卡中的选项来自定义间距和其他详细信息，就像任何其他 Elementor 小部件一样。
6. 管理付款
至此，您就完成了！ 您可以通过您创建的表格开始接受付款。 您可以在测试模式下自行测试。 然后，当您想接受真实付款时，请确保切换到实时模式。
要查看和管理个人付款，您将使用您选择的网关（Stripe 或 PayPal）。 您还可以将付款页面配置为向您发送每次付款的通知电子邮件，以便您拥有另一条记录。 您可以从小部件设置中的“提交后操作”选项进行设置。
支付页面定价
付款页面使用免费增值计费模式。
这意味着 WordPress.org 上提供了该插件的免费版本，以及为需要访问更多功能的人提供的高级版本。
一般来说，如果您只需要通过信用卡/借记卡进行简单的一次性付款，免费版本就可以使用。 但是，如果您需要访问以下内容，则需要高级版本：
- 定期订阅计划。
- 所有额外的 Stripe 和 PayPal 方法。 例如，免费版允许您通过 Stripe 接受信用卡/借记卡付款，但您需要高级版才能使用 Apple Pay、Google Pay、Plaid 等选项。
- 自定义付款金额，以便人们可以输入自己的金额（非常适合捐赠/支持者）。
- 订阅和货币过滤器。
- 所有 Elementor 支付页面模板 – 免费版可让您访问三个模板，而付费版可解锁所有 11 个模板。
高级版有三个许可证。 所有这些都使您可以访问所有功能以及一年的支持和更新 - 唯一的区别是您可以激活高级功能的站点数量：
- 一个网站——99 美元。
- 三个站点——179 美元。
- 25 个站点——599 美元。
开发商还为 WP Mayor 读者提供 15% 的特别折扣，使这些价格更便宜：
所有计划还提供30 天退款保证，因此您的购买没有风险。
付款页面的最终想法
总体而言，付款页面通过美观的付款页面可以很容易地快速启动和运行。
如果您喜欢 Elementor，无需离开 Elementor 界面即可配置所有内容非常方便。 您可以导入模板，从 Elementor 自定义支付表单功能和设计，并在几分钟内拥有一个有效的支付页面。
要记住的一件事是，至少目前，该插件依赖于 Elementor。 因此，如果您不想使用 Elementor，那将是需要考虑的事情。 很高兴看到该插件为原生 WordPress 编辑器添加了类似的支持，以便您还可以使用块自定义付款表单。
不过，总的来说，如果您正在使用 Elementor（或愿意使用 Elementor），付款页面可以让您很容易地开始使用灵活、时尚的形式接受付款。
如果您想尝试一下，可以从 WordPress.org 安装免费版本。 然后，考虑升级到高级版本以访问定期支付、更多支付网关和其他有用的功能。