Use the widget generator below to create your WhatsApp Chat widget or button for WordPress in just 5 minutes or less. Select a template and click the “Continue with this template” button to get started.
Want to add your WhatsApp Chat widget in WordPress and others? No problem.
How to use the WordPress WhatsApp Chat widget generator
- Choose a template from 10 WhatsApp chat widget designs. These are responsive, and you can customize the widget without coding. Once you have selected a preferred design, click the “Continue with this template” button.
- Add your WhatsApp phone number (Make sure to remove [+] or [00] before your phone number and add your country code) or the shortlink (if you use a WhatsApp Business Account)
- You can customize the WhatsApp Chat widget for your WordPress website by editing the chat bubble, chat header, and welcome message (you can add links and custom styles).
- You can set the WhatsApp Live Chat widget’s display conditions and open chat triggers. You can also set the chat widget’s schedule (open and closed days and hours).
- You can specify whether you want a WhatsApp button for your WordPress website or display the WhatsApp chat widget as a floating widget. It is under the ‘Position’ section of Settings. Select Embed Bubble for the WhatsApp chat button, which is embedded inline, and floating bubble for a floating WhatsApp chat widget.
- Under the ‘Appearance’ section, you can change the appearance of your WhatsApp chat widget to align with your website’s theme and color palette.
- Once you have finished designing the WhatsApp Chat widget, click on the “Add to website for free” button and sign up on the following page to save your widget.
- Get the embed code and use it on your WordPress website.
How to add WhatsApp Chat widget to WordPress
You can easily embed the WhatsApp Chat widget into your WordPress website. The steps vary depending on the type of widget. Here’s how:
Embedding WhatsApp Chat Button on a specific page or widget area
- Edit the page where you want to embed WhatsApp Chat button code on WordPress.
- Add the Custom HTML element to your page.
- Save your changes and preview page.
The same goes for adding your WhatsApp button widget on WordPress using page builders like Elementor. You can also display it on the website’s sidebar by pasting the embed code.
Adding a floating WhatsApp Chat widget to entire WordPress website
To add the WhatsApp Chat widget to your entire WordPress site, you need to place the code before the closing body tag (</body>) or footer of your website, store, blog, or landing page.
Install script management plugins like ‘Simple Custom CSS and JS’ or one that supports inserting custom code into WordPress. Paste embed code footer or before closing body tag section.
In the WhatsApp widget generator’s ‘Chat Display Settings,’ you can manage the widget’s visibility by specifying the pages, times, and devices on which the HTML WhatsApp widget should appear on your website.
The best part is you can display your WhatsApp widget on multiple websites regardless of whether they are made on WordPress.
How to Manage Your WhatsApp Chat Widget
Once you have created your embeddable WhatsApp Chat button for WordPress, you can easily manage it on your account. In your dashboard, search for “WhatsApp Chat” app under list of apps. As you can see from the following screenshot, you can create more WhatsApp Chat widgets, edit existing ones, and get HTML embed code.
