How to add chat button in blogger or website| Stylish chat Button For Website|

How to add chat button in blogger or website.

Responsive Chat widget for blogger

Hello friends,Welcome back to "Saurabh Technology" blog.In this article we will know about, How can we add chat icon button of ,Instagram,Messenger,Telegram,Whatsapp,etc

in our Blog or Website and you can do this absolutely free Only you have to follow the steps.

• To add chat button in bloger or website follow the steps which is given below.

• These Steps are following:-

1. Login To Your Blogger/Website Dashboard.
2. GOTO Theme Option.
3. Click On Edit Html.
4. And,Now Search " </body> " Tag by Pressing  " CTRL+f " for windows or Anroids (If the Keyboard is Plugged in  your phone or Tablet) and for Mac os May be Command + Option + F ( i am not sure).
5. Copy the code which is given below.

  <!-- Chat widget By saurabhtechnology1.blogspot.com -->  
 <script type="text/javascript">  
   (function () {  
     var options = {  
       facebook: "102493934528202", // Facebook page ID  
       instagram: "youtube_saurabhtechnology", // Instagram username  
       call_to_action: "Chat With Saurabh", // Call to action  
       button_color: "#129BF4", // Color of button  
       position: "left", // Position may be 'right' or 'left'  
       order: "facebook,instagram", // Order of buttons  
     };  
     var proto = document.location.protocol, host = "getbutton.io", url = proto + "//static." + host;  
     var s = document.createElement('script'); s.type = 'text/javascript'; s.async = true; s.src = url + '/widget-send-button/js/init.js';  
     s.onload = function () { WhWidgetSendButton.init(host, proto, options); };  
     var x = document.getElementsByTagName('script')[0]; x.parentNode.insertBefore(s, x);  
   })();  
 </script>  
 <!-- /Chat widget By saurabhtechnology1.blogspot.com -->  

Note:-

•  Change " 102493934528202  " With your facebook page ID
• change " youtube_saurabhtechnology  "with your instagram USERNAME.
• change The colour of the Chat button by replace this code "#129BF4" from your desired colour.
• Change the position of chat button to replace " left " from " center " "right" ," left" .

6.Paste the copied code above the </body> tag.

7.Click on Save Template.

Now,you have succesfully added "CHAT" box in your website or Blog.

I hope you find this article helpful for you,if you have any problem regarding this then you can comment me or else message me on 

INSTAGRAM,TELEGRAM or Twitter.

Please Comment Me If want any topics.