首页 » 博文 » wpbeginner » 最佳教程 » 如何在 WordPress 中添加“立即购买”按钮(3 种简单方法)

如何在 WordPress 中添加“立即购买”按钮(3 种简单方法)

您想在 WordPress 中添加“立即购买”按钮吗?

无论您是销售服务、订阅还是实体产品,拥有快速“立即购买”按钮都有助于改善购买过程并带来更多销售。

在本文中,我们将向您展示 3 种不同的方法,逐步在 WordPress 中添加“立即购买”按钮。

如何在 WordPress 中添加“立即购买”按钮

为什么在 WordPress 中添加“立即购买”按钮?

立即购买按钮是降低购物车放弃率的好方法。购买过程中的每一步都是客户改变主意并放弃购物车的另一个​​机会。

通过直接将他们带到收银台,购物者可以减少改变主意和放弃购买的时间。它可以鼓励冲动购买,对于数字下载、电子书、实体产品或课程特别有用。

由于“立即购买”按钮加快了购买流程,因此还可以改善客户体验。当买家的旅程感觉轻松时,客户就更有可能继续回到您的商店。

您经常会在产品页面上看到“立即购买”按钮,但有时也会在登陆和销售页面上使用它们。

通过这种方式,“立即购买”按钮允许客户无需访问产品页面即可启动购买流程,这可能会提高您的营销和广告活动的转化率。

话虽如此,让我们看看如何在 WordPress 中添加“立即购买”按钮。只需使用下面的快速链接跳转到您要使用的方法:

方法 1:使用 WP Simple Pay 添加“立即购买”按钮(无需电子商务插件)

您可以使用WP Simple Pay将简单的“立即购买”按钮添加到任何页面、帖子或小部件就绪区域。

对于基于服务的企业、非营利组织或任何正在寻找 WordPress 快速“立即购买”按钮选项的人来说,这是一个不错的选择。

WP Simple Pay 是适用于 WordPress 的最佳 Stripe 支付插件,可让您接受信用卡付款、Apple Pay、Google Pay、ACH 银行借记卡等,无需任何电子商务插件或购物车。如果您想在销售页面添加“立即购买”按钮而无需安装任何特殊软件,这使得 WP Simple Pay 成为完美选择。

在本指南中,我们将使用WP Simple Pay 的免费版本

如果您想要使用 ACH 直接借记、定期付款接受付款、进行自动税务计算,或者想要向 WordPress 添加“先买后付”计划,那么您需要升级到专业版

首先,您需要安装并激活 WP Simple Pay 插件。如果您需要帮助,请参阅我们有关如何安装 WordPress 插件的指南。

激活后,该插件将自动启动设置向导。继续并单击“让我们开始吧”按钮。

WP Simple Pay WordPress 支付插件

在下一步中,您需要将 Stripe 帐户连接到 WP Simple Pay。Stripe 是一个适合网站所有者的初学者友好型支付处理器。

首先,单击“连接 Stripe”按钮。

如何将 WP Simple Pay 连接到 Stripe

在下一个屏幕上,您可以登录现有的 Stripe 帐户或创建新帐户。

如果您已有 Stripe 帐户,则只需输入该帐户的电子邮件地址和密码即可。

将 Stripe 连接到您的 WordPress 网站

WP Simple Pay 现在将向您展示如何将您的 Stripe 帐户连接到 WordPress。

如果您尚未注册 Stripe,请输入您的电子邮件地址,然后按照屏幕上的说明创建 Stripe 帐户。登录 Stripe 帐户后,点击“创建付款表格”按钮。

如果您不小心点击离开了该屏幕,请不要惊慌。您可以通过转到WP Simple Pay » 添加新内容来到达同一屏幕。

使用 WP Simple Pay 添加立即购买按钮

免费的 WP Simple Pay 插件有一些不同的模板,可以帮助您快速创建付款表单。您可以通过升级到 WP Simple Pay Pro 来解锁额外的模板,包括在 WordPress 中添加 Stripe 捐赠按钮的模板。

由于我们要创建立即购买按钮,因此将鼠标悬停在“付款按钮”模板上,然后在出现“创建付款按钮”时单击它。

创建支付按钮

在“标题”字段中,输入“立即购买”按钮的名称。

此标题仅供您参考,因此您可以使用任何您想要的内容。

在 WordPress 中为“立即购买”按钮添加标题

您还可以使用“说明”字段添加一些有关按钮的信息。同样,WordPress 不会向您网站的访问者显示此信息,但它对于您自己的参考或共享您的 WordPress 仪表板的任何其他人可能很有用。

之后,单击“付款”选项卡。

默认情况下,WP Simple Pay 会在测试模式下创建您的按钮,这意味着您尚无法接受真实付款。

我们建议您选择“全局设置(测试模式)”单选按钮,以便您可以在开始接受付款之前测试“立即购买”按钮。

在测试模式下创建立即购买按钮

如果您想立即开始收款,则可以选择“实时模式”按钮。

接下来,您可以决定该按钮将向客户收取多少费用。继续并将此数字输入到“一次性金额”字段中。

使用 WP Simple Pay 收取一次性付款

注意: WP Simple Pay 默认使用美元货币。如果您想接受其他货币的付款,请前往WP Simple Pay » 设置。然后,您可以选择“货币”选项卡并选择一种新货币。

完成此操作后,选择“表单字段”选项卡。

WP Simple Pay 的表单字段设置

默认情况下,您的按钮将具有“立即付款”标签,但您可以通过在“按钮文本”字段中输入内容将其更改为您想要的任何内容。

您还可以更改“按钮处理文本”,这是 WP Simple Pay 在处理付款时向购物者显示的消息。

自定义 WordPress 中的“立即购买”按钮

默认情况下,WP Simple Pay 将使用与您的WordPress 主题相同的按钮样式。

它还具有可供您使用的“蓝色条纹”样式,如下图所示。如果您想使用此按钮样式,只需选择“付款按钮”部分中的“蓝色条纹”单选按钮即可。

条纹蓝色按钮样式

接下来,选择 Stripe Checkout 选项卡,然后选择 WP Simple Pay 将在结账时从访客那里收集的信息。

例如,如果您销售实体产品,则可以通过选中“收集送货地址”框来获取客户的送货地址。

配置 Stripe 结帐页面

如果您认为客户可能想要购买多种产品,请务必选中“允许数量调整”框。

这会在 Stripe 结账页面添加一个下拉菜单,允许客户更改他们购买的产品数量。

结帐时更改产品数量

当您对“立即购买”按钮的设置感到满意后,就可以通过单击“发布”按钮将其激活。

现在,您可以使用“表单简码”将此“立即购买”按钮添加到任何 WordPress 页面、帖子或小部件就绪区域。

使用简码添加立即购买按钮

有关如何放置短代码的更多详细信息,您可以参阅我们有关如何在 WordPress 中添加短代码的指南。

如果您在测试模式下发布了按钮,那么 Stripe 仪表板将不会显示您在此期间获得的任何付款,这使得测试您的“立即购买”按钮变得困难。

要查看您的交易,您需要登录 Stripe 仪表板并单击“付款”选项卡,在 Stripe 中启用测试模式。

Stripe 支付仪表板

之后,只需单击右上角的“开发人员”开关即可。

完成此操作后,您可以测试“立即购买”按钮,付款将显示在 Stripe 仪表板中。

使用 Stripe 和 WordPress 测试信用卡付款

完成按钮测试后,您可以转至WP Simple Pay » 付款表格开始接受付款。

在这里,只需将鼠标悬停在“立即购买”按钮上,然后单击“编辑”链接即可。

编辑您的“立即购买”按钮

您现在可以继续选择“付款”选项卡,然后单击“实时模式”旁边的单选按钮。

最后,点击“更新”。您的“立即购买”按钮现已启用,您已准备好开始接受访客的付款。

将“立即购买”按钮置于实时模式

方法 2:如何将“立即购买”按钮添加到您的数字下载中

WP Simple Pay 可让您向任何 WordPress 博客或网站添加简单的“立即购买”按钮。但是,如果您想在 WordPress 上销售数字下载,那么您将需要一个具有立即购买功能的电子商务插件。

Easy Digital Downloads是轻松销售数字产品的最佳平台。事实上,我们自己使用这个插件来销售我们的许多优质 WordPress 插件。

Easy Digital Downloads 为您提供了几种在 WordPress 中添加“立即购买”按钮的方法。

默认情况下,Easy Digital Downloads 将在其所有产品页面上显示“添加到购物车”按钮。但是,您可以将其替换为“立即购买”按钮。

使用 Easy Digital Downloads 创建的立即购买按钮

当客户单击上图中所示的按钮时,他们会看到一个弹出窗口,可以在其中输入电子邮件地址和信用卡详细信息。

之后,他们只需点击“购买”即可继续购买产品。

简单的数字下载弹出窗口

Easy Digital Downloads 还附带一个“EDD 购买按钮”块,您可以将其添加到任何页面、帖子或小部件就绪区域。

您可以将此块连接到任何可下载的产品。然后,访客只需单击此按钮即可将产品添加到购物篮并直接结账。

EDD 买入区块

考虑到这一点,让我们看看这两种方法。

如何将“立即购买”按钮添加到任何产品页面

首先,您可能需要向产品页面添加立即购买按钮。这使得客户有更少的时间改变主意并放弃购买。

如果您使用SiteGround作为托管提供商,则 Easy Digital Downloads 已预先安装,因此您可以立即开始使用该插件。

如果没有,您可以查看SiteGround EDD托管并开始使用,每月只需 2.99 美元!

→ 点击此处领取 SiteGround 独家优惠 ←

如果您使用任何其他托管提供商,则需要安装并激活Easy Digital Downloads插件。有关更多详细信息,请参阅我们有关如何安装 WordPress 插件的分步指南。

在本指南中,我们将使用免费的 Easy Digital Downloads 插件,因为它拥有创建简单的立即购买按钮所需的一切。还有一个专业版,具有更高级的功能,包括愿望清单、购买奖励、欺诈监控等。

在创建“立即购买”按钮之前,您需要设置 Stripe 或 PayPal。要配置您的支付网关,请转至下载»设置,然后单击“付款”选项卡。

在 Easy Digital Downloads 中配置支付网关

现在,您可以根据您要使用的支付网关选中“PayPal”或“Stripe”旁边的复选框。

如果您添加多个支付网关,则您将无法创建“立即购买”按钮,因此仅选择一个网关非常重要。

做出决定后,单击“保存更改”以存储您的设置。

为 EDD 配置 Stripe 支付网关

如果您想使用 PayPal,请单击“PayPal”选项卡。

然后,您可以选择“在实时模式下与 PayPal 连接”按钮。

配置 PayPal 支付网关

这将打开一个弹出窗口,您可以在其中输入要接收付款的 PayPal 帐户的电子邮件地址和密码。

要设置 Stripe,请单击“Stripe”选项卡,然后选择“使用 Stripe 连接”。

为 EDD 配置 Stripe

这将打开一个设置向导,它将帮助您将网站连接到 Stripe。

配置支付网关后,请不要忘记单击“保存更改”按钮。您现在可以将立即购买按钮添加到任何 Easy Digital Downloads 产品页面。

要创建您的第一个数字产品,请转至下载 » 下载。然后,单击“添加新”按钮。

添加新的数字下载产品

您现在可以添加产品的标题和描述、上传图像、添加类别和标签等等。

注意:默认情况下,Easy Digital Downloads 会将您的产品设置为免费下载。滚动到“产品选项”部分并输入产品的实际价格非常重要。

产品选项设置

下一步是上传产品。这可能是电子书下载、视频培训、PDF 指南、数字艺术和图形或 WordPress 支持的任何其他文件。

专业提示:如果您想出售 WordPress 不支持的文件类型,例如 SVG 图像、PSD 文件或其他文件,请参阅我们有关如何在 WordPress 中允许其他文件类型的指南。

要添加可下载文件,请滚动到“下载文件”部分。

在“文件名”字段中,输入可下载文件的名称。完成后,单击“上传文件”按钮。

上传可下载的产品

这将启动 WordPress 媒体库。在这里,您可以选择要以数字下载形式出售的文件。

当您对产品的设置感到满意时,就可以添加“立即购买”按钮。

在右侧菜单中,找到“按钮选项”部分。在这里,单击“购买按钮行为”下拉列表并选择“立即购买”。

使用 Easy Digital Downloads 创建立即购买按钮

您现在可以通过单击“发布”来使产品上线。现在,如果您访问此产品页面,您将看到“立即购买”按钮。

您只需按照上述相同流程即可将“立即购买”按钮添加到任何产品页面。

如何将“立即购买”按钮添加到任何页面或帖子

有时,您可能想在在线商店的其他部分使用“立即购买”按钮。

例如,如果您有一个宣传特定产品的登陆页面,那么您可以允许客户直接从该登陆页面开始结账流程。

这可以通过鼓励冲动购买来增加销量,同时还可以消除买家旅程中的多个步骤。

您可以使用“EDD 购买按钮”块轻松完成此操作。要使用此块,您首先需要设置支付网关并按照上述相同流程创建至少一个产品。

之后,只需在内容编辑器中打开您想要添加“立即购买”按钮的页面或帖子即可。然后,单击“+”图标并开始输入“EDD 购买按钮”。

EDD 购买按钮块

当右侧块出现时,单击将其添加到您的布局中。

您现在可以打开“选择下载”下拉列表,然后选择要添加到客户购物车的产品。

配置 EDD Buy Button 块

默认情况下,Easy Digital Downloads 将在“立即购买”按钮上显示产品的价格。

如果您想隐藏价格,请单击以禁用“显示价格”开关。

在“立即购买”按钮中添加和删除价格

您现在可以发布或更新页面以使其上线。现在,如果您访问WordPress 网站,您将看到正在运行的“立即购买”按钮。

方法 3:向您的 WooCommerce 商店添加“立即购买”按钮

如果您经营WooCommerce商店,那么您可能需要在产品页面添加立即购买按钮。这允许客户直接从产品页面开始结帐流程,这通常会降低购物车放弃率。

将“立即购买”按钮添加到在线商店的最简单方法是使用WooCommerce 的“立即购买”按钮。这是一个简单的插件,不需要配置,并向您的每个产品页面添加一个立即购买按钮。

为 WooCommerce 在线商店创建的立即购买按钮

首先,您需要安装并激活该插件。如果您需要帮助,请参阅我们有关如何安装 WordPress 插件的指南。

由于该插件没有任何设置,因此只需转到在线商店上的任何产品页面即可。现在,您将在标准“添加到购物车”按钮旁边看到一个“立即购买”按钮。

我们希望本文能帮助您了解如何在 WordPress 中添加“立即购买”按钮。您还可以阅读我们关于最佳电子邮件营销服务以及如何为您的 WordPress 网站获取免费 SSL 证书的指南。

发表评论

您的电子邮箱地址不会被公开。 必填项已用*标注

Scroll to Top