Shopify Checkout 结账页面设置

图片[1]-Shopify Checkout 结账页面设置 | 歪猫跨境 | WaimaoB2C-歪猫跨境 | WaimaoB2C

Shopify 的结账页面, 也就是 Checkout 页面的设置过程虽然简单,但是我们在这个页面的每个选择都会直接决定客户购物付款的体验,对网站的转化率有直接的影响。

在设置Checkout页面之前,建议先在自己的Shopify网站上传至少1个产品,这样我们才能进入到Shopify网站前台的付款页面,然后对照着Shopify后台的结账页面设置选项一一完成每项设置,更清楚的了解后台的每一项设置是如何影响网站前台的显示,如何影响订单转化率的。

图片[2]-Shopify Checkout 结账页面设置 | 歪猫跨境 | WaimaoB2C-歪猫跨境 | WaimaoB2C

最近 Shopify 在国内不太稳定,如果打不开 Shopify 官网, 或者打开速度很慢,无法注册或者登录 Shopify 账户,请使用“魔法”重试,你懂的。

Shopify 后台 Checkout 结账页面设置入口

登录Shopify后台,打开“设置” – “结账”页面。(xxx.com/admin/settings/checkout, 其中的 xxx.com换成自己网站域名)如下图,我们要在这个页面完成和结账相关的所有设置。

图片[3]-Shopify Checkout 结账页面设置 | 歪猫跨境 | WaimaoB2C-歪猫跨境 | WaimaoB2C

Shopify 前台付款页面入口

如果还没有上传产品到Shopify网站,建议先随便上传1个产品,只需要填写“标题”(例如歪猫跨境),“价格”(例如1美金),库存勾选“缺货后继续销售”,发货勾选“需要运输”,然后保存即可。(这里这个产品仅做演示用,完成结款页面设置之后再删除这个产品就可以了)

在网站前台的 “xxx.com/collections/all” 页面 (把其中的 xxx.com 换成自己的网站域名或者Shopify二级域名),添加任意产品到购物车然后点击结账按钮到达如下图所示的Shopify付款页面。

图片[4]-Shopify Checkout 结账页面设置 | 歪猫跨境 | WaimaoB2C-歪猫跨境 | WaimaoB2C

Shopify 结账样式设置 Checkout Style

Shopify 结账页面设置的第一项是:结账样式。如果我们的Shopify网站还没有上传产品,就无法打开网站前台的付款页面,那么在Shopify后台的结账设置页面是看不到“结账样式”这个选项的。只有上传了产品之后,才会有这个设置选项入口。

图片[5]-Shopify Checkout 结账页面设置 | 歪猫跨境 | WaimaoB2C-歪猫跨境 | WaimaoB2C

点击“自定义结账”按钮,可以直接打开Shopify主题设置中的付款页面样式设置。在这个页面里面我们可以添加Logo,设置Logo的大小和位置,设置页面背景图片或者颜色,设置付款页面的字体和文字颜色等等。

建议付款页面的样式设置和网站整体的样式设置保持一致。网站其他页面使用了什么Logo,颜色搭配,以及字体,那么就在付款页面设置什么样的Logo,颜色搭配和字体。

客户账户设置 Customer Accounts

客户账户建议设置为:“账户登录(可选)” Accounts are optional

图片[6]-Shopify Checkout 结账页面设置 | 歪猫跨境 | WaimaoB2C-歪猫跨境 | WaimaoB2C

客户账户设置的是,在客户下单的时候要不要在我们的Shopify网站上创建买家账户。如果创建买家账户,则客户可以登陆我们的网站查看所有的历史订单数据,当前订单的状态,客户登陆买家账户之后下单无需再次手动填写收件地址。账户创建的过程也很简单,不会影响到订单的转化。

不建议设置为“需要账户登录”,除非我们确实需要客户创建账户。因为这个选项会增加客户下单付款的操作流程。当客户把产品加入购物车,或者点击购买按钮之后,页面不会直接到达付款页面,而是会先跳转到账户登陆页面,要求客户先登陆账户之后才能下单。如下图:

图片[7]-Shopify Checkout 结账页面设置 | 歪猫跨境 | WaimaoB2C-歪猫跨境 | WaimaoB2C

对于没有创建过账户的新客户来说,在上图所示页面,需要他们点击“Login”按钮下方的“Create one”按钮再跳转到账户注册页面,提交注册信息之后才能进入到Shopify网站前台的付款页面,完成后续的下单操作。如非必要,不建议增加客户下单过程的负担。

选择“不创建账户” Accounts are disabled 或 “账户登录(可选)”optional,客户点击产品页面购买按钮之后都是直接跳转到Shopify的付款页面的,二者的区别仅在于,选择 “账户登录(可选)” Accounts are optional 的话,在contact information 右侧会有一行文字 “Already have an account?Log in” 提示客户登录账户;

而选择“不创建账户” Accounts are disabled 则没有这行文字和登陆按钮。如下图所示。

图片[8]-Shopify Checkout 结账页面设置 | 歪猫跨境 | WaimaoB2C-歪猫跨境 | WaimaoB2C

即使客户没有创建账户,我们该拿到的客户信息也一样不少。虽然不创建账户的话,客户下单之后无法登陆账户查看订单信息,但是所有的订单信息 Shopify 会通过邮件的形式发送给客户。因此,个人不太建议强制要求客户下单之前创建账户,除非我们的业务有这方面的特殊需求。

客户联系方式设置 Customer contact method 

客户联系方式建议设置为:“邮箱”。

显示下载“Shop应用”的链接可选可不选。

图片[9]-Shopify Checkout 结账页面设置 | 歪猫跨境 | WaimaoB2C-歪猫跨境 | WaimaoB2C

选择客户用于结账的联系方式

客户联系方式设置的是客户接受订单通知的方式,以及我们联系客户的方式。

如果我们选择了“手机号码或邮箱” Customers can check out using either their phone number or email, 意味着客户在下单的时候可以直接使用电话号码下单。虽然这在一定程度上可能会更方便客户,但是,对于我们卖家来讲,就可能拿不到客户的邮箱地址。如下图所示,选择“手机号码或邮箱”之后,在Shopify付款页面,客户可以直接使用手机号码作为联系方式下单。

图片[10]-Shopify Checkout 结账页面设置 | 歪猫跨境 | WaimaoB2C-歪猫跨境 | WaimaoB2C

没有客户的邮箱,如果订单出现了什么问题,沟通起来就要麻烦很多。要知道如果问题提交给PayPal或者Stripe上升为争议,那么你前期和客户沟通的邮件截图都是可以作为证据提交给PayPal或者Stripe来保护自己权益的。另外,拿不到客户的邮箱地址,后期也就无法做邮件营销的。

在Stripe关于控制信用卡欺诈风险的说明中,也有明确指出,在客户下单的过程中,尽可能收集到客户的邮箱地址,这有利于Stripe主动去匹配客户相关的信息,降低信用卡欺诈风险。如下图所示列表第二项即为 Customer email address。

图片[11]-Shopify Checkout 结账页面设置 | 歪猫跨境 | WaimaoB2C-歪猫跨境 | WaimaoB2C

这里的客户联系方式选择“邮箱”,在接下来“客户信息”设置中的“收货地址电话”我们仍然可以强制客户提交收货人的电话号码,以方便在包裹投递时快递公司电话联系客户。这样,我们就可以同时拿到客户的邮箱和电话号码信息了。

选择客户通过何种方式来选择获取发货更新信息

“显示下载Shop应用的链接“,这个选项对于我们网站的订单转化率不会有任何影响,因为它是出现在下单完成后的Thank you页面的,所以勾选或者不勾选都是可以的。如下图所示,勾选的话,在下单成功页面会有一个“跟踪订单 使用Shop”的选项,不勾选就不会显示这个选项。

图片[12]-Shopify Checkout 结账页面设置 | 歪猫跨境 | WaimaoB2C-歪猫跨境 | WaimaoB2C

客户点击“跟踪订单 使用 Shop”按钮之后,会在自己的手机上下载一个Shop应用。通过Shop客户可以查看自己在所有使用Shopify搭建的网站上购买产品的订单信息。也可以直接在Shop应用里面购买产品。可以查看 Shopify Shop的功能介绍了解详情。

客户信息设置 Customer Information

客户信息建议设置为:

  • 全名:“需要姓氏和名字”
  • 公司名称:“不包含”或者“可选”
  • 地址行2(公寓、单元等):“可选”
  • 收货地址电话号码:“必填”

客户信息设置的是客户在下单页面提交信息的时候哪些是选填的,哪些是必填的。这些信息的填写不仅有利于收集完整客户收件信息,保证货物能够顺利抵达客户的手中,同时在防欺诈,再营销方面有很重要的作用。

图片[13]-Shopify Checkout 结账页面设置 | 歪猫跨境 | WaimaoB2C-歪猫跨境 | WaimaoB2C

上图是Shopify网站后台客户信息设置页面,下图是网站前台客户下单时候需要提交的内容。上下图的设置是相互关联的。

图片[14]-Shopify Checkout 结账页面设置 | 歪猫跨境 | WaimaoB2C-歪猫跨境 | WaimaoB2C

首先“全名” Full name 选择建议“需要姓氏和名字” Require first and last name. 这里只收集客户的“姓氏” Last name也没有问题,不过收集客户的全名,能够更有效的避免信用卡付款欺诈。在上面Stripe关于信用卡欺诈风险控制的截图说明中,有明确的说明在收集客户的下单信息时,收集尽可能多的信息可以降低欺诈的风险。因此这里建议选择客户的全名。

“公司名称” Company name 和“地址行2” Address line 2 选择选填就可以,客户按照自己所需进行填写。我曾经设置“地址行2” Address Line 2 是必须导致美国的订单转化率比较差,因为按照美国人的习惯,Address line 2是不用填写的,然而,英国人的地址习惯,Address line 2是需要填写的。

收货地址电话号码:“必填” Shipping address phone number 选择 Required,一方面能提高订单的妥投率,当快递公司无法完成配送的时候,有更快捷有效的方式帮快递公司联系到客户。但是事实上,我这边发的大部分E邮宝/USPS快递,当他们无法完成配送的时候,会再次尝试派送几次,还是不行的话,就直接给我退件了,应该是不会给客户打电话确认的。

另外一方面,也是我觉得更重要的一点是,收集客户的电话信息,更有利于我们做Facebook广告的类似受众广告。尤其是当你前期更多的使用Google广告,SEO或者红人营销的方式来获取流量和订单的,当有足够多的客户信息的时候,我们可以将手里的客户信息提交给Facebook做受众信息匹配,然后投放类似受众广告。如果仅仅是客户的邮箱地址匹配的话,10000个客户信息可能只能匹配出5000个Facebook用户,但是既有邮箱又有电话信息的话,肯定是可以匹配出更多的Facebook用户的,这样我们的精准客户的“种子”数据能够最大程度的发挥它的作用。

小费设置 Tips

建议勾选“在结账时显示小费选项”。

图片[15]-Shopify Checkout 结账页面设置 | 歪猫跨境 | WaimaoB2C-歪猫跨境 | WaimaoB2C

小费文化在欧美国家是很流行的,在美国,小费甚至是很多服务行业人员收入的主要部分。尤其是在全球疫情大环境下,很多客户会偏向支持“Small business”,以及支付小费,来表达自己对卖家的支持,并希望获得“更迅捷优质”的服务。

在Shopify后台勾选“在结账时显示小费选项”,那么在网站前台的付款页面,就会出现如下图所示的“添加小费”的选项。我们可以在后台预设小费的比例,通常为10-20%,在网站前台,客户可以直接选择小费的比例,也可以在“自定义小费”的选项中添加小费。

图片[16]-Shopify Checkout 结账页面设置 | 歪猫跨境 | WaimaoB2C-歪猫跨境 | WaimaoB2C

根据Shopify系统的要求,小费金额最多为1000美金。客户给我们的小费,因为计算在订单总金额里面,所以,也会被当做一般订单付款,计算Shopify的交易手续费,以及PayPal和Stripe收取的4.4%+0.3,或者2.9%+0.3的收款费用。

订单处理流程 Order processing

订单处理流程建议设置为:

  • 客户结账时:勾选 “默认将发货地址用作账单地址”和“使用地址自动填充功能”;
  • 支付订单后:勾选“仅自动对订单的 礼品卡 进行发货”或者“不要自动填充订单的任何订单项目”;
  • 订单已发货且付款后,或是已为所有商品退货时:勾选“自动存档并隐藏订单”。
图片[17]-Shopify Checkout 结账页面设置 | 歪猫跨境 | WaimaoB2C-歪猫跨境 | WaimaoB2C

客户结账时

首先,客户结账时 – While the customer is checking out 项下的两个选项都勾选之后,客户结款页面的体验会更好一些,启用地址自动填充功能之后,客户在付款页面的地址栏只需要输入几个字母或者数字就可以获取谷歌提供的地址下拉推荐,然后客户直接选择自己的地址就可以一键完成所有地址的填写操作,十分方便。如下图所示,当我在地址随意敲击数字198的时候,在下拉中就会有相关地址推荐。

图片[18]-Shopify Checkout 结账页面设置 | 歪猫跨境 | WaimaoB2C-歪猫跨境 | WaimaoB2C

地址填充功能调用的是Google Autocomplete的服务,这一服务目前仅限于澳大利亚、奥地利、比利时、巴西、加拿大、丹麦、法国、德国、中国香港特别行政区、印度、意大利、日本、卢森堡、荷兰、新西兰、西班牙、瑞士和美国这些国家使用,其他国家的客户下单的时候暂时无法使用。

默认将发货地址用作账单地址 use the shipping address as the billing address by default 这一功能则体现在下单付款流程中的最后一步,在付款页面,客户付款之前,会默认显示 Billing address same as shipping address。如果不同,客户可以点击Use a different billing address,然后再填写详细地址信息。

图片[19]-Shopify Checkout 结账页面设置 | 歪猫跨境 | WaimaoB2C-歪猫跨境 | WaimaoB2C

如果不勾选“默认将发货地址用作账单地址”的话,账单地址和发货地址都会展开,默认需要客户再提交一遍账单地址才能发货,这样操作的话就会比麻烦。

支付订单后

支付付订单后:勾选“仅自动对订单的 礼品卡 进行发货”或者“不要自动填充订单的任何订单项目”;Do not automatically fulfill any of the order’s line items。

是指当我们获取到一个新的订单时候,要不要自动把该订单标记为已经发货的状态。如下图所示,如果你选择自动发货的话,则所有的新订单的“发货”Fulfillment状态都会自动标记为“已发货”Fulfilled状态,即使你没有发货。所以建议大家选择DO NOT automatically fulfill any of the order’s line items, 这样所有的订单在发货之前都会以黄色背景标记为“未发货”Unfulfilled状态。只有你发货并在Shopify后台填写了运单号之后,该笔订单才会标记为“已发货”Fulfilled状态。

图片[20]-Shopify Checkout 结账页面设置 | 歪猫跨境 | WaimaoB2C-歪猫跨境 | WaimaoB2C

礼品卡因为是虚拟产品,客户下单之后,直接把礼品卡的信息通过电子邮件发给客户,所以,选择“仅自动对订单的 礼品卡 进行发货”也是可以的。

自动存档并隐藏订单

自动存档并隐藏订单 Automatically archive the order 建议勾选上,这样我们只需要看左侧边栏的“订单” Orders 后面的数字就知道还有多少订单没有发货。如果不勾选的话,“订单”Orders后面的数字则是你的Shopify网站所有的订单数量,不会随着发货订单数量的增加而对应的减少。

图片[21]-Shopify Checkout 结账页面设置 | 歪猫跨境 | WaimaoB2C-歪猫跨境 | WaimaoB2C

营销同意书设置 Consent for marketing 

营销同意书建议全部勾选。

图片[22]-Shopify Checkout 结账页面设置 | 歪猫跨境 | WaimaoB2C-歪猫跨境 | WaimaoB2C

邮件和短信营销,是说在Shopify网站前台付款页面要不要客户订阅我们的营销邮件和营销短信,建议将两项都勾选上。另外邮件营销提供的“预先选择选项”,也建议勾选,这样在付款页面邮箱地址的下方会出现文字 Keep me up to date on news and exclusive offers. 默认是勾选状态的。另外我们还可以点击上图右上角的“自定义复选框标签”链接,修改“Keep me up to date on news and exclusive offers”这一行的文字内容。如下图:

图片[23]-Shopify Checkout 结账页面设置 | 歪猫跨境 | WaimaoB2C-歪猫跨境 | WaimaoB2C

只有当邮件 Email 文本框下方出现文字提示 Keep me up to date on news and exclusive offers (或者其他我们自定义的文字内容) ,同时客户下单时是勾选状态的时候,后面我们才有权限向客户的邮箱发送营销邮件,否则强制发送营销邮件是发送垃圾邮件的行为。

勾选短信营销之后,在付款页面也会出现一个复选框和一行提示文字,提示客户接受短信营销之后会通过手机短信接收到订单通知和其他促销信息。不过在后台没有把短信营销默认勾选上的选项。也就是客户必须亲自勾选之后才会提交客户的手机号码到短信营销的列表里面。

另外,如果要做短信营销的话,最好按照Shopify的要求,在网站的服务条款中包含我们的短信营销是如何保护客户数据安全,会有哪些营销行为等等相关文字说明。

弃单营销邮件 Abandoned checkout emails

Shopify系统更新之后,弃单营销邮件的设置移动到了“营销自动化”页面。所以我们的教程也把“弃单营销邮件”的设置说明挪到了“营销自动化”。

图片[24]-Shopify Checkout 结账页面设置 | 歪猫跨境 | WaimaoB2C-歪猫跨境 | WaimaoB2C

弃单营销邮件 Abandoned checkout emails 是Shopify系统内置的挽救遗弃订单功能。当有客户到达了付款 checkout 页面,并且提交了邮箱信息但是因为各种原因,比方说网速问题,或者运费问题,税费问题等等最终没有完成付款的订单,这些订单数据都会存储到 Shopify 后台的“弃单” Abandoned checkouts 页面中。

图片[25]-Shopify Checkout 结账页面设置 | 歪猫跨境 | WaimaoB2C-歪猫跨境 | WaimaoB2C

当Shopify检测到有被遗弃的订单之后,它就会自动的给这些客户按照你设定的时间发送一封邮件,挽救他们完成订单的付款。你可以点击Customize email对挽救遗弃订单的邮件进行编辑,但是要有一定的修改代码的能力才行,如下图所示即为Shopify系统内置的挽救遗弃订单邮件的模版,你可以点击Preview预览邮件内容。

遗弃订单的挽救是提高我们网站转化率非常非常重要手段之一,建议完成相关的设置。

虽然这里建议启用,但是实际上目前Shopify系统自带的挽救购物车功能还是相对比较有限的,个人更推荐使用Mailchimp挽救遗弃订单或者Klaviyo挽救遗弃订单功能挽救未付款的订单。如果你使用其他邮件营销系统挽救遗弃订单,则建议关闭Shopify后台的挽救购物车功能。

订单状态页面设置 Order status page 

订单状态页面设置可以在客户下单成功之后的“Thank you”页面添加我们想要显示的内容。比方说,做一个小问卷调查看看客户是如何找到我们的;或者根据客户下单的产品,显示对应产品的使用说明视频或者说明书的下载链接;等等。

图片[26]-Shopify Checkout 结账页面设置 | 歪猫跨境 | WaimaoB2C-歪猫跨境 | WaimaoB2C

不过,自定义脚本的内容需要一定的代码知识。如果不懂代码,可以不填,或者按照我们的需求去Shopify官网或者Google上找别人的代码,把其中的内容改改放到这里。如果网上没有现成的代码片段,也可以在Fiverr上找人帮忙按照我们的需求写出代码。

结账页面语言 Checkout language

在这里并不能直接修改Shopify网站前台结账页面语言。而是在语言页面设置的。

图片[27]-Shopify Checkout 结账页面设置 | 歪猫跨境 | WaimaoB2C-歪猫跨境 | WaimaoB2C

点击上图中的“管理结账页面语言”按钮之后,打开的是如下图所示的系统语言设置。在这个页面,我们可以随意修改Shopify网站系统显示的文字内容。这些文字内容会显示在前台给客户看,所以如非必要,建议不要修改。同时建议,修改之后,也去网站前台看下实际的显示效果,防止出现错误。

图片[28]-Shopify Checkout 结账页面设置 | 歪猫跨境 | WaimaoB2C-歪猫跨境 | WaimaoB2C

ok,再次回顾下Shopify 付款页面 Checkout 所有的设置选项:

  • 客户账户建议设置为:“账户登录(可选)” Accounts are optional;
  • 客户联系方式建议设置为:“邮箱”;
  • 显示下载“Shop应用”的链接可选可不选;
  • 客户信息全名:“需要姓氏和名字”;
  • 客户信息公司名称:“不包含”或者“可选”;
  • 客户信息地址行2(公寓、单元等):“可选”;
  • 客户信息收货地址电话号码:“必填”;
  • 建议勾选“在结账时显示小费选项”;
  • 客户结账时:勾选 “默认将发货地址用作账单地址”和“使用地址自动填充功能”;
  • 支付订单后:勾选“仅自动对订单的 礼品卡 进行发货”或者“不要自动填充订单的任何订单项目”;
  • 订单已发货且付款后,或是已为所有商品退货时:勾选“自动存档并隐藏订单”;
  • 营销同意书建议全部勾选。
图片[29]-Shopify Checkout 结账页面设置 | 歪猫跨境 | WaimaoB2C-歪猫跨境 | WaimaoB2C
© 版权声明
THE END
喜欢就支持一下吧
点赞26 分享
评论 共16条

请登录后发表评论

    • 头像Alfred0
    • 头像yibo0
      • Conway的头像-歪猫跨境 | WaimaoB2CPro 永久会员Conway徽章-元老玩家-歪猫跨境 | WaimaoB2C等级-LV8-歪猫跨境 | WaimaoB2C作者0
    • 头像llll0
    • 头像Vegiee0
      • Conway的头像-歪猫跨境 | WaimaoB2CPro 永久会员Conway徽章-元老玩家-歪猫跨境 | WaimaoB2C等级-LV8-歪猫跨境 | WaimaoB2C作者0
      • Conway的头像-歪猫跨境 | WaimaoB2CPro 永久会员Conway徽章-元老玩家-歪猫跨境 | WaimaoB2C等级-LV8-歪猫跨境 | WaimaoB2C作者0
      • Conway的头像-歪猫跨境 | WaimaoB2CPro 永久会员Conway徽章-元老玩家-歪猫跨境 | WaimaoB2C等级-LV8-歪猫跨境 | WaimaoB2C作者0
      • Conway的头像-歪猫跨境 | WaimaoB2CPro 永久会员Conway徽章-元老玩家-歪猫跨境 | WaimaoB2C等级-LV8-歪猫跨境 | WaimaoB2C作者0