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

chat widget for blogger,stylish chat button for blogger,add chat widget in website,how can i add chat button in blogger,blogger stylish chat widget

How to add chat button in blogger or website.

How to add chat button in blogger or website| Stylish chat Button For 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 -->  
 <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 = "", 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);  
 <!-- /Chat widget By -->  
  •  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 

Please Comment Me If want any topics.

You may like these posts

  1. To insert a code use <i rel="pre">code_here</i>
  2. To insert a quote use <b rel="quote">your_qoute</b>
  3. To insert a picture use <i rel="image">url_image_here</i>
Comment Which Topic You Want....