Frequently Bought Together (FBT) 设置教程

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

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

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

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，修改提示文字在页面中的位置。

要修改文字提示在页面中的位置，你自己操作的话，需要稍稍懂一些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设置选项中也可以单独设置文字提示的显示位置。

Leave a comment 取消回复

您的邮箱地址不会被公开。 必填项已用 * 标注

Your Comment:

在此浏览器中保存我的显示名称、邮箱地址和网站地址，以便下次评论时使用。