是否要自定义您的WooCommerce结账页面? WooCommerce有一个内置的结账页面,但它并没有针对转换进行优化。通过将默认设计替换为自定义结账页面,您可以获得更多销售并提高转化率。 在本文中,我们将向您展示如何轻松地定制您的WooCommerce结账页面,而无需编写任何代码。 通过用定制的WooCommerce结账页面替换这种默认设计,您通常可以提高转换率并获得更多资金。 例如,您可以向结账页面添加社交证明,如客户评论和五星评级。这可以鼓励人们信任你的生意,即使他们以前没有从你那里买过东西。 您还可以展示购物者经常一起购买的相关产品,并优化布局,使结账过程尽可能容易。 在下图中,您可以看到一个来自AIOSEO站点的优化结账页面示例。 话虽如此,让我们来看看如何轻松定制您的WooCommerce结账页面,并从您的在线商店中赚到更多的钱。 只需使用下面的快速链接,即可直接跳转到您要使用的方法。 方法1.使用FunnelKit Builder定制您的WooCommerce结账页面方法2.使用Seed带来定制您的结账页面如何减少结账页面遗弃 它还有内置的“优化”功能,旨在帮助你获得更多销量。 注:还有一款FunnelKit Pro,它带有更高级的优化和结账模板。然而,我们将使用免费版本的FunnelKit构建器,因为它具有用定制设计替换默认WooCommerce结账所需的一切。 您需要做的第一件事是安装并激活插件。有关更多详细信息,请参阅我们关于如何安装WordPress插件的分步指南。 选择专业设计的模板 激活后,请转到FunnelKit»商店结账。在此屏幕上,单击“创建商店结账”按钮。 你现在可以从FunnelKit专业设计的结账页面模板中进行选择,也可以选择“从头开始”。为了帮助您快速创建高转换率的结账页面,我们建议使用模板。 要更仔细地查看任何模板,只需将鼠标悬停在它上面,然后在它出现时单击“预览”按钮。 在我们的图像中,我们使用HPacific模板,因为它有一个部分可以谈论你必须提供什么,还有一个部分可以展示客户的评价。 当您找到要使用的模板时,请单击“导入此功能”。 此时,FunnelKit可能会要求您安装一些额外的插件,例如用于块编辑器的SlingBlock插件。 如果你看到这条消息,那么点击‘激活’来获得你需要的插件。 在此之后,您可以输入商店结账页面的名称。这只是你的参考,所以你可以使用任何可以帮助你在WordPress仪表板中识别页面的东西。 完成此操作后,请单击“添加”按钮。 在下一个屏幕上,您将看到该模板中包含的所有步骤。您可以通过升级到FunnelKit Pro来解锁额外的步骤。 由于您使用的是免费版本的FunnelKit,因此该模板包括一个结账页面和一个定制的WooCommerce谢谢页面。 创建自定义签出设计 若要继续并定制结账页面,请单击其“编辑”链接。 你现在可以点击‘编辑模板’,在WordPress块编辑器中打开该模板。 注:如果您使用的是页面构建器插件,那么FunnelKit可能会在不同的编辑器中打开模板。如果发生这种情况,你需要点击“切换到WordPress编辑器”,而不是“编辑模板”。 现在,您可以使用与构建任何WordPress页面完全相同的方式自定义模板。只需点击任何块,然后使用右侧菜单和小工具栏中的设置对其进行微调。 例如,您通常希望将占位符徽标替换为您自己的自定义徽标。要执行此操作,请单击以选择图像块,然后在小工具栏中选择“替换”。 现在,或者选择Open Media Library并从WordPress媒体库中选择一个图像,或者点击‘Upload’并从您的计算机中选择一个文件。 选择图像后,您可以使用右侧菜单中的设置添加图像Alt文本、更改宽度,甚至添加圆角。 您还需要将占位符文本替换为有关您自己的在线市场和客户证明的信息。只需点击任何文本块即可对其进行编辑,这与您在标准WordPress块编辑器中处理文本的方式完全相同。 完成此操作后,您可以使用右侧菜单中的设置设置文本样式。例如,您可以使用边框和框阴影来突出文本、更改字体系列或更改WordPress中的文本颜色。 只需重复这些步骤,即可自定义FunnelKit Builder模板中的所有标准块。你也可以通过点击‘+’图标来添加更多的区块,或者删除任何你不需要的区块。 这些块中的大多数应该都很熟悉,但FunnelKit确实附带了一些定制块。由于您使用的是签出模板,因此设计将已经具有FunnelKit Checkout块,因此请单击以选择此块。 在右侧菜单中,您将看到Checkout块中所有不同部分的列表,例如表单标题、优惠券和支付网关。 只需单击展开每个部分,然后进行更改。 通常,如果节有标题、副标题或按钮标签,则可以通过键入新文本来更改它。 有些部分是可选的,因此您可以使用切换来启用和禁用它们。 例如,您可能想要添加一个可折叠的订单摘要,以便购物者可以看到购物车中的所有商品。 您可以向结账表单添加更多域,也可以删除任何不需要的域。例如,如果你使用WooCommerce来销售数字下载,那么你通常不需要收集任何送货信息。 自定义签出窗体 当您对结账页面的外观感到满意时,是时候仔细查看表单域并进行必要的更改了。 要做到这一点,点击“更新”保存你的更改,然后选择“返回到结账页”。 现在,点击“字段”选项卡,查看构成结账表单的所有不同部分和字段。 您可以使用拖放操作对这些字段进行重新排序。 […]






























