WP Simple Pay 博客

WordPress 支付教程、技巧和资源

付款表单类型:嵌入式 vs. 叠加式 vs. Stripe Checkout

最后更新于

作者: 作者图片 Natalie Jones

您是否一直想了解更多关于不同付款表单类型的信息?

付款表单是您电子商务网站上最重要的元素之一。它们是访问者在成为客户之前到达的最后一点。精心设计的付款表单将提供无缝的结账体验并最终提高转化率,而设计不佳的付款表单将使访问者感到困惑并导致高结账放弃率。

在您的 WordPress 网站上显示付款表单时,您有几种选择。

  • 嵌入式表单:直接显示在您网站页面上的表单。
  • 叠加式模态框:作为弹出式叠加层显示在您网站上的表单。
  • 托管付款页面:显示在托管结账页面上的站外表单。

在本文中,我们将介绍每种表单类型的优缺点,以帮助您决定哪种最适合您的网站。

付款表单显示选项

如果您使用 WP Simple Pay(WordPress 的头号 Stripe 付款插件)在您的网站上接受付款,您可以在付款表单构建器的常规选项卡中选择您偏好的表单类型。

您可以选择站内付款表单站外 Stripe Checkout 表单,或勾选在叠加式模态框中打开的复选框。

请记住,这些设置适用于每个表单。您的网站上可以有多个显示方式不同的付款表单。WP Simple Pay 让您可以在表单构建器中轻松调整单个付款表单的类型

嵌入式付款表单

嵌入式表单是网页的一部分。它在页面本身上显示所有字段。用户无需点击任何内容即可使表单出现或导航到它,因为它始终可见。

这是一个示例:

您可以将付款表单嵌入到页面上的任何您喜欢的位置。您可以选择将其浮动到页面文本的侧面,将其放置在引人注目的图片上方,或将其放入侧边栏。

嵌入式表单的优点

  • 用户可以快速找到它们,因为它们就在页面上。
  • 用户无需采取任何额外步骤即可访问它们。
  • 您可以根据需要对其进行样式设置或重新排列。
  • 在 WP Simple Pay 中,它们利用 Stripe 付款元素 提供实时验证并安全地收集付款详细信息。

嵌入式表单的缺点

  • 它们会占用页面上您可能想用于其他元素的空间。
  • 它们会立即加载,这可能会减慢您的页面加载时间。
  • 如果页面上有很多内容,它们可能会被忽略。
  • 用户可能会分心,在填写表单前离开。

叠加式付款表单

叠加式付款表单会在用户点击您网站页面上的号召性用语按钮时出现,通常按钮上会写着“立即购买”或“立即结账”。

一旦表单激活,页面上的其他所有内容都将无法访问,除非他们关闭表单。

请注意,页面的其余部分已变暗,让您可以专注于付款表单。

叠加表单的优点

  • 它们无法被忽略,因为它们会出现在最前面。页面的其余部分会变暗,表示不可用。
  • 您可以根据需要对其进行样式设置或重新排列。
  • 在 WP Simple Pay 中,他们使用 Stripe 付款元素来提供实时验证并安全地收集付款详细信息。

叠加表单的缺点

  • 有些用户就是不喜欢任何形式的弹出窗口,并会立即将其关闭。
  • 用户必须单击按钮才能使叠加层出现。
  • 如果付款按钮不够明显,用户可能不会注意到。
  • 它们会增加一个额外的步骤,用户可能会在此放弃结账流程

Stripe 结账付款表单

Stripe 结账是 Stripe 结账服务托管的一个页面。用户将被带到 Stripe 域上的一个新页面。他们的订单信息显示在左侧。典型的付款表单显示在右侧。

您可以在此处查看实时演示。Stripe 结账页面无法进一步自定义,如本页面所示,因为它由 Stripe 控制。如果您需要更高程度的自定义,则需要选择嵌入式或叠加表单。

付款表单

要自定义此表单,您可以在 WP Simple Pay 中导航到“Stripe 结账”选项卡轻松完成。您可以在此处配置 Stripe 托管结账页面提供的所有选项。

如果您想更改 Stripe 结账背景和付款按钮的颜色,您需要在 Stripe 管理中心的“品牌”部分更改颜色。您可以通过单击“品牌设置”链接,直接从“Stripe 结账”选项卡轻松访问此页面。

想在 Stripe 结账付款表单中添加自定义字段?请参阅我们的分步指南

Stripe 结账的优点

  • 很多人信任 Stripe,当他们看到 Stripe 徽标时,可以提高转化率。
  • Stripe 的页面干净简洁。没有任何东西会分散用户的购买注意力。
  • 用户在完成购买后会被重定向回您的网站。
  • Apple Pay 和 Google Pay 默认启用,因此用户可以使用他们喜欢的付款方式付款。

Stripe 结账的缺点

  • 用户会被发送到一个新页面,这可能会令人困惑。
  • 如果付款按钮不够明显,用户可能不会注意到。

哪种付款表单类型适合您?

现在您已经了解了三种不同的付款表单显示选项,您需要决定哪种适合您的网站。

功能上,嵌入式表单和叠加表单之间没有区别。叠加表单只是嵌入到一个元素中,该元素仅在用户单击按钮时出现。相同的表单,不同的位置。

Stripe 结账的功能略有不同,因为它出现在另一个页面上。但最终,它们都做同一件事:从客户那里收款并存入您的账户。

因此,当您选择付款表单显示选项时,需要考虑两个因素:

1. 您的网站设计

哪种表单最适合您的网站?您是否有空间将表单嵌入到您的某个着陆页中,还是会使页面显得杂乱?如果您现有的着陆页没有空间放置付款表单,通常添加一个覆盖层会更简洁。

请记住,您可以将付款表单添加到网站的任何位置,而不仅仅是页面或帖子的内容区域。您也可以将其包含在页脚、侧边栏或页眉中。

例如,许多非营利组织和慈善机构会在其页眉中添加捐赠按钮,让访问者可以从任何页面进行捐赠。

2. 转化优化

接下来,考虑哪种表单类型最能促进转化。问问自己,您的客户最有可能与哪种表单类型互动。您可能需要做一些客户研究。

事实上,确定哪种表单类型可以最大化转化率的最佳方法是进行相互测试。您可以安装一个 A/B 测试插件,将一半的流量显示一个着陆页版本,另一半显示第二个版本。每个页面应具有不同的付款表单显示类型。如果您流量很大,可以一次性测试所有三个版本。然后,在 30-60 天后查看结果。

最终想法

现在您已经了解了可以在网站上使用的三种不同的付款表单类型,请选择最适合您的业务和客户的类型。

仔细考虑这个决定。它可能只是一个表单,但它代表了您与客户关系中的一个重要环节。

如果您喜欢这篇文章,您可能还想查看我们关于如何优化产品页面以提高销量如何在 WordPress 中创建完美的付款表单的指南。

您还在等什么?立即开始使用 WP Simple Pay!

要阅读更多此类文章,请在 X 上关注我们。

披露:我们的内容由读者支持。这意味着如果您点击我们的一些链接,我们可能会赚取佣金。我们只推荐我们认为能为读者带来价值的产品。

立即开始接受付款

在您的WordPress网站上开始接受一次性付款、定期付款或捐赠。