WhatsApp Chat WordPress Documentation

This is a step-by-step guide to the setup of the plugin WhatsApp Chat WordPress by Ninja Team.

Upload WhatsApp plugin

In your WordPress dashboard, go to Menu Plugins > Add new > Upload Plugin > Upload the plugin zip file you downloaded from CodeCanyon page > Activate it

Configure WhatsApp click-to-chat button

In this article, we will go through three sections:

  1. Add New Account
  2. Floating Widget
  3. Button settings

1. Add New Account

add new account for whatsapp plugin

1. Account Name
The name of a staff/member, for example, Ashley, Jack, Jill, etc.

2. Account Number or Group Chat URL

3. Title
Their job title, for example, Customer Success Associate, Technical Support Engineer, Sales Associate, etc. This title is displayed in the floating widget.

4. Predefined Text
This is the text message which is auto generated when your customer first chat with you.
For example, Hi, I’ve just visited [njwa_page_title], and I need some help. Here is the link: [njwa_page_url]. (Note: Do not enter any quotation mark in this field.)

whatsapp click to chat button label

5. Button Label
The greeting text of their shortcode button, for example, Need help? Chat with me on WhatsApp.

6. Time Availability
Working hours of the staff

7. Description Text When Offline (1)
On business days and before start times, this text is displayed as a countdown timer, for example, I will be back in [njwa_time_work] hour(s).

8. Description Text When Offline (2)
This text is displayed when it’s after working hours of business days and on days off, for example, I will be back on Mon – Fri, 08:00 am – 07:30 pm.

9. Button Style

wordpress plugin whatsapp button style

Here you can customize how the button looks. By default, in online status, the button has square borders, background color of green, and text color of white.

10. Avatar
Here you can set a profile picture for the account.

2. Floating Widget

1. Selected Accounts
WhatsApp account numbers - multiple
Click on the search bar, and all accounts will be listed there. Click to select an account.

2. Display Settings

WhatsApp floating widget display settings

You can customize attributes of the floating widget here, including title, subtitle, colors, and position.
This is how it looks on the front end:
WhatsApp widget appearance

3. Button settings

1. Settings

WhatsApp click to chat settings

Here you can set default settings for the shortcode buttons. However, these settings will be overridden by “Button Style” settings in each account profile.

2. WooCommerce Button
WhatsApp WooCommerce button
This option is for adding the shortcode button onto WooCommerce product pages.

If you’re happy with what you see here, don’t hesitate to try WhatsApp Demo.

Thank you for being with us, and if you have any questions, feel free to chat with us at m.me/ninjateam.org or submit a ticket at https://ninja.ticksy.com/