Skip to main content

How to Add a Floating WhatsApp Icon to Your WordPress Website

Adding a floating WhatsApp icon to your website allows visitors to contact you instantly with a single click. This improves user engagement and makes communication faster, especially for service-based and eCommerce websites.

Updated over 2 weeks ago

In this guide, we’ll show you how to add a floating WhatsApp button using Click to Chat, a popular and free WordPress plugin. The setup takes just a few minutes and requires no coding.

Prerequisites

Before you begin, make sure you have:

  • Access to your WordPress Admin Dashboard.

  • Your WhatsApp phone number is ready.


Step 1: Go to the Plugins Section

  1. Log in to your WordPress Dashboard.

  2. From the left-hand menu, click Plugins.

  3. Click Add Plugin at the top of the page.

Step 2: Install the Click to Chat Plugin

  1. In the search bar, type WhatsApp.

  2. Locate the plugin named Click to Chat.

  3. Click Install Now.

  4. Once installed, click Activate.

Step 3: Open Click to Chat Settings

  1. In the WordPress Dashboard menu, find Click to Chat.

  2. Click it to open the plugin’s settings page.

Step 4: Set Up Your WhatsApp Number

  1. In the Phone Number field:

    • Select your country from the dropdown list.

    • Enter your WhatsApp number without spaces or special characters.

  2. This number will be used for all chats initiated from your website.

Step 5: Choose a Button Style

  1. Scroll to the Button Style or Appearance section.

  2. Select one of the available floating WhatsApp button designs.

  3. Preview the styles and choose the one that best fits your website’s look.

Step 6: Save Your Settings

  1. Click Save Settings.

That’s it! 🎉

The floating WhatsApp icon will now appear on your website.

Did this answer your question?