See this widget in action here.
Want to give visitors a quick way to message you directly on WhatsApp? The WhatsApp Chat widget in aThemes Addons adds a sticky chat button to your site with a customizable popup, user details, and call-to-action messages.
In this guide, we’ll walk you through how to activate, configure, and use the WhatsApp Chat widget in aThemes Addons.
Before you get started, make sure you’ve installed and activated the aThemes Addons plugin on your WordPress site along with Elementor. For premium widgets, ensure aThemes Addons Pro is also installed and active. This widget requires aThemes Addons Pro.
Activating the WhatsApp Chat Widget
To enable the WhatsApp Chat widget, go to your WordPress dashboard and navigate to aThemes Addons » Widgets. Find WhatsApp Chat and toggle it on.
Once enabled, open any page in the Elementor editor, search for WhatsApp Chat, and drag the widget onto your page.
Configuring Chat Settings
- WhatsApp Number – Enter the number that receives messages.
- Sticky Button – Fix the chat button in place so it stays visible as visitors scroll.
- Position – Place the sticky button on the left or right side of the screen.
- Mode – Choose Popup (shows an in-page chat window) or Direct Link (opens WhatsApp immediately).
- Show Only on Mobiles – Hide the button on desktop devices.
Customizing the Popup Content
- Header Mode – Show a static title or display user information.
- Header Title – Set the popup title (e.g., “Welcome!”).
- User Name – Display an agent or representative’s name.
- Image – Upload a profile image for the user.
- CTA Text – Show a friendly prompt when the chat is online.
- CTA Text Offline – Show a fallback message when the chat is offline.
- Button Text – Customize the label on the chat button.
- Button Icon – Choose an icon from the Elementor icon library.
- Initial Message – Pre-fill the first message visitors send when they start the chat.
- Require Terms – Display a required checkbox for accepting terms before chatting.
- Terms – Add your custom terms text or a link to your terms page.
Frequently Asked Questions
Below, we’ve answered some of the most common questions about the WhatsApp Chat widget.
What format should I use for the WhatsApp number?
Enter the number with the country code and no spaces or symbols (e.g., 15551234567 for a US number).
What’s the difference between Popup and Direct Link mode?
Popup mode opens a styled chat window on your site first, then hands off to WhatsApp. Direct Link mode takes visitors straight to WhatsApp when they click the button.
Can I hide the chat button on desktop?
Yes. Turn on the Show Only on Mobiles option to display the button exclusively on mobile devices.
That’s it! You’ve successfully added a WhatsApp Chat button to your WordPress site using the aThemes Addons WhatsApp Chat widget.
Next, would you like to offer a Telegram option too? Check out our guide on Using the Telegram Chat Widget to learn more.
