{"id":603,"date":"2021-05-02T03:29:31","date_gmt":"2021-05-02T03:29:31","guid":{"rendered":"https:\/\/www.bloggingmafia.com\/?p=603"},"modified":"2021-07-28T07:00:07","modified_gmt":"2021-07-28T07:00:07","slug":"how-to-add-whatsapp-chat-widget-in-blogger-blog","status":"publish","type":"post","link":"https:\/\/bloggingmafia.com\/how-to-add-whatsapp-chat-widget-in-blogger-blog\/","title":{"rendered":"How to Add WhatsApp Chat Widget in Blogger Blog"},"content":{"rendered":"\n
Want to Add a WhatsApp Chat Widget in your Blog for Customer Support? Just follow these simple steps and Copy pest below codes and you will good to go.<\/p>\n\n\n\n
This is a Simple floting WhatsApp Chat Widget Code, a 1 click WhatsApp Chat Button. To Add this widget simply follow below steps.<\/p>\n\n\n\n
Don’t forget to change the demo number +910011223344<\/strong> with your own WhatsApp Number<\/p>\n\n\n\n<!-- GetButton.io widget -->\n<script type=\"text\/javascript\">\n (function () {\n var options = {\n whatsapp: \"+910011223344\", \/\/ WhatsApp number\n call_to_action: \"Message us\", \/\/ Call to action\n position: \"left\", \/\/ Position may be 'right' or 'left'\n };\n var proto = document.location.protocol, host = \"getbutton.io\", url = proto + \"\/\/static.\" + host;\n var s = document.createElement('script'); s.type = 'text\/javascript'; s.async = true; s.src = url + '\/widget-send-button\/js\/init.js';\n s.onload = function () { WhWidgetSendButton.init(host, proto, options); };\n var x = document.getElementsByTagName('script')[0]; x.parentNode.insertBefore(s, x);\n })();\n<\/script>\n<!-- \/GetButton.io widget --><\/code><\/pre>\n\n\n\n
#2 Method: Full WhatsApp Chat Chat Widget<\/h2>\n\n\n\n