如何创建自定义 WooCommerce 购物车页面(无编码)

VPS1352主机测评网(www.vps1352.com)
本文链接:https://www.vps1352.com/6984.html

您要创建自定义 WooCommerce 购物车页面吗?

默认的 WooCommerce 购物车页面未针对转化进行优化.通过优化购物车页面布局,您可以显着提高转化率并获得更多销售额.

在本文中,我们将向您展示如何在没有任何技术知识的情况下自定义您的 WooCommerce 购物车页面.

How to create a custom WooCommerce cart page (no coding)

为什么要在 WordPress 中创建自定义 WooCommerce 购物车页面?

创建自定义 WooCommerce 购物车页面让您有机会提高在线商店的销售转化率.

研究表明,近十分之七的客户会放弃您的购物车,再也不会回来.

通过优化默认的 WooCommerce 购物车页面,您可以在不增加当前流量的情况下实现更多销售.

OptinMonster cart page example

当您的访问者的购物车中有商品时,他们就快要完成购买了.您的 WooCommerce 购物车页面应尽一切可能使转换发生.

话虽如此,让我们来看看如何无需代码即可自定义 WooCommerce 购物车页面.

如何在 WordPress 中创建自定义 WooCommerce 购物车页面

SeedProd 是超过 100 万个网站使用的最佳拖放页面构建器.它可让您轻松创建自定义 WooCommerce 购物车页面以增加销售额.

您需要做的第一件事是安装并激活插件.有关更多详细信息,请参阅有关如何安装 WordPress 插件的分步指南.

注意:您可以使用免费版本的 SeedProd,但在本教程中,我们将使用 Pro 版本,因为它具有我们需要的内置 WooCommerce 块.

插件激活后,需要进入SeedProd »设置并输入您的产品许可密钥.

Enter SeedProd license key

您可以在 SeedProd 网站上的帐户信息下找到您的许可证密钥.

完成后,转到SeedProd »页面,然后点击"添加新着陆页"按钮以创建您的购物车页面.

Add new SeedProd cart page

之后,您需要选择购物车页面模板.您可以使用数十种专业设计的模板.找到您喜欢的模板后,将鼠标悬停在它上面并点击"对勾"图标.

我们将使用"Blank"模板,因为它允许我们只添加我们想要的部分.

Select SeedProd template

接下来,系统会要求您为购物车页面命名,然后点击"保存并开始编辑页面".

这会将您带到拖放构建器,您可以在其中开始构建自定义购物车页面.

首先,我们将添加一个图像块并上传徽标.您可以调整它以使其看起来像您的标题,而无需点击以减少放弃.

这样可以保持您的品牌形象,但让您的访问者退出的次数更少,因此他们更有可能进行购买.

接下来,只需选择"图像"块并将其拖到您的页面上.然后,从您的图片库上传您的徽标.

Add image block header

您可以使用左侧的选项面板完全自定义此设置.

接下来,单击"选择您的布局:"部分中的内容和侧边栏块.

Select SeedProd layout

这让您可以为购物车创建一个部分,以及一个推荐部分.

之后,在 WooCommerce 部分找到"购物车"块并将其拖过来.

Add WooCommerce cart block

您可以自定义购物车的每个部分,包括字体选择、颜色、按钮等.

Customize WooCommerce cart block

接下来,您可以添加推荐块.这些可以作为您的访问者的社会证明,并向他们表明他们正在做出正确的决定.

找到"推荐"块并将其拖到打开的部分.

Add testimonials block

您可以完全控制您的推荐书的外观.

可以选择添加客户照片、更改推荐、添加职位等.

Customize testimonials block

如果您想添加多个推荐,请按照上述相同步骤操作.

另一个好主意是在您的推荐下方添加星级.

只需选择"星级"块并将其拖到您的推荐下方即可.

Add star rating block

如果您想创造稀缺性以鼓励客户立即购买,那么您可以在购物车中添加稀缺计时器.

您需要做的就是选择"倒数计时器"块并将其拖到购物车的顶部.然后,选择"访客计时器"选项,以便为所有访客刷新计时器.

Countdown timer evergreen block

接下来,添加一个标题,通知您的购物者在购物车到期之前有一段固定的时间.

只需将"标题"块拖到"标题"块上并输入您的文字即可.

Countdown timer header

要添加的另一个重要功能是热门产品部分.这可让您通过推广客户可能感兴趣的其他热门产品来提高销售额.

为此,只需将"WooCommerce"部分的"Best Selling Products"块拖到上方即可.

您还可以选择要添加的任何其他产品块.

Add SeedProd products block

有关将热门产品添加到 WooCommerce 的更多详细信息,请参阅我们关于如何在 WooCommerce 中显示热门产品的指南.

对购物车页面进行更改后,您可以通过点击"保存"按钮旁边的箭头并选择"发布"来实时发布它.

Publish cart live

接下来,您需要在 WooCommerce 设置中调整您的购物车 URL.

转到 WooCommerce »设置,然后点击"高级"标签.

WooCommerce cart settings

之后,选择您使用 SeedProd 创建的新购物车页面 URL.请务必点击屏幕底部的"保存更改".

根据您使用的 WooCommerce 主题,您的访问者现在可以更轻松地导航到购物车页面.

View WooCommerce cart dropdown

这也有助于您的访问者在移动设备上查看他们的购物车.

您可以继续使用 SeedProd 自定义您的购物车页面、添加新块并更改设计直至完美.

继续测试尝试不同的元素,看看哪些元素最能提高转化率.

Cart page example

要跟踪您的 WooCommerce 购物车转化,请参阅有关如何设置 WooCommerce 转化跟踪的分步指南.

奖励:如何进一步提高 WooCommerce 购物车页面转化率

创建自定义 WooCommerce 购物车页面后,您可以进一步提高转化率并减少购物车放弃.

这有助于您从现有流量中获得更多收入.

以下是一些简单的方法.

1.在 WooCommerce 中使用定时弹出窗口减少购物车放弃

近 70% 的购物车被废弃.减少购物车放弃的最佳方法之一是使用定时弹出窗口.

OptinMonster 是超过 120 万个网站使用的最佳 WordPress 弹出插件.

OptinMonster WooCommerce popup

它使用独特的退出意图®在用户即将离开您的网站时准确显示弹出窗口的技术.

您可以使用专属于他们的独特优惠券代码来吸引他们回来.

OptinMonster popup WooCommerce

如果您已经向您的访问者提供了优惠券,那么使用教育弹出窗口来帮助解决任何问题并让他们放心购买,就像 WPForms 中的这个一样.

WPForms exit intent popup

您还可以将更多独特的弹出窗口和幻灯片添加到您的网站.

例如,如果客户将商品添加到他们的购物车并离开但后来又返回,那么您可以添加一个提供优惠券以完成购买的幻灯片.

OptinMonster cart reminder

有关更多详细信息,请参阅有关如何创建 WooCommerce 弹出窗口以增加销售额的指南.

2.通过 WooCommerce 中的社交活动通知促进销售

社交活动通知会实时提醒您的访问者有新的购买.这使用 FOMO 来改善您的转化并推动他们购买.

向您的 WooCommerce 购物车页面添加社交证明通知的最简单方法是使用 TrustPulse.

TrustPulse WooCommerce notification

它是市场上最好的 WordPress 和 WooCommerce 社交证明插件,经证实可将转化率提高 15%.

它可以在几分钟内完成设置,您可以自动显示最近购买、免费试用注册等信息的通知气泡.

通知不会影响您的购物车或用户体验.他们唯一做的就是提高您的商店转化率.

TrustPulse alert notification

有关更多详细信息,请参阅我们的指南,了解如何在您的 WordPress 网站上使用 FOMO 来增加转化率.

我们希望本文能帮助您在不编写任何代码的情况下创建自定义 WooCommerce 购物车页面.您可能还想查看我们关于如何改进 WooCommerce SEO 以增加流量的分步指南,以及我们为您的商店精选的最佳 WooCommerce 插件.

7

发表回复