所有分类
  • 所有分类
  • WP插件Pro
  • HTML模板
  • 微信小程序模板
  • 源码

如何跳过WooCommerce购物车页面并重定向到结账页面

当我们帮助小企业主改进他们的在线商店时,最常见的就是简化结帐流程。毕竟,“添加到购物车”和“下订单”之间的每一个额外步骤都可能导致购物车被放弃和销售损失。

我们发现跳过 WooCommerce 购物车页面并将客户直接重定向到结帐是促进销售的最简单方法之一。事实上,改进在线商店的结帐流程可以将转化率提高多达 35%。

这就是为什么我们整理了这个简单的指南,向您展示如何跳过 WooCommerce 中的购物车页面。我们还将分享有关如何在不打扰您的客户的情况下执行此作的提示。

如何跳过 WooCommerce 购物车页面并重定向到结帐

跳过 WooCommerce 购物车页面:它适合您的商店吗?🛒

在我们深入研究技术细节之前,让我们看看跳过 WooCommerce 购物车页面是否是您在线商店的正确选择。我们已经帮助许多店主做出了这个决定,我们确切地知道什么时候直接结账效果最好。

如果您只销售一件商品,跳过 WooCommerce 中的购物车页面效果非常好。在这种情况下,将客户直接引导至结帐页面可以提高销售额。

此外,如果您接受预约或销售服务,直接进入 WooCommerce 结帐页面会让您的客户更轻松。

现在,如果您的商店销售许多不同的商品,并且人们经常使用他们的购物车功能一次购买多件商品,那么您可能希望保留购物车和结帐页面。

在这种情况下,您可以尝试提供一键式 WooCommerce 结帐。这为人们提供了两个选择:将项目添加到他们的图表中或立即进行付款。

这是另一个不错的选择:您可以添加一个从页面侧面滑入的 WooCommerce 迷你购物车。这样,客户可以在不离开他们所在的页面的情况下查看购物车中的内容。它既快速又有用。

选项 1:使用 FunnelKit + CartHopper 插件(更可定制)

这种方法最适合希望完全控制结帐流程并认真减少购物车放弃的店主。使用 FunnelKit,您可以创建完全根据您的需求定制的 WooCommerce 直接结帐体验。

第 1 步:安装 FunnelKit 插件

免费的 CartHopper 插件允许您跳过购物车页面并将客户直接发送到您的 WooCommerce 结帐页面。

转到管理区域中的 FunnelKit » 设置

单击左栏中的“许可证”选项卡,然后输入您的许可证密钥。您可以在 FunnelKit 网站上的帐户中找到您的许可证密钥。

激活 FunnelKit 许可证密钥

完成后,只需单击“激活”和“保存更改”。现在,您可以开始自定义您的结账体验了。

第 2 步:删除购物车页面

要跳过 WooCommerce 中的购物车页面,请转到 FunnelKit » CartHopper。在这里,您可以找到自定义购物车功能并直接重定向到结帐的所有设置。

只需选中 ‘为所有产品启用 SkipCart’ 设置。这将删除购物车页面,并在客户点击添加到购物车按钮时直接发送到您的 WooCommerce 结帐页面。

在 FunnelKit 中启用 SkipCart for WooCommerce

这个基本设置足以为 WooCommerce 创建直接结帐。但是,该插件提供了更多优化客户旅程的方法。

在主要设置下方,您可以选择特定的产品类别或要保留正常购物车和结帐页面的产品。只需在相应的字段中输入您不想跳过的类别和产品的名称即可。

从 SkipCart 中排除产品

您还可以将 ‘Add to cart’ 文本自定义为更合适的文本。

虽然它默认为“立即购买”,但您可能更喜欢“立即购买”或“立即结帐”。考虑增加一些紧迫感和对错过的恐惧,以减少购物车放弃。

更改 FunnelKit 中的添加到购物车按钮文本

要获得更多控制,您可以通过单击“添加规则”来设置自定义规则。

然后将出现一个弹出窗口。

添加规则以启用 SkipCart

在这里,您可以选择规则是应用于“Any of these”还是“All of these”购物车商品。

例如,如果您销售一顶帽子,那么当客户单独购买帽子或与其他商品一起购买时,选择“这些中的任何一个”选项将跳过购物车。

另一方面,选择“所有这些”选项只会在买家购买您指定的确切产品组合时跳过购物车,例如当他们同时购买帽子和配套围巾时。

配置 cart 规则以启用 SkipCart

然后,您还可以决定是为此规则启用还是禁用购物车功能,并专门为这些产品自定义 add to cart 按钮。

如果您有多个结帐页面,那么您还可以选择要用于不同产品的 WooCommerce 结帐页面。设置规则后,只需单击“添加规则”。

保存自定义 SkipCart 条件逻辑规则

弹出窗口现在将关闭。

不要忘记单击“保存更改”以将您的新设置应用于您的 WooCommerce 商店。

保存对 CartHopper 插件的更改

第 3 步:自定义您的结帐页面

从技术上讲,完成步骤 1 和 2 就足够了,但是如果您没有充分利用它的潜力,那么安装强大的漏斗插件有什么意义呢?

要自定义您的结帐页面,请导航到 FunnelKit » Store Checkout。然后,切换到 ‘Store Checkout’ 选项卡并单击 ‘Create Store Checkout’ 按钮。

创建商店结账

FunnelKit 有几个结帐模板,您可以使用块编辑器或流行的页面构建器插件(如 elementor)对其进行编辑。

在页面顶部,选择您喜欢的编辑平台。然后单击您感兴趣的任何结帐模板上的“预览”。

选择 FunnelKit 结帐模板

大多数 FunnelKit 模板都包含结帐页面,以及追加销售和感谢页面,以鼓励更多购买。

找到您喜欢的模板后,只需单击“导入此渠道”按钮。

导入 FunnelKit 漏斗

接下来,您需要为结账页面命名。如果您为不同的产品或客户群创建多个版本,这可以帮助您跟踪不同的结帐渠道。

命名后,单击“完成”。

在 FunnelKit 中为新的自定义结账页面命名

要编辑结帐页面,请单击“添加订单碰撞”按钮上方的结帐名称。

然后,您将看到用于自定义结帐页面的几个设置。

在 FunnelKit 中编辑结帐渠道

在 ‘Design’ 选项卡中,单击 ‘Edit …Template’ 使用您选择的编辑平台自定义设计。

我们在有关如何自定义 WooCommerce 结帐页面的指南中详细介绍了这些自定义步骤。

使用块编辑器编辑 FunnelKit 结帐页面

如果您向下滚动页面,您还可以自定义结帐页面上所需的部分和字段。

默认情况下,结帐表单包括 联系信息 (电子邮件) 和送货地址 (名字、姓氏、送货地址、账单地址、电话) 部分。虽然这些默认字段适用于大多数在线商店,但您可以通过单击任何字段来进一步自定义它们。

例如,要修改送货地址,只需单击它。

编辑 FunnelKit 结帐表单字段

将出现一个弹出窗口,您可以在其中根据需要自定义此部分中的字段。

如果编辑 First Name 字段,则可以更改标签,添加占位符文本以提供示例,并将字段设为必填字段或可选字段。

在 FunnelKit 结帐中编辑 Shipping Address 部分中的字段

您可以根据需要对表单域进行任意数量的更改。

对更改感到满意后,向下滚动并单击“更新”。

更新 FunnelKit 结帐中的 Shipping Address(送货地址)部分

“优化”选项卡提供了改善结账体验的其他方法。

例如,您可以启用快速结账,这将允许用户使用 Apple Pay 和 Google Pay 等方式快速付款。

在 FunnelKit 结帐中启用快速结帐

您还可以设置自动应用优惠券。这些是当用户启动结帐流程时将自动应用的优惠券代码。

要配置自动应用优惠券,请打开“自动应用优惠券”选项卡,在“自动应用优惠券”选项中选择“是”,然后输入要自动应用的优惠券代码。如果需要,您还可以禁用 coupon 字段。记得点击“保存”。

在 FunnelKit 中启用自动应用优惠券

另一个有用的功能是“为被放弃的用户预填表单”设置。

当用户在收到弃单购物车电子邮件后返回结账时,此功能会自动填充之前输入的值。这使他们更容易完成购买。

只需在“启用”选项中单击“是”,然后单击“保存”。

在 FunnelKit 结帐中为废弃用户预填表单

如果您切换到 ‘Settings’ 选项卡,您可以添加自定义代码,例如跟踪脚本。

如果您正在跟踪 WooCommerce 转化,则可能需要在此处添加脚本。您可以阅读我们的 WooCommerce 转化跟踪指南以获得更多详细信息。

在 FunnelKit 结帐设置中输入自定义脚本和代码

一旦您对所有自定义设置感到满意,只需单击“启用 Store Checkout”。

就是这样!现在,当用户点击您产品页面上的 Buy Now 按钮时,他们将被直接带到您优化的结账页面。

使用 FunnelKit 在没有购物车功能的情况下运行 WooCommerce 的示例

专家提示: FunnelKit 还允许您自定义购买后的 WooCommerce 感谢页面。

选项 2:使用 Direct Checkout 插件(免费方法)

如果您想在没有购物车页面的情况下使用 WooCommerce 并且更喜欢简单的“设置一劳永逸”解决方案,那么我们建议您使用免费的 WooCommerce Direct Checkout 插件。这个购物车插件提供的自定义选项比 FunnelKit 少,但非常适合将购物者直接引导至结帐。

首先,您需要安装并激活插件。

接下来,转到 WooCommerce » 直接结帐。您会在 WooCommerce 设置页面中注意到一个新的 Direct Checkout 选项卡,从 General 部分开始。

配置 Direct Checkout 插件的常规设置

在这里,确保将“已添加到购物车重定向”设置为“是”。

之后,在 ‘添加到购物车重定向到’ 设置中,从下拉菜单中选择 ‘结帐’。现在,客户将在点击添加到购物车按钮后立即被重定向到您的结帐页面。

还有一些可选设置。一个是“已加入购物车提醒”设置。

当客户将产品添加到购物车时,他们会看到一条消息,上面写着“[产品名称] 已添加到您的购物车”,并带有一个用于查看购物车的链接。将此设置设置为“是”将使该链接将客户直接带到结账页面,而不是购物车页面。

另一个要修改的可选设置是“添加到商店中的购物车链接”。如果您将其设置为“是”,那么点击您商店中的“查看购物车”链接的客户将被直接带到结帐页面,而不是购物车。

我们建议您在启用这两个可选设置之前仔细测试它们。虽然他们可以加快结账速度,但一些客户可能更愿意先查看他们的购物车,如果他们被带到其他地方会感到恼火。

最后,我们建议将 ‘Replace cart url’ 设置保留为 ‘No’,因为它对于基本的购物车页面重定向功能不是必需的。

完成这些设置后,不要忘记单击“保存更改”按钮。

保存对 Direct Checkout 插件常规设置的更改

现在让我们切换到 ‘Archives’ 选项卡。

您可以在此处自定义添加到购物车按钮在 WooCommerce 商店的 Shop 页面上的显示方式。

在 Direct Checkout 插件中配置 Archives 页面设置

要替换购物车按钮,您需要将“替换添加到购物车文本”设置为“是”。

然后,您可以选择要替换“添加到购物车”文本的 WooCommerce 产品类型,包括简单产品、分组产品、可变产品、虚拟产品和/或可下载产品。

这些是产品类型的 WooCommerce 默认设置,但如果您安装了某些 WooCommerce 插件,则可能会有更多设置。

之后,您可以自定义添加到购物车的文本,使其更加注重作,例如 “Buy Now” 或 “Purchase Instantly”。

完成后,单击“保存更改”。

现在,导航到 ‘Products’ 选项卡。此部分与上一个部分类似,但它控制您的购物车页面和重定向设置在单个产品页面上的工作方式。

您可以将“替换添加到购物车文本”设置为“是”,并在相应字段中自定义按钮文本。

在 Direct Checkout 插件中配置单个产品页面设置

下一步是可选的,但您可以转到 ‘结帐’ 选项卡。在这里,您可以删除特定的结帐字段以优化 WooCommerce 结帐页面体验。

例如,如果您只销售数字产品,则可以删除结账送货地址字段,根据需要隐藏结账政策文本等。

在 Direct Checkout 中配置签出设置

就是这样!现在,您可以以客户身份访问您的 WooCommerce 商店,以测试直接结帐的工作原理。

当客户点击添加到购物车按钮时,他们将完全跳过购物车并直接进入结账页面。

使用 Direct Checkout 插件跳过购物车页面的示例

我们希望本文能帮助您了解如何跳过 WooCommerce 购物车页面并重定向到结帐。

外贸商城汽车配件类外贸商城汽车配件类
2周前

 

资源下载
下载价格免费
主题都带数据,跟演示站一样,100%纯净,正版可商用

原文链接:https://www.itaoda.cn/blog/15829.html,转载请注明出处。

0
使用和安装有任何问题
请加客服QQ:1442071397 或wechat:pufei889


免责声明

本站所发布的部分内容自网络,该部分内容限用于学习和研究目,有版权问题的,下载后的24个小时之内,从您的电脑中彻底删除。且不得将用于商业或者非法用途,否则,一切后果请用户自负,与本站无关。

评论0

请先
没有账号?注册  忘记密码?

社交账号快速登录

× 发送
微信扫一扫

海量独立站商城

本站拥有海量商城独立站模版,涉及各行各业产品,提供免费安装部署,免费对接支付,提供物流发货解决方案,支持多语言、多币种。更多帮助,请直接在右下角联系客服

禁止将网站用于含诈骗、赌博、色情、木马、病毒等违法违规业务,本站将暂停一切售后。

温性提示

演示站服务器在国外,网站打开速度有点慢,请耐心等待

多功能、多行业外贸商城 wordpress商城WOOCOMMERCE

23+
行业模板