您想最小化您网站上的购物车放弃率吗?然后您必须自定义您的WooCommerce购物车页面设计。 虽然功能是电子商务商店的支柱,但美观的网站也起着至关重要的作用。一个外观专业且优化良好的网站,在正确的位置放置正确的元素,可以更好地吸引客户的注意力并增加您的销售额。 购物车页面是人们最终决定是否结帐购买您的产品的地方。因此,拥有一个专业但吸引人的购物车页面对于确保人们不会放弃他们的购物车非常重要。 在此博文中,您将找到有关如何自定义WooCommerce购物车页面的分步指南,无需任何编码。 默认WooCommerce购物车页面的外观如何? 为什么要自定义WooCommerce购物车页面? 为什么编辑代码以获取自定义WooCommerce购物车页面不是一个好主意? 如何使用拖放插件自定义WooCommerce购物车页面 使用ShopEngine模块促进电子商务商店销售的技巧 为什么要升级到ShopEngine Pro? 小结 默认WooCommerce购物车页面的外观如何? WooCommerce提供了一个非常基本的购物车页面布局。虽然不同的主题为页面添加了不同的样式,但它看起来还是一样的。让我们看看默认WooCommerce购物车页面在不同主题上的外观。 这是WooCommerce购物车页面在WordPress官方二〇二〇主题上的外观: 以下是购物车页面在WordPress官方主题二〇二一上的外观: 即使是像Hello Elementor这样流行的Elementor主题也会为您提供具有相同旧布局的非常基本的购物车页面。 我想你会同意上面所有的购物车页面都有相同的布局,没有提供任何花哨或特别的东西 为什么要自定义WooCommerce购物车页面? 截至2021年, 4,414,537个直播网站使用WoCommerce。我正在告诉统计数据,以便您了解有多少人可能正在使用WooCommerce提供的同一个无聊的购物车页面。 不要误会我的意思!我完全支持WooCommerce。它是WordPress最受欢迎的电子商务插件,当之无愧。 WooCommerce提供了一个随时可用的全功能电子商务网站,其中包含 WooCommerce 模板,包括购物车页面。尽管它很棒,但您的网站可能会迷失在使用默认模板的人群中,因为您的网站看起来就像其他网站一样。 但从商业的角度来看,在这个竞争激烈的电子商务世界中,拥有一个看起来像其他页面的购物车页面并不是真正的方式。特别是如果你考虑一下,大约 70%的人会放弃他们的购物车并且永远不会去结账。 众所周知,人们会被与众不同的事物所吸引,并在人群中脱颖而出。 因此,不要让您的购物车页面在人群中迷失,而是对其进行自定义,使其脱颖而出并帮助您获得更多订单。 现在的问题是如何获得一个突出的购物车页面?好吧,有两种方法可以自定义设计您的购物车页面。 1. 编辑WooCommerce文件(需要您知道编码) 2. 使用拖放插件 为什么编辑代码以获取自定义WooCommerce购物车页面不是一个好主意? 虽然编辑代码以获得所需的购物车页面是一种选择,但不建议非编码人员使用。由于您选择了WordPress和WooCommerce等即用型软件来构建您的网站,因此我假设您不想手动编写任何代码。 以下是新手程序员或非编码人员应避免编辑WooCommerce代码的一些原因: 它要求您是专家级的程序员,并且像专业人士一样了解Html、CSS、Javascript和PHP。 如果代码没有被有效地编辑和优化,它可能会降低您的网站速度。 每次要更改WooCommerce主题时,都需要更改代码 当WooCommerce提出新的更新时,您将需要进行新的更改以使代码与新版本的WooCommerce兼容 如果您不创建子主题,您也可能在WooCommerce更新时丢失所有代码。 我想你现在明白为什么我不建议更改WooCommerce代码了。 此外,如果您使用WordPress和WooCommerce等平台来 避免一开始就必须编码,那么为什么要学习编码只是为了编辑购物车页面,对吧? 不用担心。我有另一个流程,您可以使用它来顺畅地自定义设计您的购物车页面,而无需编写代码。连一条线都没有。承诺! 如何使用拖放插件自定义WooCommerce购物车页面 现在,您可以使用简单的拖放技术设计购物车页面。感谢WooCommerce PageBuilder插件ShopEngine。 ShopEngine是终极的WooCommerce构建器,具有预制模板、自定义构建WooCommerce页面的小工具以及具有有用电子商务功能的模块。使用此插件,您可以完全控制WooCommerce页面的设计,包括购物车页面。 虽然ShopEngine为您提供了一个预制的购物车模板,但您可以从头开始创建您的购物车页面。在本博客中,我将引导您完成有关如何自定义WooCommerce购物车页面以从头开始创建全新页面的过程。 第 1 步:安装Elementor和ShopEngine 要开始,您将需要两个插件 Elementor […]