2021年WordPress黑色星期五和网络星期一优惠
小时
分钟

如何添加shopify风格的付款页面到WooCommerce

构建shopify风格的结帐页面比您想象的要容易得多。在这篇文章中,我将分享如何在几分钟内为你的woocommerce商店创建一个结帐页面。
WooFunnels的Aero Checkout

你已经成功建立了一个电子商务网站来销售你的产品和服务。恭喜你!

在这个阶段,我们打赌您已经创建了主页、产品页面和其他必要的网站页面。你唯一需要的可能是一个与流行支付选项相连接的结帐页面,以开始销售并赚取一些钱。

好消息是,构建shopify风格的结帐页面比您想象的要容易得多。在这篇文章中,我将分享如何使用航空检查插件

什么是Aero Checkout插件?

Aero结帐是一个插件,允许用户构建shopify风格的结帐页面。

不需要从头开始构建一个结帐页面。默认情况下,插件有现成的签出模板,单页签出和嵌入表单,你可以很容易地添加到你的网站。

下面是使用这个工具可以创建的一个结帐页面示例。

航空检测模板

Aero结帐可在WooFunnels漏斗建设者.你可以通过选择他们的付费计划来简化你的付款流程,比如新手和成长套餐。

航空签出-签出页面定价
10%
WooFunnels
WooFunnels
独家10%折扣WooFunnels - WordPress最强大的漏斗生成器。
独家10%折扣WooFunnels - WordPress最强大的漏斗生成器。显示更少

开始

在这个阶段,我们假设您已经有了自己的代码WooCommerce商店。

一旦完成了这些,你就可以建立自己的付款页面。

  • 创建一个WooFunnels漏斗建造者账户
  • 获得Aero Checkout插件作为一个额外附加
  • 选择一个订阅计划(他们有14天的退款保证和退款期)。记住使用我们的10%折扣使用优惠券代码:WPMAYOR
  • 安装烟囱施工插件在WordPress.org上。
  • 通过WordPress的“插件”菜单激活插件。

如何创建一个结帐页面漏斗

在做任何事情之前,我们必须在销售漏斗中添加一个付款页面。

1.头的WooFunnels>漏斗

航空签出-签出页面漏斗

2.单击添加新按钮到达结帐页面构建器。

航空签出-签出页面漏斗

3.在设计选项卡,你会在你的电子商务商店中找到几个销售页面的模板。因为我们想在漏斗中添加一个结帐页面,选择创建您的漏斗。

航空检查创建漏斗

4.选择+添加新一步选项在页面的中心。然后你会看到一个弹出窗口,里面有一系列漏斗式的步骤,比如销售页面、一键向上销售和感谢页面。

对于本例,我们将选择结帐页面选择。

aero结帐页面

5.为结帐页添加一个名称。

我们就用这个名字吧结帐页面1本教程。

aero付款步骤

以上就是创建结帐页面漏斗的内容,现在让我们专注于创建和设计页面。

如何用Aero建立一页签帐

让我们开始工作并构建一个结帐页面。

1.选择您先前创建的签出页面漏斗。

aero结帐漏斗

2.下设计选项卡,您将发现一系列签出页面模板。

有三种方法可以创建签出页面编辑器Elementor红利或者您可以自定义您自己的结帐页面。同时,模板范围从一步,两步,三个步骤格式。

航空签出-签出页面模板

3.Customizer是一个内置的功能,带有预先制作好的模板可供选择。只需点击导入按钮你可以在30秒内建立一个结帐页面。

航空签出-签出页面模板

选择“预览”选项。

aero结帐预览

如您所见,模板在签出页面上有您需要的所有内容。这里有联系人信息、订单细分和支付的可点击按钮。

航空签出-签出页面样本

想要更多选择的电子商务商店店主可以从中选择模板Elementor红利,或创建自己的自定义结帐页面。

如何添加一个标志到您的WooCommerce付款页面

企业名称和标志确保结帐页面与您的品牌标识一致。这也将使页面可信和值得信赖,特别是对第一次客户。

在前面的步骤中导入模板后,单击仪表板上的“Edit”按钮。

woofunnels编辑

将出现一个新的仪表板,它的左边是菜单选项,右边是签出模板。接下来,点击图标旁边的铅笔图标。

航空签出-签出页面

>标志,您可以选择删除默认的Aero Checkout徽标,并将其替换为您的品牌的特定徽标。

航空签出-签出页面的标志

进一步向下滚动,你会发现其他选项来编辑标题文本和帮助台信息。

航空检查客户信息

下面是一个定制头文件的例子。

标志例子航空检验

如何对结帐页面进行更多定制

除了头,Aero结帐允许您更改窗体、产品列表和登录页面的其他相关部分。

与编辑标题类似,单击铅笔图标来编辑您想要的部分。

让我们尝试编辑客户信息部分的字段。

航空签出-签出页面客户信息

您会发现左边的菜单有编辑排版、按钮和结帐页字段的选项。不需要学习编码的基础知识来进行您想要的更改。

航空签出-签出页面客户信息

如果有其他想要个性化的页面元素,那么选择页面上的铅笔图标。您也可以浏览主菜单中的其他选项,以作出特定的修改。

这些其他选项包括自定义的能力:

  • 奖状
  • 客户支持
  • 好处
  • 产品列表
  • 付款形式
  • 小部件的可见性
  • ……还有许多其他的。
表单栏菜单编辑

下面是一个具有完全定制的表单字段的页面示例。

自定义表单字段

如何启用快速结帐

当然,客户希望根据自己喜欢的支付方式快速结账。

这就是为什么你会很高兴知道WooFunnels漏斗建设者提供亚马逊支付、Paypal Express、谷歌支付和苹果支付的快捷支付选项。

第一步是确保你想要的支付方式已经在你的WooCommerce商店中激活。你可以通过去WooCommerce>设置>支付并启用您首选的方法。

aero结帐付款

在你为你的电子商务商店设置了支付选项之后,这里是你需要做的:

返回到您创建的结帐页面漏斗WooFunnels并选择优化。

aero结帐优化

头的快捷结帐的智能按钮>启用>是的方便快捷的检查流程。

航空检验智能按钮

如何将优惠券添加到结帐页面

许多电子商务商店利用优惠券顾客可以在特价时使用。优惠券代码也可以作为忠诚计划或推荐计划的奖励。

设置优惠券代码的文本框可以通过返回优化菜单。选择汽车使用优惠券>是的并注明优惠码。确保禁用优惠券字段Section设置为没有添加优惠券字段。

汽车使用优惠券

只要选择了正确的选项,默认情况下模板中将出现优惠券字段。

优惠券字段编辑

如何启用多步骤预览

多步骤预览允许客户分阶段输入信息。在整个过程中,他们可以轻松地访问和编辑在前面步骤中插入的信息。这对于选择两步或三步结账过程的电子商务商店来说是理想的。

就像快递付款一样,你可以在优化部分。下多步领域预览,勾选您希望在整个签出过程中显示的特定字段框。

在这种情况下,我选择了电子邮件送货地址

航空检验多步骤现场预览

在前面的步骤中,我们讨论了模板的范围从一步,两步,三个步骤格式。

航空签出-签出页面模板

如果您选择三步格式,下面是第一个模板的外观。

第一步是客户信息部分,例如客户的电子邮件、姓名和地址。

航空签出页面多步骤

第二步是发货和产品细节。由于我们启用了多步骤运输,电子邮件和地址也出现在第二步。

航空签出页面多步骤2

在最后一步或结帐阶段,您将找到订单摘要和支付信息。由于启用了多步骤结帐选项,您将找到来自前面步骤的信息,如电子邮件、送货地址和送货方法。

航空签出页面多步骤3

如何在移动、平板电脑或台式电脑上查看结帐页面

主要的福利之一Aero结帐模板是针对移动设备自动优化的。

你可以通过点击左边菜单底部的图标来访问移动或平板电脑视图。

航空结帐页面移动

看看它们的移动视图,就会发现表单字段和文本的大小对于移动用户来说已经足够了。他们还有一个可点击的“应用优惠券”按钮:

移动检测视图

更重要的是,还有一个可点击的结帐或“下订单”按钮:

可点击地点订单按钮

关于Aero Checkout的shopify风格结帐页面的最后想法

Aero结帐是一个方便的插件,让您创建签出页面在瞬间。我个人喜欢预先制作的模板,您可以根据自己的喜好轻松地导入和定制它们。在此基础上,您可以通过单击按钮启用快速签出和多步骤预览。

在99美元/年,这似乎是一个稍微昂贵的附加为您WooCommerce网站.但是,请记住,结帐页面是客户获取过程中最重要的方面之一。也就是说,它的初始计划似乎是一笔相当不错的交易WooCommerce想要shopify式结账页面的企业家。

10%
WooFunnels
WooFunnels
独家10%折扣WooFunnels - WordPress最强大的漏斗生成器。
独家10%折扣WooFunnels - WordPress最强大的漏斗生成器。显示更少

总的来说,如果你想要一个轻松的结账过程,你应该尝试一下这个方法。

Monique Danao
Monique Danao
Monique Danao是一位在营销、设计和搜索引擎优化方面有专长的作家和内容创造者。她的作品已在99designs和Business2Community上发表。

考虑分享这篇文章,让其他人也能找到它:

在facebook上分享
在twitter上分享
分享在linkedin
在reddit分享
在电报
在whatsapp分享
在口袋里
共享电子邮件

加入成千上万的人接收真实的,真正的评估WordPress的产品和服务,就像这样。

我们的赞助商
坚实的附属
内容

留下一个回复

您的电子邮件地址将不会被公布。必填字段已标记

188金宝搏bet官网下载
从WordPress如何工作的介绍到我们对产品和服务的推荐。
嘿!我们是加布和马克
每周我们分享教程和真实的评论WordPress的产品和服务时事通讯。
成千上万的人有很多人读它!
我们希望你能加入。
我们希望你能加入。以下是你将会得到的:

每周发一封邮件直接发到你的收件箱。