Whatsapp Widget: 4 Steps On How To Add WhatsApp Text Support To Your Website


WhatsApp text support widget image

There many ways which you can be reached as a web owner


On the internet today, there are many ways to message a site owner for some important reasons, it could be an immediate business negotiation, contract offer, or just about everything.

The diverse ways you could be reached are:

Phone call
WhatsApp etc, etc…

WhatsApp is one of the fastest and smoothest means to send and receive messages online, and even exchange document.

WhatsApp messenger is not covered that is because it includes nearly every feature the above-listed modes of reaching a web owner or you been reached as a web owner.




These features include.

WhatsApp phone calls
Video calls
Send documents or an attachment.
Send videos.
WhatsApp text.

WhatsApp has over 4.1 million active users daily, including this WhatsApp widget to your site will make it accessible for visitors and clients to reach you on any issue he/she wishes to take up.

Here you will understand how to add the WhatsApp text support widget to your site.

Follow this step-by-step guide to add the WhatsApp text support widget to your blog.

=>Step 1

Go to your blogger dashboard click on theme=>edit theme

=>Step 2

Search for the </body> code by pressing CTRL+F on your computer.

=>Step 3

after noticing the code </body>

Copy the below code and paste it before or above </body>

<!– whatsapp text support widget –><script type=”text/javascript”>    (function () {        var options = {            whatsapp: “+2347014974860“, // WhatsApp number            company_logo_url: “//static.whatshelp.io/img/flag.png”, // URL of company logo (png, jpg, gif)            greeting_message: “Hello, how may we help you? Just send us a message now to get assistance.”, // Text of greeting message            call_to_action: “Message us”, // Call to action            position: “right”, // Position may be ‘right’ or ‘left’        };        var proto = document.location.protocol, host = “whatshelp.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><!– /whatsapp text support widget –>

Read Also  How to change background color for custom templates

=>Step 4

Remove the phone number stated in green to your own WhatsApp registered number. Along with your state code.

And save the theme.

That’s all good luck and don’t forget to share this with your buddies.

Hand Picked for You:


Written by Yusuf Bitrus

I'm a Digi-Preneur, Affiliate Marketer, SEO intermediate and Blogger by heart.
I Help bloggers and business by writing and providing solutions digitally via my blogs, social media, and online/offline events.


Leave a Reply

Leave a Reply

Your email address will not be published. Required fields are marked *

This site uses Akismet to reduce spam. Learn how your comment data is processed.