How to add a WhatsApp contact widget/ button on your WordPress site

WhatsApp is the most commonly used instant messaging app all over the world because of its simplicity and user-friendly, and it’s obvious that more and more companies are beginning to realize the need to integrate this wonderful tool into their business. In other words, WhatsApp widget is an essential and powerful tool for your website to help customers to stay connected with your business and deal with their inquiries and requests.

With WhatsApp plugin that we are going to go through in today’s article, you can set up сhat on your site and it will promptly appear on your specific pages. You can personalize the plugin in terms of writing welcoming messages, choosing icons, and so forth. With the help of WhatsApp chat embedded on a web page, you will stay connected with your clients at anytime and provide instant support to them that really improves the customer experience.

In today’s post, we’ll show you the way to integrate WhatsApp button or widget into your WordPress site.

Are you ready? Let’s dive in.

How can you integrate WhatsApp on your WordPress website?

In your WordPress dashboard, go to Menu Plugins > Add new > Upload Plugin > Upload the plugin zip file you downloaded from CodeCanyon page > Activate it

image 1

Configure the plugin

After installation, we will have three main sections of the plugin as shown in the picture below:

  • Add New Account
  • Floating Widget
  • Settings


Okay, now let’s first go through the most important step called “Add New Account” before we display WhatsApp widget on our site.

1. Add new account

In this section, we can easily see 10 essential fields that we need to fill out in order to create a new WhatsApp account.

image 2

1. Account Name
The name of a member like Benjamin, Thomas, Will, etc.

2. Account Number or Group Chat URL

3. Title
Their job title, for example, Content Writer, Customer Support or Technical Support, etc. This title is displayed in the floating widget.

4. Predefined Text
This is the text message which is automatically generated when your customer approaches you for the first time.
For example, Hi, I’ve just visited [njwa_page_title], and I need some help. Here is the link: [njwa_page_url]. (Note: Do not enter any quotation mark in this field.)

image 3

5. Button Label

The greeting text of their shortcode button like “Need help? Chat via WhatsApp”



6. Time Availability
Working hours of the staff

7. Description Text When Offline (1)
On business days and before start times, this text is displayed as a countdown timer, for example, “I will be back in [njwa_time_work] hour(s).”

8. Description Text When Offline (2)
This text is displayed when it’s after working hours of business days and on days off, for example, I will be back on Mon – Fri, 08:00 – 17:30″

image 4

9. Button Style

button style

Here, you can personalize the WhatsApp button whatever you like. By default, in online status, the button has square borders, green background color with the text in white.

10. Avatar


You can set a profile picture for the account.

Voilà. And you’ve done creating your new WhatsApp account.

Easy enough, right?


Next up, let’s turn to the second section of this plugin called “Floating Widget” and set up some basic settings in order to let the WhatsApp widget float on your site. You can also personalize how the widget looks.

2. Floating Widget

Click on the search bar, and all accounts will be listed there. Click to select an account that you want to display.

floating widget

Then, moving on to the “Display settings” part for the purpose of configuring some essential characteristics of the widget.

display settings

You can customize attributes of the floating widget including title, subtitle, colors, and position.

This is how it looks on the front-end:

floating widget 1

Finally, you can go to the last section of this plugin, “Settings” to adjust some vital configurations like button style, button background color or button text color before displaying the WhatsApp widget on your site.


Ahhh, one more thing is that you can also display the widget on your WooCommerce store. Sounds awesome, isn’t it?


After going through creating a new account and adjusting configurations of this plugin, the WhatsApp widget will look like this on your site.


Pretty cool, huh?

And now you can stay in contact with customers and enhance your customer satisfaction that leads to the improvement of your business reputation.

Okay, now over to you – do you think WhatsApp chat button is a feasible way to improve customer experience and prestige of business? Do you have any experience of using this? Please share with us in the comment section below. We’d love to hear all your valuable feedback.

Thank you for being with us, and if you have any inquiries, feel free to reach us at NinjaTeam Support Center

9 Best WhatsApp WordPress plugins

Are you trying to achieve more or better exposure for your blog posts or website? If you want a proven way to attract more traffic to your site or blog, you have to connect it to various social networking sites. Doing this is easy when you use WordPress, due to the wide array of WhatsApp plugins that are now available.

Keep in mind, if you ever reach a point where you believe you have too many old, out-of-date apps installed, application rationalization can help by updating or eliminating unneeded or outdated apps you still have installed.

Keep reading to learn about the top WordPress WhatsApp plugins you can use today to help achieve your goals and propel you towards success.

1. WhatsApp Chat WordPress

whatsapp chat for wordpress

WhatsApp is a massively popular tool. Once you integrate WhatsApp into WordPress, you can allow the service’s billions of users to connect with you and share your content through WhatsApp.

WhatsApp Chat WordPress is a simple and user friendly WordPress chat plugin that brings WhatsApp experience to your websites and allows you to directly chat with clients via WhatsApp in your WordPress website.

This plugin allows you to integrate your WhatsApp experience directly into your website. WhatsApp Chat WordPress is definitely your next secret weapon to help connect and interact with your clients anytime, anywhere by providing support promptly as well as strenghthening customer loyalty.


There are many features to focus on, with some of my favorites including:

  • Support multiple accounts
  • Easily personalize
  • Shortcode include
  • No coding required

After installation, you can personalize where to put the WhatsApp widget or button on your WordPress site. It can be showed up on all pages or only desired pages you set.

After installing the plugin, you have all settings in hand to customize a WhatsApp widget or button on your WordPress site by adding member accounts or support agents with phone numbers or group chat links.

WhatsApp Chat WordPress is a lightweight yet configurable WordPress help chat plugin that makes it easier to integrate a floating WhatsApp chat button into your WordPress site. It will always stay at the bottom of the webpage no matter how you scroll down or up the website.

whatsapp chat ninja

Let’s join in conversations with your customers anytime anywhere and give it a try today! 

2. The WhatsApp Contact Button

whatsapp contact button

The name says it all. Designed specifically for WordPress, the WhatsApp Contact Button is a smart plugin that is simple to use and that helps users create an instant chat setup with WhatsApp.

The prime benefit of this plugin is to help you add WhatsApp button to your WordPress webpages with an extremely user-friendly and a easy-to-use user interface.whatsapp contact button

The plugin also comes with 8 different animation effects and supports much personalization like changing fonts, icons and colors. It also features mobile adaptability and works well with any WordPress theme.

Some of the things that I like about this plugin include:

  • Works with any theme.
  • Customizable style of button and popup window.
  • Cross browser support.
  • Mobile adaptive.
  • Simple and Friendly user interface.
  • Shortcode support.

3. WordPress WhatsApp Support

WP Whatsapp support

The WP WhatsApp plugin lets you integrate your experience with WhatsApp into your website. It is the ideal way to not only connect, but also interact with your customers. With the app, you can provide direct support, while building trust and increasing your customer loyalty levels.

Once the plugin is installed, the features are impressive. It provides support for multiple accounts, it’s easy to customize, no coding required, provides support for WPML, and the shortcode is included.

4. WP WhatsApp Button

wp whatsapp button

WhatsApp Contact Button is an easy-to-use WordPress plugin which can create chat with you at WhatsApp.

The WP WhatsApp button plugin is a unique option, as it provides users access to 10 templates and 10 hover animations. The tool is shortcode-ready and it is compatible with users on both mobile devices and desktop computers. The main features include a choice between an eight-button position or sticky button, color customization, and a text enable option.

There are many features to focus on, with some of my favorites including:

  • Works with any theme.
  • Customizable style of button and popup window.
  • Cross browser support.
  • Mobile adaptive.
  • Simple and Friendly user interface.
  • Ease to use.

5. Cresta WhatsApp Chat

cresta whats chat

With Cresta Whats Chat, you can allow your audience easily contact you via WhatsApp by simply clicking on a button. Now, you can forget the complexity of multiple button presses.

It also comes with a mobile version, which allows you to open your WhatsApp automatically. Users may contact you directly in private messages on your WhatsApp number and continue the conversation on WhatsApp web or WhatsApp application (from mobile). One of the features of the pro version of Cresta WhatsApp Chat is to include an option to change the size or colors of the box buttons, or to include several animations.

6. Click to Chat for WhatsApp

click to chat for whatsapp

Another customizable option is the WordPress WhatsApp plugin called Click to Chat. With this, you can see the details of each team member you have. But that’s not all. It also allows you to use page targeting features and have specialized buttons for any WooCommerce pages on your site. You can also find options that allow you to change the language, text, themes, and color.

My top favourite features include:

  • WhatsApp Chat
  • WhatsApp Group Chat
  • Nine pre-configured Styles
  • Add Own Image or GIF
  • Floating style can position at any place on the screen
    (at any pixel of the screen, not limited to fixed positions)

7. Social Warfare

social warfare

If your goal is to increase the traffic going to your blog or website, the Social Warfare plugin is a smart option. The premium version of this plugin includes several features, such as text customizations, network integrations, short links, custom designs, and more. This particular option also provides content protection.

You can pick up from the top social networks sharing buttons including:

  • Facebook
  • Twitter
  • Google+
  • Pinterest
  • LinkedIn

You can also choose where you want the share buttons to show up with the following positions:

  • Above the post content
  • Below the post content
  • Both above and below the post content
  • None (or) Manual placement

Get more social shares which can lead to more website traffic with the best WordPress social sharing plugin!

8. WhatsApp Me

whatsapp me

WhatsApp me is a simple-to-use plugin that adds a clean-looking WhatsApp icon to the bottom-left or bottom-right corner of your site.


Or, you can display more of WhatsApp button with various customization options. Here’s how it looks:


9. Ultimate Contact Buttons


When it comes to premium plugins, this is considered one of the best. Ultimate Contact Buttons features more than 10 different designs, along with 10 different animation effects. The other options provided by this plugin include buttons, tooltips, and color customization. All these help to make this plugin especially engaging and attractive to users.


This can be seen on of the best plugins to help you connect multiple communication channels, namely Viber, WhatsApp, Messenger and Skype in your WordPress website.

The plugin also comes with 10 pre-designed button templates, 10 hover animation effect and 8 different positions for button placement – you can insert the contact buttons in anywhere you want. Also, this plugin is equipped with a great deal of interesting features such as color customization, sticky buttons, and tooltips helps make the contact buttons more fun and engaging. Plus, the chat button option for Messenger and Skype enables customers to maintain contact with you even you’re offline.


No coding needed! All you need is just 5 minutes setup and configuration! It works perfectly with all ‘well coded’ themes!

WordPress and WhatsApp: A Smart Combination

Using WhatsApp with your WordPress site makes sense. This helps to encourage social sharing among your audience, and the apps listed here help to encourage this further. Make sure to read each of the options carefully to determine which of these is right for your site. You won’t be disappointed with the additional traffic it helps to drive to your site.

Do you have any experience with the plugins we have written about? What is your favorite? Any say about these? Please leave your comments down below.