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

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

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

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

好消息是,建立一个购物式的结账页面比你想象的更容易。在此帖子中,我将分享您如何使用的WooCommMerce商店创建单页结账航空检查插件

什么是Aero Checkout插件?

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

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

以下是您可以使用此工具创建的结帐页面的示例。

Aero结账模板

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

Aero Checkout  - 结帐页定价
10%
Woofunnels.
Woofunnels.
独家10%折扣WooFunnels - WordPress最强大的漏斗生成器。
独家10%折扣WooFunnels - WordPress最强大的漏斗生成器。显示较少

开始

在这个阶段,我们假设你已经拥有自己了Woocommerce.商店。

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

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

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

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

1.头的Woofunnels.>漏斗

Aero Checkout  -  Checkout Page Funnels

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

Aero Checkout  -  Checkout Page Funnels

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

航空检查创建漏斗

4.选择+添加新步骤选项在页面的中心。然后,您将看到一个与销售页面等漏斗相关步骤的弹出窗口,单击Upsells,并谢谢您。

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

aero结帐页面

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

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

aero付款步骤

这是为创建结账页漏斗,现在让我们专注于建设和设计页面。

如何用Aero建立一页签帐

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

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

aero结帐漏斗

2.根据设计选项卡,您将找到一系列结帐页面模板。

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

Aero Checkout  - 结帐页模板1

3.定制者是一个内置功能,具有预先制作的模板可供选择。只需点击这一点导入按钮您可以在30秒内完全构建结帐页面。

航空签出-签出页面模板

选择“预览”选项。

Aero结账预览

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

航空签出-签出页面样本

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

如何将徽标添加到Woocommerce Checkout Page

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

在上一步中导入模板后,单击仪表板中的“编辑”按钮。

woofunnels编辑

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

Aero Checkout  - 结帐页面

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

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

进一步滚动,您可以找到其他选项以编辑标题文本和帮助表户信息。

Aero Checkout客户信息

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

logo示例aero结帐

如何为结帐页面进行更多自定义

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

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

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

Aero Checkout  - 结帐页面客户信息

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

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

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

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

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

以下是具有完全自定义表单字段的页面的示例。

自定义表单字段

如何启用快速结帐

当然,客户想根据他们的首选付款方式快速结账。

这恰恰是为什么你会乐意了解这一点WooFunnels漏斗建设者为Amazon Pay,PayPal Express,Google Pay和Apple Pay提供快递付款选项。

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

Aero结账付款

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

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

aero结帐优化

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

航空检验智能按钮

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

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

设置优惠券代码的文本框可以通过返回优化前一节中的菜单。选择自动申请优惠券>是的并指出您的优惠券代码。确保禁用优惠券字段Section设置为没有添加优惠券字段。

汽车使用优惠券

只要选择正确的选项,默认情况下会在模板中显示优惠券字段。

编辑优惠券字段

如何启用多步预览

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

就像快递付款一样,你可以在优化部分。在下面MultiStep现场预览,选中您希望在整个结账过程中显示的特定字段的框。

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

Aero Checkout MultiStep现场预览

在上一步中,我们已经讨论了模板范围一步,两步,三步格式。

Aero Checkout  - 结帐页模板1

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

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

Aero Checkout Page多步

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

Aero Checkout Page Multi Stop 2

在最后一步或结账阶段,您将找到订单摘要和付款信息。由于启用了多步检查选项,因此您将找到从先前步骤的信息,例如电子邮件,送货地址和运输方式。

Aero Checkout Page Multi Stop 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上发表。

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

在脸书上分享
在twitter上分享
分享LinkedIn.
在reddit分享
在电报
在whatsapp分享
分享口袋
分享电子邮件

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

我们的赞助商
堤喀软件标志
内容

留下一个回复

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

乐动体育手机软件
从介绍WordPress如何对我们的产品和服务建议工作。
嘿!我们是加布和马克
每周我们分享教程和真正的评论我们的WordPress产品和服务时事通讯。
成千上万有很多人读它!
我们很乐意加入。
我们很乐意加入。以下是你将会得到的:

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