Shopify插件Frequently Bought Together如何修改购物车页面文字提示内容和显示位置

新注册Shopify账户可获得 14 天免费使用优惠 – 立即注册账户获取

在之前的Shopify插件 Frequently Bought Together (FBT) 设置教程中,推荐大家勾选 Skip Cart,让客户点击FBT板块中的按钮直接到达Checkout页面去下单的。最近想测试下购物车页面的各种 Upsell 策略,看如何更有效的提高客单价,摊薄广告成本,发现FBT插件会自动在购物车页面插入文字“Bundle discount will be applied at checkout”来提示客户,在FBT获得的折扣优惠,是在付款页面才会显示的,在购物车页面显示的是原价。

不过体验不是特别好的是,文字提示默认显示在购物车页面底部的Subtotal里。客户可能会因为看不到这行文字提示,而放弃继续下单。

因此,本篇教程带大家来了解,如何修改默认的FBT文字提示,并将其移动到购物车页面的顶部。

Frequently Bought Together修改购物车文字提示和显示位置

Shopify插件Frequently Bought Together如何修改购物车页面文字提示内容和显示位置

在Shopify后台APP页面打开Frequently Bought Together – Visual preferences页面,然后点击左侧图示底部的“Discount will be applied at Checkout”,在右侧就会出现针对这一文字提示进行的设置选项。Discount applied message 设置的是提示文字的显示内容,你可以在文字前面加个 Emoji, 让其在页面中更显眼。

点击下面的Change discount applied message location,修改提示文字在页面中的位置。

Shopify插件Frequently Bought Together如何修改购物车页面文字提示内容和显示位置

要修改文字提示在页面中的位置,你自己操作的话,需要稍稍懂一些HTML和CSS的知识,不懂也没有关系,直接点击页面中的 contact us, 给FBT的客服写一封邮件,告诉他你想要挪动的位置,他就会帮你完成设置的。

大学自学过一些CSS和HTML,所以能看懂简单的代码。

使用火狐浏览器或者谷歌浏览器,打开你的Shopify网站的购物车页面,然后,将你的鼠标放在你想要插入FBT文字提示的位置,右击鼠标,选择“检查”选项,就会出现如下图所示页面。当你点击下图底部查看器代码的时候,每选中一行代码,在上方网页中就会用蓝色高亮显示该代码在页面中所对应的位置,同时会显示该位置的元素名称,这个元素,也就是FBT设置选项中所需要的 element。如下图所示,我想要将文字提示插入到 Your Cart下方,产品上方,那么,在FBT设置选项中,就要把下图元素名称 “section.cartitems–container”填写到上图中的 location selector 文本框中,同时,Widget placement 选择 Before the selected element。(每个主题的元素名称都不一样)

改好之后保存,刷新购物车页面,就会发现,原来在底部显示的FBT文字提示,就插入到了你指定的位置了。

记得也要查看下移动端购物车页面是否也设置好了。如果移动端没有设置好的话,在FBT设置选项中也可以单独设置文字提示的显示位置。

未经允许不得转载:歪猫跨境 | WaimaoB2C » Shopify插件Frequently Bought Together如何修改购物车页面文字提示内容和显示位置

赞 (4)
新评论邮件通知
提醒
0 评论
Inline Feedbacks
View all comments
  • 关注公众号 “ WaimaoB2C ” 第一时间获取网站最新内容,了解跨境电商独立站圈内圈外每天发生的那些事儿,和20000+独立站卖家共同成长。

    $$$$$$$$ 每月 1 本书 $$$$$$$$
    2021年6月推荐 <Shopify Conversion Rate Optimization – The Ultimate Ecommerce Guide To Increase Sales From Drive-By Visitors In Shopify> 

    公众号回复信息“ scro ”获取本电子书下载链接。不想关注公众号的直接Google搜索书名,在搜索结果中同样可以获得电子书下载链接地址。另外强烈推荐去美国亚马逊网站上购买本书的纸质版或者Kindle版。<你也可以在跨境独立站学习资源推荐页面找到往月推荐的电子书,以及其他跨境独立站相关的学习资源>

    *推荐亚马逊购买正版Kindle电子书或纸质书籍,获取最佳阅读体验。本分享来自于互联网以及网友上传,网站内所提供的下载链接均为站外链接,版权归原作者以及开发商所有,网站本身不存储相关资源文件. 如侵犯到版权方,请发送邮件到 hello@waimaob2c.com,本站会在第一时间删除并向您道歉。

  • Shopify 新卖家账户注册注意事项-非常重要

  • Shopify新卖家注册账户前请务必认真阅读以下注意事项:

    注册前使用本地IP; 不建议使用 QQ,126,163邮箱注册账号
    打开Shopify官网 WWW.SHOPIFY.COM 获取 14 天免费使用
    注册账户时地址信息真实有效; 缴纳月租前使用本地IP