Easy and Fast! Adding WhatsApp Chat to a WordPress Website

grepadmin
|
20 August 2025
Chat WhatsApp Website
Integrating WhatsApp into a WordPress website has now become a key necessity, especially to enhance interaction with visitors or potential customers. With the Click to Chat plugin from HoliThemes, this process becomes very easy, fast, and flexible.

WhatsApp has become one of the most popular communication tools in the world. Almost everyone now uses it for both personal and business purposes. It’s no surprise that many website owners, especially those using WordPress, want to integrate a WhatsApp chat feature directly into their site.

The goal is simple: to make it easier for visitors to contact the site owner or customer service with just one click through a WhatsApp button.

In this article, we’ll cover in detail and in a practical way how to add WhatsApp chat to a WordPress website, complete with cool features you can use and all of this can be done with a free plugin!

Why Add WhatsApp Chat to Your Website?

Before diving into the technical steps, let’s first understand why integrating WhatsApp is important for a website :

  1. Ease of Access : Visitors don’t need to manually search for a contact number. Just click the WhatsApp icon at the corner of the page and instantly connect with the website admin.
  2. Faster Response : Communication via WhatsApp allows website owners to respond quickly, in real-time, and in a more personal manner.
  3. Builds Trust : Having a WhatsApp icon gives the impression that your business is active and always ready to help.
  4. Boosts Sales Conversions : For e-commerce sites, this feature helps answer potential buyers’ questions before they proceed to checkout.

Choosing the Right WhatsApp Plugin

There are many WordPress plugins that offer WhatsApp integration, but after trying out several, one of the best and most recommended options is Click to Chat by HoliThemes

Chat WhatsApp Website Fitur

There are several reasons why this plugin is highly recommended for you, as it comes with some great features, including :

  • Free and lightweight
  • Customizable icon display
  • Ability to add automated messages
  • Support for both desktop & mobile
  • Compatible with WooCommerce
  • Option to display images, even GIFs

How to Install and Set Up the Plugin

1. Plugin Installation

The first step you need to do, of course, is to install the plugin. Here’s how :

  • Go to your WordPress Dashboard
  • Click Plugins > Add New
  • Search using the keyword Click to Chat
  • Make sure the plugin you choose is developed by HoliThemes
  • Click Install Now, then Activate

Chat WhatsApp Website Install Click to Chat

Once the plugin is activated, you will see a new menu called Click to Chat in the left-hand sidebar of your WordPress dashboard.

2. Basic Settings

To configure the basic settings, go to the Click to Chat menu and start by filling in some essential information :

  • WhatsApp Number : Enter your WhatsApp number (make sure to use the international format, e.g., +6281234567890). Every message from visitors will be sent to this number.
  • Pre-filled Message : This is an automatic message that appears in the chat box when someone opens WhatsApp via the icon. Example: “Hi, I’m interested in this product. Could you help me?” You can customize this text.
  • Call to Action (CTA) : A short text that appears when visitors hover over the WhatsApp icon. It could be something like “Contact Us”, “Need Help?”, or any other phrase.

3. Choosing Icon Styles

One of the best features of this plugin is the wide range of icon styles you can choose from, such as :

  • Style 1–8: Various basic icon designs
  • Style 5 & 99: Allows adding images or GIFs
  • Style 2: Classic green WhatsApp icon

In addition to choosing icon styles, you can also configure :

  • Icon position (bottom right, bottom left, etc.)
  • Margin and padding to adjust placement
  • Open WhatsApp in a new tab or the same tab

What’s even more interesting is that this plugin allows you to set different displays for desktop and mobile. For example, you can design a larger icon for mobile or even disable it on certain devices.

Greeting Feature (Welcome Message)

In addition to the WhatsApp icon, this plugin also provides a Greeting Box feature a small window that appears next to the icon, usually containing :

  • Agent’s photo
  • Agent/brand name
  • A welcome message (e.g., “Hello! We’re ready to help you.”)
  • A link to a specific page

You can design this greeting box yourself, change the background color, add a profile picture, and even link it to your website.

Adding a GIF to the WhatsApp Icon

This is an exciting option offered by the plugin. If you want your WhatsApp icon to stand out and grab attention, you can use a GIF file. The steps are very simple :

  1. Go to Media > Library, then upload the GIF file you want.
  2. Copy the GIF file URL.
  3. In the plugin’s Customize menu, select Style 9 or 99.
  4. Paste the image URL into the image field.
  5. Save changes, then refresh the page.

Now, your WhatsApp icon looks more lively, interactive, and unique. Easy, right?

Plugin Integration with WooCommerce

For those of you running an online store with WooCommerce, this plugin can be directly integrated into WooCommerce features, such as :

  • Product pages
  • Checkout page
  • Cart page
  • Catalog (shop) page

You can also set where the WhatsApp icon appears—before or after specific elements, for example :

  • Before the product name
  • After the price
  • Below the “Add to Cart” button

If the icon appears too close to other elements, you can add margin/padding to keep the display neat and professional.

Customizing Display Based on Pages

Another great feature of the Click to Chat by HoliThemes plugin is its flexibility, allowing you to display the WhatsApp icon based on :

  • Page types (home, post, page, archive, etc.)
  • Custom post types (like portfolio, events, etc.)
  • Specific categories
  • Specific post IDs

This means you can, for example, show the icon only on product pages but hide it on blog posts or display it only on the homepage. Very flexible, right?

This plugin is already powerful enough in its free version for most business needs. However, if you want access to more icon styles, working hours customization, more icon placement options, and premium support, then the Pro version is worth considering.

The price for the Pro version is quite affordable—around $18 per year. For more details and updated pricing, please visit their official page here.

Conclusion

Integrating WhatsApp into a WordPress website has now become a key necessity, especially for improving interaction with visitors or potential customers. With the Click to Chat plugin from HoliThemes, this process becomes very easy, fast, and flexible.

From simply displaying a basic WhatsApp icon to adding images, a greeting box, WooCommerce integration, and even interactive GIFs you can do it all without coding and at no extra cost.

Whether you’re an online business owner, blogger, freelancer, or e-commerce store owner, this feature will greatly help increase conversions, build trust, and of course, speed up communication.

Logo Sigrep Putih
Sigrep is a Professional Affiliate Platform. Here, we will present engaging 
content that will expand your knowledge
© Copyright 2023 - Sigrep - All Rights Reserved
listchevron-down linkedin facebook pinterest youtube rss twitter instagram facebook-blank rss-blank linkedin-blank pinterest youtube twitter instagram