How to Add Social Chat on Your Site | WhatsApp Integration

Do you know WhatsApp has 2 billion active users worldwide?

Undoubtedly, it is the most common form of communication channel among all the platforms today. WhatsApp integration is effortless. And users usually look for a comfortable and user-friendly chatting service.

Moreover, it is the most reachable form of social chat for personal use and professional communication. In 2021, online businesses have mandatory live chat options. And a commonly used app helps to reach more audiences.

WhatsApp integration is easy and time-saving. But for a non-techie it’s important to know the steps properly. A quick navigation of what we’re going to discuss here- 

Shall we get started?

What is WhatsApp?

WhatsApp is a communication tool that started its journey in 2009. It became massively popular right after it launched. WhatsApp has an end-to-end encrypted instant text and call service easily accessible in several mediums. Along with Android, iOS, and Windows smartphones, Mac, and Windows PCs.

WhatsApp integration data
Source: Forbes

WhatsApp integration is simple, and it is more than a texting app. WhatsApp has 1 billion active users daily. Moreover, every day 65 billion messages are sent through WhatsApp. All these facts clearly state that WhatsApp is an immensely desired platform for personal and commercial use today.

So in this article, you’ll learn the easiest way to add WhatsApp Social Chat on your WordPress website using WP Social Ninja on your website. Ready? Let’s jump in-

WhatsApp integration on your site

Social chat is considered an integral part of every business. Communication is inevitable and social platforms like WhatsApp help to boost the business in many ways.

  • Easy to reach out to WhatsApp users
  • The user-friendly integration process for the customers
  • WhatsApp increases conversion rates
  • Expansion of sales

Below you’ll find the steps for WhatsApp configuration.

How to configure WhatsApp

WhatsApp integration is a piece of cake. All you need is a phone number to configure WhatsApp on your site.

To embed WhatsApp for spectacular chatting experiences, click on the WhatsApp button. 

WhatsApp | Social chat
WhatsApp | Social Chat

It will take you to the WhatsApp configuration panel.

WhatsApp configuration
WhatsApp Configuration

Here, enter a phone number and click on the Save button to complete the configuration process. When you are done with following the instructions, your account dashboard will display the Successful notification.

WhatsApp integration features and functionalities

WhatsApp integration is extremely straightforward with WP Social Ninja. It allows you to design your social chat feed according to your taste. 

Template Layout

WhatsApp has multiple pre-built templates so users can choose any that suits the website. To have a better understanding, see the steps below-

Step 1: Template Types

First off, click on the Template button from the right side of the Dashboard to select the Template Types.

WhatsApp integration templates
Template

Once you click on the arrow sign, a drop-down menu will appear.

WhatsApp integration template types
Template Types

Four types of pre-built Templates are available at the moment – General, Support, Booking, and Sale. You can select any Template for your site! 

For demonstration purposes, we have selected General.

Step 2: Chat Header

Are you done with the templates? Now it’s time to check with the Chat Header. If you click on it, one drop-down menu will appear.

It has three editable options; Profile/Page Name, Caption, and Profile Picture/Page Logo.

WhatsApp chat header
Chat Header
  • To change the Profile/Page Name, add a name or edit/change the existing one.
  • Next is the Caption. To change the Caption, for example – instead of “Typically replies within an hour”, you can add something else that suits your situation.
  • After Caption, you can also change Profile Picture/Page Logo. Every business has a distinctive image or logo. Change or add a new one!

Remember to click on Save Changes and move on to the next step.

Step 3: Chat Body

In the next section, you can adjust your Greeting Message.

Chat Body

Here, you can add your customized Greeting Message. Instead of “Hi! How can we help you?” add a different text if you want.

Step 4: Start Chat Button

Start Chat Button has two segments; Display Chat Icon and Chat Button Text.

WhatsApp start chat button
Start Chat Button

In the Display Chat Button, you can turn on/off the button. Next is the Chat Button Text. Here, you can replace the default text with a new customized text.

Step 5: Chat Bubble Button

Finally, click on the Chat Bubble Button, and a drop-down menu will come.

Chat Bubble Button

Here in the Bubble Text, add a text, for instance, “Do You Need Any Help?

After Bubble Text, next is the Bubble Icon. Click on the arrow sign, and a drop-down menu will come. Here you can change the Bubble Icon. Right now, we have five Bubble Icons available.

Bubble Icon Types

Pick the Bubble Icon and Click on the Save Template button.

Settings

WhatsApp integration with WP Social Ninja is a delightful process. Moreover, with several Settings options, you can give your site a completely new elegant outlook.

Well, click on the Settings button, and a drop-down menu will come with multiple settings.

WhatsApp integration settings
Settings

 In the next part, we will show you how to change the settings-

Step 1: Chat Bubble Position

Chat Bubble Position has four options

Chat Bubble Position

From Bottom Right to Bottom Left and Top Left to Top Right. You can pick any.

Step 2: Where to Display Chat

Here, you can select any page or all pages to display your WhatsApp chat option.

Where To Display Chat

Click on the Where to Display Chat, and a drop-down menu will appear. Now select a page or multiple pages.

Step 3: Show Prompt

Once you are done with Where to Display Chat, next is Show Prompt.

Show Prompt

To pop up the chat window, automatically turn on the Show Prompt button. However, if you don’t want the chat window to pop up on every page, turn off the button.

Step 4: Show Online/Offline

You are now in the last settings part, Show Online/Offline. In this part, you can adjust two steps; When to Display Online and Set the Time Schedule.

Show Online/Offline
  • In When to Display Chat, you can schedule the available days you will be online. To do this, tick the Check All option. However, you can also select the specific days that are applicable.
  • In the Set the Time Schedule field, you can turn on the button. Here, you can set a time that includes Start Time to End Time. This setting allows the users to understand the hours when you will be available to communicate.
  • The last one is the Caption Text When Offline. Instead of “I will be back soon”, you can add your custom text.

Style

WhatsApp integration on your website using WP Social Ninja is an effortless process. Did you know you have the freedom to decorate your website’s Style?

Scroll down and click on the Style button.

WhatsApp integration style
Style

The Style has four unique settings to design your website; Header Background Color, Header Title Color, Header Caption Color, and Button Background Color.

Step 1: Header Background Color

If you want to change the Header Background Color, click on the color palette, and a variety of color options will appear.

Header Background Color

Pick any that goes with the brand.

Step 2: Header Title Color

After Header Background Color, next is Header Title Color.

Header title color
Header Title Color

We have unlimited color options in the palette; select any!

Next, we have Header Caption Color and Button Background Color. Similar to the previous Style settings, you can change them too.

Conclusion

Communication is the base of any successful relationship. Without any doubt, WhatsApp is the best chatting platform for any business to get in touch with the users. With an easy to use configuration process, WhatsApp has plenty of features for your company.

WhatsApp integration with WP Social Ninja

WhatsApp integration is a secured process, and all the credentials are 100% safe with WP Social Ninja. It is a complete hand on WordPress plugin that has several features. Moreover, WP Social Ninja is specially designed for consumers not to face any technical problem.

And WP Social Ninja not only has Social Chat options. It has Social Reviews and Social Feeds. So when you embed this plugin, you are getting a three-in-one service. For more information, check out our User Guidelines.

We hope you liked this post. If you found it helpful, you may also want to check out-

These posts will definitely help you to boost your revenue and growth.

Similar Posts

One Comment

Leave a Reply