WordPress WhatsApp Support

How to install plugin

Step 1: Download the zip file from the codecanyon.net

Step 2: Extract the downloaded zip file on your desktop or in any folder.

Step 3: Open the extracted folder “wordpress-whatsapp-support“.

Step 4: Here you found three folders 1) Documentation 2) License 3) Plugin.

Step 5: Open “Plugin” folder. Now you found the main plugin file “plugin.zip“.

Step 6: Log in to your WordPress admin panel.

Step 7: Mouse over the “Plugins” menu and click on “Add new“.

Step 8: Click on the “Upload Plugin” button and then click on the “Browse” button.

Step 9: Select the “plugin.zip” file and click on the “Upload” button.

Step 10: Now the final step, after uploading complete click on the “Activate Plugin” button.


Select Layout: You can select the layout according to your need.

Layout Background Color: Set popup layout background color. Default #0dc152

Layout Text Color: Set popup layout text color.#ffffff

Enable Layout Gradient: Enable/ Disable popup background gradient.

Show Only Icon on Mobile: Enable this option if you what to display an icon instead of text button on mobile.

Basic Settings

X-axis Offset: Enter the value of x-axis ( horizontal ) widget spacing. In px ( pixels ) only. Default 12px.

Y-axis Offset: Enter the value of y-axis ( vertical ) widget spacing. In px ( pixels ) only. Default 12px.

Display On Desktop: Display on desktop/laptop.

Display On Mobile: Display on mobile devices.

Auto Popup: Enter the popup auto display time in seconds.

Auto Popup Delay: Select the time in seconds for auto popup delay.

Enable RTL: You can enable RTL ( Right to Left ) if your website has language like Arabic, Persian and Hebrew.

Scroll Length: Display button when scroll length matched with above value. Default Blank.

Filter By All Pages: You can hide/show widge on all pages on one click.

Filter By FrontPage: You can hide/show widget on the front page.

Hide Widget By URL: Hide widget by the URL

Schedule: You can hide/ show the widget by your schedule time.

Custom CSS: Enter your custom CSS.

How to

How to change pre-message text

For Multiple Person Support:

1: Click on WhatsApp Support from the admin menu.

2: Now, click on the Manage Support Person(s) tab.

3: Edit the support person you want to change the Support Pre Message.

4: You can change the Pre Message from the Support Pre Message option.

WordPress WhatsApp Support Pre-Mesage Settings

  • Use {title} placeholder to display the current page title in the chat.
  • Use {url} placeholder to display the current page URL in the chat.
  • Use {br} placeholder to break the line into a new line.

5: Click on the "Save Changes" button to save the changes.


Our professional, high-quality support is always on hand to help you out.

Get Premium Support, Contact Us, Pre-sale Questions