Headlines
Loading...
How To Add Live Chat Buttons In Blogger Websites

How To Add Live Chat Buttons In Blogger Websites

 

Live chat to blogger website! have you ever thought about it that helps for your website interaction with your audience which results in the increases of your revenue and trust by your audience

How To Add Live Chat Buttons In Blogger

Anyhow, we are going to add two specific social media live chat addons in The first one was Facebook and the second one was WhatsApp sometimes users are available only in WhatsApp some other users are available on Facebook we can also, add more social media platforms but most of the users are available on Facebook and WhatsApp so we are going with these platforms. Moreover, I want to specifically mention one thing there are a lot of websites are available for a live chat with a pricing list which means they will charge for live chat addon plugins but in this post, I am showing you how to add a live chat addon plugin for free of cost with unlimited features

So you may think that how it will work yeah you will get a lot of questions there are a lot of websites doing for money but this guy was showing with free of cost what was the behind the reason, you will get it soon. So don't worry guys after going through this post you will get some clarity about that and before that, I am also mentioning my video if you are not able to understand this post you can watch the video at end of the post. So first of all www.getbutton.io is the website that will allow creating WhatsApp and Facebook live chat addon for free so don't be in getting hurry because if you missed anything in this post it will lead you to crash your website so please follow the step by step process with the following post and images.

After going to the website, you can see the get button option after clicking on that, you have to choose the messaging apps as before I said you can choose multiple platforms like Messenger WhatsApp, Viber, snapshot, Line, Telegram, VK, SMS, and also you can get call action button which leads to open the dialler, Messaging app, and Instagram

But we have to just choose WhatsApp and Facebook messenger so just we are targeting the common platforms to chat with our audience. 

So you can think about how can we add those platforms just by clicking on the icons as shown in the image we can able to add those social media platforms

So we are going to add Facebook live chat button so we have to get the URL of the Facebook page and paste it into the messenger id as shown in the image if you are taken the custom page URL so beneath that you can see an option called to get my Facebook page id so after clicking on that paste the URL and click on get id automatically it generates the id

Now we are going to the add WhatsApp addon also for this we have to specifically, mention +91

Because it was an Indian numbering starts with if you are non-Indian you can see other options like Saudi +966 or America +1 etc., you can choose as shown in the image

How To Add Live Chat Buttons In Blogger Websites

And after that, you can customize the button like you want to put the button left side or right side but here you can see one of the minus points I can say if you want to add your company logo you have to get the pro feature which means it asks you to pay the amount {$2,49/month} indirectly

But anyhow we are not going to take so after that we can see the color option position call to action and WhatsApp pre-filled message option which was optional but if you want to write you can write it

After that, you can see an options list generate x2 more chats and sales with pro features to activate this feature we have to pay $2,49/month, and also you can pay annually if you want it so most of us don't want to prefer to buy these anyhow, we can skip these options list after that.

 How To Add Live Chat Buttons In Blogger Websites

Here it was the third step in this website to add the code to your website they will ask for our email id to send the code to your email. Share my suggestion is we have to uncheck this option subscribe for getting button updates & tips because your mailbox will be fulfilled with this mail which can totally irritate or distract you if you want to get an update of this so it better to check the option.

How To Add Live Chat Buttons In Blogger Websites


After clicking on the get button it will show you some JavaScript code which we have to paste the code in the template before the body tag {copy and paste this code before the </body> tag on every page of your website } or you can choose layout by adding the widget called HTML / JavaScript you can paste the code in that widget also and save it

How To Add Live Chat Buttons In Blogger Websites


My suggestion is better to go with the editing in the template and before doing this process I will definitely suggest you download the theme for backup purposes.

Blogger dashboard >>> theme >>> customize >>> back up >>> download>>> it means you’re in a safe zone if your blog gets crashed if you have done any mistakes after that repeat the process as shown in the image

 How To Add Live Chat Buttons In Blogger Websites

 

Blogger dashboard >>> theme >>> customize >>> edit HTML >>> press ctrl + f enter </body> after finding this code paste the code of get button.io before the </body> tag as sown in the image and click on save option

 

How To Add Live Chat Buttons In Blogger Websites

How To Add Live Chat Buttons In Blogger Websites

Conclusion

Facebook chat and WhatsApp gadget assist your online business with speaking with your visitor continuously and increases your branding and trust toward your guest.