How to Add WhatsApp Chat Button to WordPress

GetButton provides a WordPress plugin that seamlessly integrates multiple communication channels, including WhatsApp button, into your website. It also allows you to add multiple Whatsapp agents, making it easy to manage customer interactions and ensure prompt responses.

With GetButton visitors can connect with your team instantly through a familiar messaging platform, enhancing communication and engagement. In this guide, we’ll walk you through how to get started with GetButton and add a WhatsApp chat button to your WordPress site in just a few simple steps.

Installing and Activating GetButton

Let's set up WhatsApp chat using GetButton. Here's a quick guide:

1. Log into your WordPress dashboard: Navigate to your website’s admin panel by visiting yourwebsite.com/wp-admin and logging in.
2. Find and install GetButton: In the left-hand sidebar, go to the "Plugins" section and click "Add New." In the search field, type “GetButton.” Find the GetButton plugin from the search results (you can also search in the WordPress Plugin Directory as an alternative).
3. Install and activate GetButton: Click "Install Now" next to the GetButton plugin. Once installation is complete, click the "Activate" button.
4. Access GetButton settings: After activation, you’ll see GetButton listed in your dashboard’s sidebar. Click on "GetButton" to access the settings page and configure it.

Configuring GetButton for WhatsApp Chat

With the GetButton plugin activated, you're ready to configure it and add a WhatsApp chat feature to your site. Follow this comprehensive guide on setting up GetButton, which walks you through all the steps, starting with adding the button. Below is a quick overview:

1. Sign in to GetButton: Go to https://admin.getbutton.io and sign in. Then click “+ Add Button”.

2. Choose WhatsApp: In the “Choose your apps” section, locate and click on the WhatsApp icon to enable it.

   
   

   

3. Enter Your WhatsApp Number: Once WhatsApp is selected, an input field will appear for you to enter your WhatsApp number in the correct international format (e.g., +15551234567 for U.S. numbers).

   
   
   • Add multiple WhatsApp agents: To add more agents, simply enter additional WhatsApp numbers by clicking the "+ Add Agent" button. This allows your customers to chat with different team members based on their needs.
   • Add a pre-filled message: You can set up a default pre-filled message that customers will send automatically when they initiate a chat. This can make the conversation smoother by giving context (e.g., "Hello, I'm interested in learning more about your services."). To set this up, simply click the gear icon and customize the message.
4. Customize Your Button: Personalize the appearance of your button to fit your site’s style. Details on how to edit the button can be found in the guide to button customization.
5. Boost Chats and Sales with a Greeting Message: Add a personalized greeting message to introduce your team and create a friendly customer experience. This can significantly boost engagement and conversions to chats.
6. Final Step: Once the setup is complete, activate the button and copy the code to your clipboard, ready to paste it into the GetButton WordPress plugin in the next step.

Adding the button code to your website

Now that you have the button code, here's how to activate it:

1. Navigate to your website’s admin panel.
2. In the left-hand sidebar, go to the "Plugins" section and click on GetButton. This will open the plugin settings page on the right.

3. Paste the button code from your clipboard into the designated input field.

   
   

   

4. Click Save Changes to apply and activate the chat button.

Your GetButton widget is now set up and ready to enhance communication on your website.

Testing your WhatsApp chat button

It's important to personally test the chat button to ensure it's working correctly. Open your website on various devices, such as desktops, mobile phones, and tablets, and interact with the chat widget to verify its functionality. This proactive step helps ensure a smooth experience for your website visitors.

If you've followed all the steps but still can't see the button, check if any caching plugins are active on your website. Clearing the cache should resolve the issue and make the widget visible.

If you continue to experience issues, our support team is always happy to help. Don't hesitate to reach out for assistance.