如何把Facebook的like功能做到shopify页面

作者:shopify facebook 浏览次数:777 发布时间:2018-12-24
今天Shopify教程网说下facebook的like功能,Facebook用户可以通过点击按钮对你的facebook page做出喜欢关注的行为,对于用户开发,精准营销,需求挖掘等等商业行为有很大帮助。
 
Facebook like功能

添加facebook like到shopify页面

AddThis插件版,Facebook原生版,两个版本各有各的好处。

AddThis免费,选择样式,生成,安装代码即可。

原生版呢,正宗的Facebook产物,需要代码基础,不过也不难。

AddThis版

注册AddThis,Addthis这个功能还是很强大的,有分享,关注,订阅等等网页工具。
选择Follow Button,选择Follow的样式类型,然后添加对应的社交账号名称,设置风格,保存,选择程序Shopify 按照引导安装即可。(
shopify页面加入Facebook like功能》

这里只粗略一说,因为我感觉这个工具并不能把懒惰的习惯最大化,做出来是点击进入Page,然后再like的动作,但是样式风格还算好看
,看个人喜好吧。而下面我要说的原生版则不同,更为方便,切展示风格原汁原味。
Facebook like功能
 

Facebook 原生版

我们先打开https://developers.facebook.com/docs/plugins/like-button
这里面他已经给出了教程,操作很简单,添加上你的facebook
page链接,然后调整样式,获得代码。(
Facebook如何开通店铺功能连接Shopify?》


代码分为两个部分,上面的安装代码位置是theme.liquid文件内的上放即可。
第二段代码要放置在你想显示Like按钮的位置,我这
里举例产品页面,我们放到描述的底部。

位置查找方法,先打开Templates文件夹内的product.liquid,这里面一般会引用Sections文件夹内的product-Template.liquid之类的名称
如:{% section "product-Template" %};

有的会直接或者再引用Snippets文件夹内内的product-Template.liquid之类的名称,如:{% include 'product-Template' %};
我们打开
这个代码文件后,Ctrl+F查找哪个文件里面有(itemprop="description"),点击这段代码,会有橘黄色高亮显示,然后下面代码结束位
置也会有一个代码高亮显示。那么我们就在这个代码下方放置第二段代码,即可保存刷新查看效果。

有些模板有多个描述布局,也就是搜索itemprop="description"的时候是多个,那么我们随便放置查看效果,如果不行我们换另外一个。
这个Like的好处是,如果你登录了点击下直接Like,如果没有登录,他它会一个小窗口登录即可;它还可以展示你朋友圈内Like这个Page
的用户,一个很容易获得用户信任值的小细节。

如何把Facebook的like功能做到shopify页面,上面的做法希望对你们有用。有问题可以直接问SHOPIFY教程网客服。
建站客服建站客服
交流QQ群交流QQ群
QQ交流1群
QQ交流1群
627102802
热门文章

热门文章

广州联雅网络科技有限公司 UEESHOP©版权所有 粤ICP备10215284号 网站地图