How to Add a WhatsApp Contact Button to Your WordPress Site With

This article was researched and written by our experts using our in-depth Analysis Methodology.
When it comes to user support for your WordPress site, it's important to offer contact options that are familiar and accessible to your audience. In this post, we'll introduce you to and explain how you can use it to integrate WordPress with WhatsApp and provide stellar customer service.
Table of Contents
WP Engine High Performance Hosting
BionicWP Hosting

Providing top-notch support to your website users is a must. However, it can be tricky to find the best channels for connecting with them, especially if you have an international audience. WhatsApp and offer a solution.

In this article, we’ll discuss the benefits of WhatsApp and integrating it with your WordPress site. Then we’ll walk through how to do just that using Let’s dive in!

An Introduction to WhatsApp and

WhatsApp is a messaging app available for mobile and desktop:

The WhatsApp home page.

As a support channel, WhatsApp is useful because it is fairly well-known worldwide, enabling you to reach your international user base from a single platform. It also offers voice and video calling, which enables you to offer voice call assistance globally – a tricky undertaking with a traditional phone line. is a WordPress plugin that enables you to add a floating WhatsApp contact button to your site:

The home page.

Users will easily be able reach out to you simply by clicking on this button. It’s translation-ready, supports Right To Left (RTL) languages, and is compatible with WPML and Polylang.

The free version enables you to set up your WhatsApp button and create conversation start messages. If you upgrade to the premium version, you can add multiple contact channels (like Telegram, Facebook Messenger, FaceTime, Skype, and more), support agents, specify your working hours, CTA Extras to drive leads from caption to conversion, and even integrate a chatbot. All addons are compatible with each other and you can also establish a WhatsApp marketing strategy!

How to Add a WhatsApp Contact Button to Your WordPress Site With

Now that you have an idea of what WhatsApp and can do, let’s take a look at how to set them up. Below, we’ve walked through the plugin’s primary settings to show you the basics.

Note that we’ll be using the free plugin, but the initial setup for the premium version should be the same. For help configuring additional channels and agents, check out’s documentation.

Step 1: Configure Your Button Settings

Once you install and activate, navigate to Settings > to start setting it up. First, you’ll need to configure the settings for your WhatsApp button.

In the General tab, add the phone number associated with your WhatsApp account under Button:

The WhatsApp button settings.

You can then modify the rest of the settings to:

  • Specify the default first message you’ll receive when users contact you, which may include information such as which page they’re reaching out from
  • Change the WhatsApp button image and tooltip text
  • Position the button on the left or right side of the screen

You may also specify the delay time between when a visitor lands on a new page and when the WhatsApp button appears:

The WhatsApp button delay option.

Additionally, you can choose whether the WhatsApp button should be visible on mobile devices, and if the platform should open on desktop devices automatically.

Step 2: Customize Your Chat Window

Next, you can customize your Call To Action (CTA) chat window. This is the small popup users will see before they are directed to WhatsApp:

An example of a chat window.

In the General settings tab, scroll down to Chat Window and add your custom CTA:

The chat window settings.

You can then customize the look of your chat window, including:

  • The chat window button text
  • The theme color
  • Whether dark mode should be enabled
  • Which header option you prefer (, WhatsApp, or custom)

Then, specify when you want your chat window to become visible:

The chat window delay options.

If a user clicks on your WhatsApp button before the time delay or page view minimum you’ve set, it will take them directly to WhatsApp instead of displaying the chat first.

Otherwise, the chat window will open automatically after the set amount of time or page views you specify here. You can also choose to display a notification icon next to your WhatsApp button instead of opening the chat window.

Make sure to save your changes before moving on.

Step 3: Set Your WhatsApp Button’s Visibility Options

After you’re happy with your general display settings, click over to the Visibility tab:

The visibility settings.

Here you can select which page(s) you want to show your WhatsApp button on. By default, it’s visible everywhere.

The optimal configuration here will depend in part on what type of site you’re running. For example, if you have an e-commerce site, we recommend making your WhatsApp button visible on singular posts and pages so shoppers can easily ask questions about specific products.

However, you may want to hide the button on blog posts so as not to detract from the reading experience. The main thing to keep in mind is that you want users who need help to be able to contact you with ease. Include your button on the pages where they’re most likely to want guidance.

Again, make sure to save your changes before leaving this screen.

Step 4: Modify Page-Specific Display Settings As Needed

The settings in the steps above apply to your site globally. If there are certain pages you want to exempt from these options, you can do so from the WordPress editor.

Navigate to the relevant post or page and open it in the editor. You’ll find settings in the options to right:

The page-level options for

You can change the phone number, CTA, first message, and visibility settings for this post or page here. These options are also available for custom post types such as WooCommerce products.

Simply click on the Update to save your changes.


Connecting with your users and providing quality support is essential for growing your brand. WhatsApp is an excellent channel for accomplishing both of these aims, especially if you have a global following.

In this article, we demonstrated how to use to integrate your WordPress site with WhatsApp in four steps:

  1. Configure your button settings.
  2. Customize your chat window.
  3. Set your WhatsApp button’s visibility options.
  4. Modify page-specific display options as needed.

Integrate your WordPress site with WhatsApp and connect with your users.

Get started today!

Do you have any questions about Ask away in the comments section below!

Will Morris

Will Morris is a staff writer at WordCandy. When he’s not writing about WordPress, he likes to gig his stand-up comedy routine on the local circuit.

Discover more from our archives ↓

Popular articles ↓

Share Your Thoughts

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

Claim Your Free Website Tip 👇

Leave your name, email and website URL below to receive one actionable improvement tip tailored for your website within the next 24 hours.

"They identified areas for improvement that we had not previously considered." - Elliot

By providing your information, you'll also be subscribing to our weekly newsletter packed with exclusive content and insights. You can unsubscribe at any time with just one click.