本条还可参阅:
您可以编辑结账页面的许多要素,从而确保客户最挂的购物体验程并提高店铺的转化率。

本文的主要内容:

A. 设置“创建新帐户”
B. 添加倒数和信任指标
C. 使用SiteKit应用添加退出意图弹出窗口
D. 使用Boost Convert应用显示结账通知
E. 使用Boost Up-sell添加配件
F. 添加用于重定向广告的跟踪代码

A. 设置“创建一个新账户”

若要提示访客结帐之前必须注册帐户并要他们成为忠诚客户,请设置“创建一个新账户”

- 在ShopBase后台管理,点击 设置 > 结账
- 在 客户账户 部分中,您可以选择 可选禁用 选项

B. 添加倒数和信任指标:

在结账页面中添加信任指标可以提高您店铺的信赖度,并树立品牌责任。
除此之外,显示计时器或库存倒计器时可以使客户产生FOMO感(害怕错过),从而鼓励客户购买您的商品。

- 在ShopBase后台管理,选择 在线电批 > 主题 > 自定义 > 结账页面 > 更多自定义 > 自定义JavaScript代码 > 保存
- 添加以下脚本

您可以更改内容和图片链接。有关更多详细信息,请查阅 此处.

var mins = 10;
var pSettings = {
highDemandImg: 'https://img.shopbase.com/files/10038432/2019/06/19/0x500@flame_24-aa8a1.png',
highDemandText: "An item you ordered is in very high demand. No worries, we have reserved your order so it doesn't run out of stock before checkout.",
// highDemandText: "An item you ordered is in very high demand.",

whyUs: [
{
img: 'https://img.shopbase.com/files/10038432/2019/06/19/0x500@money-back-6d3f8.png',
title: "60-day Satisfaction Guarantee",
text: "If you're not satisfied with our products we will rectify the situation immediately, no questions asked. Your satisfaction is very important to us.",
},
{
img: 'https://img.shopbase.com/files/10038432/2019/06/19/0x500@mail-truck-64e12.png',
title: "Over 34,245 successfully shipped orders",
text: "We made as many happy customers as many orders we shipped. You simply have to join our big family.",
}
]
};

!function(e){var n=!1;if("function"==typeof define&&define.amd&&(define(e),n=!0),"object"==typeof exports&&(module.exports=e(),n=!0),!n){var o=window.Cookies,t=window.Cookies=e();t.noConflict=function(){return window.Cookies=o,t}}}(function(){function e(){for(var e=0,n={};e<arguments.length;e++){var o=arguments[e];for(var t in o)n[t]=o[t]}return n}return function n(o){function t(n,r,i){var c;if("undefined"!=typeof document){if(arguments.length>1){if("number"==typeof(i=e({path:"/"},t.defaults,i)).expires){var a=new Date;a.setMilliseconds(a.getMilliseconds()+864e5*i.expires),i.expires=a}i.expires=i.expires?i.expires.toUTCString():"";try{c=JSON.stringify(r),/^[\{\[]/.test(c)&&(r=c)}catch(e){}r=o.write?o.write(r,n):encodeURIComponent(String(r)).replace(/%(23|24|26|2B|3A|3C|3E|3D|2F|3F|40|5B|5D|5E|60|7B|7D|7C)/g,decodeURIComponent),n=(n=(n=encodeURIComponent(String(n))).replace(/%(23|24|26|2B|5E|60|7C)/g,decodeURIComponent)).replace(/[\(\)]/g,escape);var s="";for(var f in i)i[f]&&(s+="; "+f,!0!==i[f]&&(s+="="+i[f]));return document.cookie=n+"="+r+s}n||(c={});for(var p=document.cookie?document.cookie.split("; "):[],d=/(%[0-9A-Z]{2})+/g,u=0;u<p.length;u++){var l=p[u].split("="),C=l.slice(1).join("=");this.json||'"'!==C.charAt(0)||(C=C.slice(1,-1));try{var g=l[0].replace(d,decodeURIComponent);if(C=o.read?o.read(C,g):o(C,g)||C.replace(d,decodeURIComponent),this.json)try{C=JSON.parse(C)}catch(e){}if(n===g){c=C;break}n||(c[g]=C)}catch(e){}}return c}}return t.set=t,t.get=function(e){return t.call(t,e)},t.getJSON=function(){return t.apply({json:!0},[].slice.call(arguments))},t.defaults={},t.remove=function(n,o){t(n,"",e(o,{expires:-1}))},t.withConverter=n,t}(function(){})});var defaultTime=mins*60;var cookieCode='checkout_start_ts';function formatSecs(secs){var m=Math.floor(secs/60),s=secs%60;if(m<10){m='0'+m}
if(s<10){s='0'+s}
return m+':'+s}
function currentTSs(){var date=new Date();return Math.round(date.getTime()/1000)}
function getStartTimestamp(){var timestamp=currentTSs();var startTS=Cookies.get(cookieCode);if(typeof startTS==='undefined'||(timestamp-startTS>=defaultTime)){startTS=currentTSs()}
Cookies.set(cookieCode,startTS,{expires:1});return startTS}
function addCountdownBlock(){setTimeout(function(){var ele1=document.getElementsByClassName('checkout-layout');if(ele1&&ele1.length===0){return}
var ele2=document.getElementById('order_count_down');var ele3=document.getElementsByClassName('os-order-number');if(ele3&&ele3.length>0){if(ele2){ele2.parentNode.removeChild(ele2);Cookies.remove(cookieCode)}
return}
if(ele2){return}
var date=new Date();var timestamp=currentTSs();var startTS=getStartTimestamp();var remainingSecs=startTS-timestamp+defaultTime;var content='<div id="order_count_down"><div class="high_demand_text" style="width:100%;display:table"><div style="display:table-cell;vertical-align:middle"><img src="'+pSettings.highDemandImg+'"></div><div style="font-weight:bold;padding-left:5px; color: #545454;">'+pSettings.highDemandText+'</div></div><div stlye="margin-top:8px;"><div id="ct836" class="checkout_countdown" style="display:block;background:#fff5d2;padding:10px 20px;border:1px solid #fac444;font-size:14px;color:#2c2c2c;font-weight:bold;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px; margin:5px 0px 20px 0px">Your order is reserved for <span id="time">'+formatSecs(remainingSecs)+'</span> minutes!</div></div></div>';document.getElementsByClassName('main__content')[0].insertAdjacentHTML('afterbegin',content)},500)}
function addAdBlock(){setTimeout(function(){var ele1=document.getElementsByClassName('checkout-layout');if(ele1&&ele1.length===0){return}
var ele2=document.getElementById('why-us');if(ele2){return}
var reasonsContent='';for(var i=0;i<pSettings.whyUs.length;i++){reasonsContent+='<div class="wyuscs" style="overflow: auto;margin-top: 16px;"><div class="wyuscs1" style="float: left;width: 20%">';reasonsContent+='<img style="max-width: 64px;" src="'+pSettings.whyUs[i].img+'"></div>';reasonsContent+='<div class="wyuscs2" style="float:right;width: 80%">';reasonsContent+='<span style="font-weight: bold">'+pSettings.whyUs[i].title+'</span>';reasonsContent+='<p>'+pSettings.whyUs[i].text+'</p></div></div>'}
var content='<div id="why-us" style="position:relative;padding:10px 0px;color: #666"><div class="wyustit" style="position:relative;z-index:1;text-align:center"><span style="background:#f2f2f2;padding:0 15px">Why choose us?</span><span style="position: absolute; height: 1px;width: 100%;top: 50%;background: #dfdfdf;left: 0;z-index: -1;"></span></div>'+reasonsContent+'</div>';document.getElementsByClassName('order-summary__sections')[0].insertAdjacentHTML('afterend',content)},500)}
function removeScriptOnLastStep(){setTimeout(function(){window.sbsdk.page.onContextUpdate(function(context){if(context.type==='post_checkout'){var ad=document.getElementById('why-us');var count=document.getElementById('order_count_down');if(ad){ad.remove()}
if(count){count.remove()}}})},600)}
window.sbsdk.page.onContextUpdate(function(context){if(context.type!=='post_checkout'){addCountdownBlock();addAdBlock()}})
removeScriptOnLastStep();window.sbsdk.$on('page_load',function(){window.sbsdk.page.onContextUpdate(function(context){if(context.type!=='post_checkout'){addCountdownBlock();addAdBlock()}})
removeScriptOnLastStep()});setInterval(function(){var timeElm=document.getElementById('time');if(timeElm){var timestamp=currentTSs();var startTS=getStartTimestamp();var remainingSecs=startTS-timestamp+defaultTime;if(remainingSecs<=0){startTS=Math.round(date.getTime()/1000);Cookies.set(cookieCode,startTS,{expires:1});remainingSecs=startTS-timestamp+defaultTime}
timeElm.innerHTML=formatSecs(remainingSecs)}},1000)


C. 使用Sitekit应用添加退出意图弹出窗口

- 在应用的信息中心>> 弹出 选项 >> 点击 创建新的弹出窗口
- 选择您弹出窗口的目标
- 点击 设计 以自定义弹出窗口的外观
- 在 设计 选项上编辑弹出窗口的内容
- 转到 设计 标签以更改弹出窗口的显示方式
退出意图:访问者即将退出页面时将弹出窗口。此选项最适合要转换离开的访客。
- 在定位上选择看到您弹出窗口的人
- 在转化中编辑“感谢”短信
- 将SiteKit与电子邮件服务提供商连接
- 设置全部之后,点击 保存并发布

D. 使用Boost Convert应用显示结账通知

- 访问ShopBase后台管理,点击 应用 > Boost Convert > 社会认同 > 弹出窗口类型
- 点击结账通知以打开小部件并自定义内容

E. 使用Boost Upsell添加配件

为您的客户提供更多相关商品和特别优惠,以增加销售量和平均订单价值。

- 从您的ShopBase后台管理,点击 应用 > Boost Upsell > 交叉销售 > 配件 > 点击创建报价
- 设置优惠券的名称和寄语
- 选择要捆绑销售的商品
- 为整个配件设置新价格(可选)
- 完成所有必填信息后,单击 提交报价

有关更多详细信息,请参阅 此处

F. 添加用于重定向广告的跟踪代码

设置创建新帐户为可选

倒数和信任指标

结账通知

相关文章:
如何从结账流程中跳过购物车页面?
如何选择三页结账或单页结账?
如何自定义结账流程?
如何禁用“加入购物车”按钮?
如何自定义购物车页面?
如何根据您的喜好自定义结账页面?
如何自定义感谢页面?
如何使您的客户更新其订单状态跟踪?
这篇文章有帮助吗?
取消
谢谢!