如何在 WordPress 中添加“立即购买”按钮(3 种方法)
已发表: 2022-11-30你想在 WordPress 中添加立即购买按钮吗?
无论您是销售服务、订阅还是实物产品,拥有快速立即购买按钮都有助于改善购买过程并带来更多销售。
在本文中,我们将逐步向您展示如何在 WordPress 中添加“立即购买”按钮的 3 种不同方式。
为什么要在 WordPress 中添加立即购买按钮?
立即购买按钮是降低购物车放弃率的好方法。 购买过程中的每一步都是客户改变主意并放弃购物车的另一个机会。
通过直接将他们带到结账处,购物者没有时间改变主意并放弃购买。
由于它们加快了购买过程,现在购买按钮还可以改善客户体验。 当买家的旅程感觉轻松时,顾客更有可能继续光顾您的商店。
您经常会在产品页面上看到“立即购买”按钮,但它们有时也会用在着陆页和销售页面上。
通过这种方式,立即购买按钮允许客户在不访问产品页面的情况下启动购买过程,这可能会提高您的营销和广告活动的转化率。
话虽如此,让我们看看如何在 WordPress 中添加立即购买按钮。 只需使用下面的快速链接跳转到您要使用的方法。
- 方法 1. 使用 WP Simple Pay 添加立即购买按钮(无需电子商务插件)
- 方法 2:如何为您的数字下载添加“立即购买”按钮
- 方法 3. 将“立即购买”按钮添加到您的 WooCommerce 商店
方法 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 插件的指南。
激活后,插件将自动启动设置向导。 继续并单击“让我们开始吧”按钮。
在下一步中,您需要将 Stripe 帐户连接到 WP Simple Pay。 Stripe 是适合网站所有者的初学者友好型支付处理器。
要开始使用,请单击“Connect with Stripe”按钮。
在下一个屏幕上,您可以登录现有的 Stripe 帐户或创建一个新帐户。
如果您已有 Stripe 帐户,则只需输入该帐户的电子邮件地址和密码即可。
WP Simple Pay 现在将向您展示如何将您的 Stripe 帐户连接到 WordPress。
如果您尚未注册 Stripe,请输入您的电子邮件地址,然后按照屏幕上的说明创建一个 Stripe 帐户。 登录到您的 Stripe 帐户后,单击“创建付款表格”按钮。
如果您不小心点击离开了这个屏幕,请不要惊慌。 您可以通过转至WP Simple Pay » Add New到达同一屏幕。
免费的 WP Simple Pay 插件有几个不同的模板,可以帮助您快速创建付款表单。 您可以通过升级到 WP Simple Pay Pro 来解锁额外的模板,包括在 WordPress 中添加 Stripe 捐赠按钮的模板。
由于我们要创建一个立即购买按钮,将鼠标悬停在“付款按钮”模板上,然后在出现时单击“创建付款按钮”。
在“标题”字段中,输入“立即购买”按钮的名称。
此标题仅供您参考,因此您可以随意使用。
您还可以使用“描述”字段添加一些关于您的按钮的信息。 同样,WordPress 不会向您网站的访问者显示此信息,但它可以供您自己参考或共享您的 WordPress 仪表板的任何其他人使用。
之后,单击“付款”选项卡。
默认情况下,WP Simple Pay 将在测试模式下创建您的按钮,这意味着您还不能接受真实付款。
我们建议您选中“全局设置(测试模式)”单选按钮,以便您可以在开始接受付款之前测试您的立即购买按钮。
如果您想立即开始收款,则可以选择“实时模式”按钮。
接下来,您可以决定该按钮将向客户收取多少费用。 继续并将此数字输入“一次性金额”字段。
注意: WP Simple Pay 默认使用美元货币。 如果您想接受不同货币的付款,请前往WP Simple Pay » 设置。 然后您可以选择“货币”选项卡并选择一种新货币。
完成后,选择“表单字段”选项卡。
默认情况下,您的按钮将带有“立即付款”标签,但您可以通过在“按钮文本”字段中键入内容来将其更改为您想要的任何内容。
您还可以更改“按钮处理文本”,这是 WP Simple Pay 在处理付款时向购物者显示的消息。
默认情况下,WP Simple Pay 将使用与您的 WordPress 主题相同的按钮样式。
它还具有您可以使用的“蓝色条纹”样式,如下图所示。 如果您想使用这种按钮样式,只需在“付款按钮”部分选择“条纹蓝色”单选按钮即可。
接下来,选择 Stripe Checkout 选项卡并选择 WP Simple Pay 将在结账时从访客那里收集的信息。
例如,如果您销售实物产品,则可以通过选中“收集送货地址”框来获取客户的送货地址。
如果您认为客户可能想要购买多种产品,请务必选中“允许调整数量”框。
这会在 Stripe 结账页面上添加一个下拉菜单,允许客户更改他们购买的产品数量。
当您对“立即购买”按钮的设置方式感到满意时,就可以通过单击“发布”按钮使其生效。
您现在可以使用“表单短代码”将此立即购买按钮添加到任何 WordPress 页面、帖子或小部件就绪区域。
有关如何放置简码的更多详细信息,您可以查看我们的指南,了解如何在 WordPress 中添加简码。
如果您在测试模式下发布了您的按钮,那么 Stripe 仪表板将不会显示您在此期间收到的任何付款,这使得测试您的立即购买按钮变得困难。
要查看您的交易,您需要在 Stripe 中启用测试模式,方法是登录您的 Stripe 仪表板并单击“付款”选项卡。
之后,只需单击右上角的“开发人员”开关。
完成后,您可以测试立即购买按钮,付款将显示在 Stripe 仪表板中。
完成按钮测试后,您可以转到WP Simple Pay » Payment Forms开始接受付款。
在这里,只需将鼠标悬停在“立即购买”按钮上,然后单击“编辑”链接。
您现在可以继续并选择“付款”选项卡,然后单击“实时模式”旁边的单选按钮。
最后,点击“更新”。 您的立即购买按钮现已启用,您已准备好开始接受访问者的付款。
方法 2:如何为您的数字下载添加“立即购买”按钮
WP Simple Pay 允许您向任何 WordPress 博客或网站添加直接购买按钮。 但是,如果您想在 WordPress 上销售数字下载,那么您需要一个具有立即购买功能的电子商务插件。
Easy Digital Downloads 是轻松销售数字产品的最佳平台。 事实上,我们自己使用这个插件来销售我们的许多高级 WordPress 插件。
Easy Digital Downloads 为您提供了几种在 WordPress 中添加“立即购买”按钮的方法。
默认情况下,Easy Digital Downloads 将在其所有产品页面上显示“添加到购物车”按钮。 但是,您可以将其替换为立即购买按钮。
当客户单击您在上图中看到的按钮时,他们会看到一个弹出窗口,他们可以在其中输入他们的电子邮件地址和信用卡详细信息。
之后,他们只需点击“购买”即可继续购买产品。
Easy Digital Downloads 还带有一个“EDD 购买按钮”块,您可以将其添加到任何页面、帖子或小部件就绪区域。
您可以将此块连接到您的任何可下载产品。 然后,访问者只需单击此按钮即可将产品添加到他们的购物篮中,然后直接去结账。
考虑到这一点,让我们看看这两种方法。
如何将“立即购买”按钮添加到任何产品页面
首先,您可能想在产品页面上添加一个立即购买按钮。 这使客户有更少的时间改变主意并放弃购买。
如果您使用 SiteGround 作为您的托管服务提供商,那么 Easy Digital Downloads 是预装的,因此您可以立即开始使用该插件。
如果没有,您可以查看 SiteGround EDD 托管并开始使用,每月只需 2.99 美元!
如果您使用任何其他托管服务提供商,则需要安装并激活 Easy Digital Downloads 插件。 有关更多详细信息,请参阅我们关于如何安装 WordPress 插件的分步指南。
在本指南中,我们将使用免费的 Easy Digital Downloads 插件,因为它拥有创建简单的立即购买按钮所需的一切。 还有一个专业版,具有更高级的功能,包括愿望清单、购买奖励、欺诈监控等。
在创建立即购买按钮之前,您需要设置 Stripe 或 PayPal。 要配置您的支付网关,请转到下载 » 设置,然后单击“支付”选项卡。
您现在可以根据要使用的支付网关选中“PayPal”或“Stripe”旁边的框。
如果您添加多个支付网关,那么您将无法创建立即购买按钮,因此只选择一个网关很重要。
做出决定后,单击“保存更改”以存储您的设置。
如果您想使用 PayPal,请单击“PayPal”选项卡。
然后您可以选择“以实时模式连接 PayPal”按钮。
这将打开一个弹出窗口,您可以在其中输入要接收付款的 PayPal 帐户的电子邮件地址和密码。
要改为设置 Stripe,请单击“Stripe”选项卡,然后选择“Connect with Stripe”。
这将打开一个设置向导,它将帮助您将您的网站连接到 Stripe。
配置您的支付网关后,不要忘记点击“保存更改”按钮。 您现在可以将立即购买按钮添加到任何 Easy Digital Downloads 产品页面。
要创建您的第一个数字产品,请转至下载 » 下载。 然后,单击“添加新”按钮。
您现在可以为产品添加标题和描述、上传图片、添加类别和标签等等。
注意:默认情况下,Easy Digital Downloads 会将您的产品设置为免费下载。 滚动到“产品选项”部分并输入产品的实际价格很重要。
下一步是上传产品。 这可能是电子书下载、视频培训、PDF 指南、数字艺术和图形,或 WordPress 支持的任何其他文件。
专业提示:如果您想出售 WordPress 不支持的文件类型,例如 SVG 图像、PSD 文件或其他文件,请参阅我们的指南,了解如何在 WordPress 中允许其他文件类型。
要添加可下载文件,请滚动到“下载文件”部分。
在“文件名”字段中,输入可下载文件的名称。 完成后,单击“上传文件”按钮。
这将启动 WordPress 媒体库。 您可以在此处选择要作为数字下载出售的文件。
当您对产品的设置感到满意时,就可以添加“立即购买”按钮了。
在右侧菜单中,找到“按钮选项”部分。 在这里,点击“购买按钮行为”下拉菜单并选择“立即购买”。
您现在可以通过单击“发布”使产品上线。 现在,如果您访问此产品页面,您会看到“立即购买”按钮。
您可以简单地按照上述相同的过程将立即购买按钮添加到任何产品页面。
如何将“立即购买”按钮添加到任何页面或帖子
有时您可能想在在线商店的其他部分使用“立即购买”按钮。
例如,如果您有一个推广特定产品的着陆页,那么您可以允许客户直接从该着陆页开始结帐流程。
这可以通过鼓励冲动购买来增加销售额,同时还可以减少买家旅程中的多个步骤。
您可以使用“EDD Buy Button”块轻松完成此操作。 要使用此块,您首先需要设置一个支付网关并按照上述相同过程创建至少一个产品。
之后,只需在内容编辑器中打开页面或发布您想要添加立即购买按钮的位置。 然后,单击“+”图标并开始输入“EDD Buy Button”。
当出现正确的块时,单击以将其添加到您的布局中。
您现在可以打开“选择下载”下拉菜单并选择将添加到客户购物车的产品。
默认情况下,Easy Digital Downloads 会在“立即购买”按钮上显示产品价格。
如果您想隐藏价格,请单击以禁用“显示价格”开关。
您现在可以发布或更新页面以使其生效。 现在,如果您访问您的 WordPress 网站,您会看到“立即购买”按钮正在运行。
方法 3. 将“立即购买”按钮添加到您的 WooCommerce 商店
如果您经营 WooCommerce 商店,那么您可能希望在产品页面上添加一个立即购买按钮。 这允许客户直接从产品页面开始结帐流程,这通常会降低购物车放弃率。
向在线商店添加立即购买按钮的最简单方法是使用 WooCommerce 的立即购买按钮。 这是一个不需要配置的简单插件,并为您的每个产品页面添加一个立即购买按钮。
首先,您需要安装并激活插件。 如果您需要帮助,请参阅我们关于如何安装 WordPress 插件的指南。
由于该插件没有任何设置,只需转到在线商店中的任何产品页面即可。 您现在将在标准的“添加到购物车”按钮旁边看到一个“立即购买”按钮。
我们希望本文能帮助您了解如何在 WordPress 中添加“立即购买”按钮。 您还可以阅读我们关于最佳电子邮件营销服务的指南以及如何为您的 WordPress 网站获取免费的 SSL 证书。
如果您喜欢这篇文章,请订阅我们的 YouTube 频道以获取 WordPress 视频教程。 您还可以在 Twitter 和 Facebook 上找到我们。