WhatsApp Chat allows your website visitors to start a conversation from your Elementor website directly to your WhatsApp phone number with just one click.
Install WhatsApp Chat Widget for Elementor
This widget requires Unlimited Elements pro version installed and activated on your WordPress website.
- Go to Unlimited Elements Widget Library
- Search in the search bar for “Whatsapp Chat”
- Hover over the widget in the search results and click install
- Add your Whatsapp Chat widget to any Elementor Page
- Position the Whatsapp widget in your page by going to the advanced tab and under positioning selected “Fixed Position”
General Settings
Choose from four diffrent types of WhatsApp Chat buttons. Each type has its own behaviour:
- Send Button With Message
- Agents List
- Agents With Specific Message
- Only Button (No Popup)
Determines how the popup window will open relative to the place of the button.
The text that will show in the popup window as an intro.
The Whatsapp phone number you want to send a message to.
The button a user clicks to send his message to the Whatsapp number defined.
If the popup window will be open without needing to click the button when a user visits the page.
Dictates whether the chat widget will be opened by default on subsequent pages even if the user has already closed the chat widget once.
The expiration of the cache in minutes: Default is 24 hours.
Add a label to the call to action Whatsapp button.
Text for the label.
Determine if the text will be first or the icon.
Icon Settings
The icon for the main call to action button.
The icon that shows in the title of the popup.
Will trigger the popup to close when clicked on.
The icon for the send button inside of the popup.
Message Settings
Determine if to show a text area for users to type in a custom message or add a predefined message.
The text that will show as default text in the text area shown inside of the popup.
The text that will be shown in the text area if no message text inside.
Agents Settings
Usually used for the agent name.
Usually used for the agent description.
Profile image for specific agent.
The Whatsapp phone number that the message will be sent to.
A default message for the text area of the specific agent.
The text area placeholder when the button type is "Agents with message"
Add a note to hint to users when the agent is available or not.
Widget Styling
Various styling options included to control every design aspect of the widget. Modify the colors to match your site’s look and feel. Customize the text, icons, fonts and layout to make the widget look and work exactly like you want it too.
WhatsApp Chat Example
Below you can view an example of what you can achieve with the WhatsApp chat widget.
