BACK

how do i add a facebook like butto to my shopify store

How to Add Facebook Chat on your Shopify Store 2022 alright hey everyone again,Edwin here from resol

Rezolutions Design

Updated on Apr 01,2023

How to Add Facebook Chat on your Shopify Store 2022

The above is a brief introduction to how do i add a facebook like butto to my shopify store

Let's move on to the first section of how do i add a facebook like butto to my shopify store

Let TThunt's experts help you find the best TikTok product on your Shopify business!

Find TikTok products (It's Free)
No difficulty
No complicated process
Find winning products
3.5K Ratings

WHY YOU SHOULD CHOOSE TTHUNT

TThunt has the world's largest selection of TikTok products to choose from, and each product has a large number of advertising materials, so you can choose advertising materials for TikTok ads or Facebook ads without any hassle.

how do i add a facebook like butto to my shopify store catalogs

How to Add Facebook Chat on your Shopify Store 2022

alright hey everyone again,Edwin here from resolutions designed,coming at you with another brand new,tutorial in this tutorial what I'm gonna,teach you guys is how to add a facebook,Messenger chat bubble into your Shopify,store and on this example we're going to,use this website for our point that,we're going to crave for today if you're,brand new to the channel please smash,that like button very important and,press subscribe because this will help,me out make more videos like this in the,future so that you go ahead and continue,building out your Shopify store without,paying any developer so think of it as,I'm your virtual developer all I ask,instead of money is a smash to the like,button and subscribe okay before we go,ahead and begin all of our clients that,hire us right I always like to give them,a shout out I like to give him a shout,out because you know they look out for,us and many of them actually come from,the YouTube channel you know they say,hey ed I like what you do in the videos,I read that you do it you know cuz like,what you do and so this is one of our,clients she just launched very very,recently we're very happy to see her,website go live and it's there's the,owner right there give her a shout out,Ashley Lopes her store is finally live,and she's able to sell some products,that's a shout out to us right there,resolution is designed so I want to say,Ashley thank you very much for hiring us,we hope very much success for you and,the years to come let's continue down to,the tutorial okay so you have a Shopify,store already set up we want to add that,bubble go to Facebook make sure that,your facebook page is set up properly,then once you go here click where it,says settings click on settings once,you're on settings you're gonna go right,here where it says messaging,and on messaging we're gonna go ahead,and scroll down and we want to add,messenger to your website right here,let's go ahead and get started,this dialog is gonna appear we're gonna,go ahead and press next from here we're,gonna have kind of like a preview as to,what this is gonna look like by the way,guys is not gonna cost you any money,that don't worry about those Shopify,apps that says put a bubble here don't,this works very very good and it's free,I know you guys like the word free I,like the word free right if you like,free smash that like button anyways so,we have the bubble right here this is,how it's gonna look like if you guys,want to change the language what do you,want it to say in the beginning you,could change that out right here change,the greeting right we're gonna go ahead,and leave it as is let's continue press,next from here you have the ability to,change the actual colors of how this,bubble is gonna look like okay so with,me and my clients whenever we handle,this type of work I like to stay within,the branding colors of the business,because it just makes sense and so,because of that I'm gonna go right ahead,and take a screenshot of this little,corner right there the screenshot tool,is by the way from Mac and you can see,that we have kind of like yeah there it,is so I'm gonna go ahead and find that,color code by using this website right,here called HTML color codes there's the,link right there I'll try to see if I,can add it on the description we're,going to go ahead and upload that,screenshot and there it is right and,with my mouse I am going to hover inside,of the actual box and there goes my,color code I'm gonna triple click on,that right click copy grab that color,code now I'm going back to this,interface here I hope I'm not going too,fast for you guys if so please rewind,we're gonna go right here and replace,that color,I'm gonna press paste if I could press,paste look at that I messed up oh no all,right he would go again let's try it,copy,paced see the green there it is green is,money right let's continue I will go,ahead and press next cuz I like how that,looks,and then here make sure that you put,your URL mine's didn't show up right but,by default this is going to be blank so,go into your Shopify store and make sure,that your domain is obviously set up so,it looked kind of looks like this triple,click on that right click copy and paste,it right here and then press save make,sure you do that so before you even try,to copy this code go over here make sure,you put your URL make sure it's not the,dot my Shopify com make sure that make,sure it's the actual domain if you guys,don't know how to plug in your domain,I'll make a separate video for that and,press save once you press Save here now,let's focus on the code ok so what I'm,gonna do is I'm gonna hover over this,box and break anywhere you touch in this,box you just click on it and it copies,the code it just automatically copies,the code ok now let's go to the back end,of Shopify the first thing you need to,do is make sure that you go to if you,guys don't know where I'm at what I do,is I go to online store ok and I'm in,themes from here make sure you click on,actions and duplicate duplicate meaning,that whatever it is that you have right,now you're creating up backup,ok and then the backup it's gonna show,up right here because we're gonna do,some code edits ok so we're gonna make a,backup but the reason for that backup is,there in case you mess up you could,always use this one to overwrite,whatever messed up mistake you might,have done over here ok so before you,continue on this step make sure that you,go here and you press duplicate so that,this goes right here as a backup once,this backup is complete I know it's,gonna take a little bit of time,depending on how heavy your theme is,we're gonna go right here to where it,says actions and we're going to edit the,code we're gonna edit the code alright,now here we are to some things that we,might intimidate you guys don't let this,intimidate you okay,don't let this intimidate you we're,gonna click on right over here where it,says theme liquid and this is gonna show,up this is the theme liquid so in case,you guys can't see this I'm going to,click on right here to kind of expand,this a little bit and I'm gonna go on,dark mode because dark mode is cool,right not sure if you ever seen Shopify,on dark mode if you like dark mode smash,that like button okay so let's continue,so what we're looking for is pretty much,a tag that is called body because we're,gonna go ahead and body this code right,so I'm gonna scroll down and every theme,is different so don't think that what,you're seeing right now you're gonna see,it exactly on your theme in my case,typically body comes after the head,right so you could see the closing head,tag right there then right after that,comes body yours might come out,different but that's what you're looking,for the open right here there you see it,there so if you find your theme code,looking like this watch this if your,theme code is looking tight like this,what you're going to do is click on,right here press enter enter enter exact,times that's our answer and get some,space going you need some space to,breathe right that's what we're doing,here and then we're gonna go right click,and then paste that code that we brought,over from Facebook into here okay that's,what we want to let it breathe so we,could see it okay and once we do that on,the upper right hand corner right here,we're gonna go ahead,press save once we press save let's go,back into our website I always like to,keep a tab open so I could easily go,back and forth and then right here I'm,going to press refresh on this website,once I press refresh there goes our,bubble folks if you like that smooth,operator press that like button and,subscribe button because this helps me,it motivates me to create more great,videos and tutorials for you guys,I'm almost reaching as of today June,June 10th 2020,I'm almost reaching 3k subscribers I,want to say thank you so so much thank,you so much and I'm thinking about you,guys wanna know why check it out I have,separate notes of videos that I'm trying,to do I'm trying to do these type of,videos for you guys based on the,comments that you post so anything that,you guys want me to talk about as a,Shopify expert let me know in the,comments so that I could create videos,for you and break that down okay other,than that thank you very much be safe,peace

Congratulation! You bave finally finished reading how do i add a facebook like butto to my shopify store and believe you bave enougb understending how do i add a facebook like butto to my shopify store

Come on and read the rest of the article!

Browse More Content