How to Add Viber Chat to WordPress Website (Step by Step Guide)

How-to-add-Viber-Chat-on-WordPress-website-Step-by-Step-Guide

Do you use Viber chat for your business? If you do, are you properly utilizing this social media strategy by adding a Viber widget to your WordPress website?

There are 1.1 billion Viber users worldwide and more than 70 million contacts take place in one hour. So it would be great if you’re thinking of adding one of those essential social media contact buttons like Viber chat to your website.

Your WordPress website may have other social chat widgets and FAQs for better communication with your customer. But sometimes, these are not enough because people expect instant answers to their queries. Adding Viber chat will make this job easier for you then.

So, keep reading; The end of this blog will give you the ultimate solution for adding Viber chat to your WordPress website.

Why your website needs Viber chat?

You may know the importance of keeping the social media contact button on the website. Still, just for a reminder, let’s check why your website needs Viber chat.

Viber chat widget on WordPress website
Viber Chat

Let your customers reach you easily

Adding a Viber chat to your website means you open a well-known and comfortable chat window for your customer. When visitors visit your website and find a social media contact button right on the website, they can immediately make any queries if they want to.

This one is the easiest way for your visitors to reach you on a quick go and make them convert into your potential customer. Also, you will be able to stay connected and answer them whenever you want to.

Inspires customers to purchase

With the Viber chat, you will get a chance to have a personal conversation with your visitor. Through this, you can motivate them to purchase from your website. Your Viber chat window is enough to trigger customers’ attention.

So, set up a social chat widget like a Viber chat pop-up, and customize it with a more eye-catchy design that goes well with your web page; Set it at the right page and right place and convince your users to buy more.

Your website gets a professional interface 

Providing everything that a customer gets easy to fulfill their demand from a website is always gives a different look to your website; Which is not just about the appearance; it enables to make your website look more professional.

With a customizable social chat widget, you can do that according to your choice. Through WP Social Ninja, customize it by choosing the right icon, including a caption with your business details, setting a warm welcome message, offering customer support, and helping them make an order. 

Well, we have talked enough about the importance of adding Viber chat to the website. Now, let’s dig into the process of how you do it.

How to embed Viber chat on your website with WP Social Ninja? 

If you want to embed Viber chat on your website, one of the best ways is to integrate your website with a WordPress plugin.

Though WordPress is a flexible platform to let users use plugins and add-ons for adding different features and chat widgets, you need to choose the proper one for your site by examining aspects. Such as social media channel availability and customization possibilities, responsiveness, location options, etc. 

In this case, WP Social Ninja would be your best pick. With this social media tool, you’ll be able to use the instant contact button by using that it offers in its social media widgets like Messenger, WhatsApp, Telegram, and many more.

Let’s get started with Viber chat;

Configuration

Install and activate WP Social Ninja on your WordPress website. If you find any difficulties while installing the plugin, we recommend checking our documentation.

So, to add Viber chat, first go to the WP Social Ninja dashboard. Select Chat Widgets.

WP Social Ninja Chat Widget
WP Social Ninja Chat Widget

After clicking the button, it will take you to the chat widget editor’s panel page. To configure Viber chat, click Add channel to connect your Viber account and select the Viber icon.

Add Channel
Add Channel

Now, add your valid phone number with your country code, and click on the Save button.

Enter Mobile Number
Enter Mobile Number

Then clicking on the Viber icon, you can see the Viber chat page.

Viber Chat Page
Viber Chat Page

And that’s all to configure with Viber chat! We will see the Template Layouts & Settings part too; 

Template Layout

After configuring your Viber chat, you will get various Template Layout styles in the Template section. 

Let’s check out how you can customize your Viber Template layouts using your Viber account.

Layout type

If you want your Viber chat option to be displayed just with an icon or a chat box, you can choose that with the Layout Type option. You can see the button shows two options here. 

Layout Type – Icon

This is how it will appear if you choose the Only Icons option.

Template type

On the other hand, selecting Chat Box will allow you to select the Template from different types.

Layout Type - Chat Box
Layout Type – Chat Box
Select Template
Select Template

With these four layout types, you can choose any template from General, Support, Feedback, or Sale that suits your web page. 

Chat Header

Here, the Chat Header option lets you choose how you want the Viber icon to be shown. Add a profile name, a short caption, and upload a profile picture.

Chat Header
Chat Header

Therefore, your chat box’s interface is ready!

Welcome Message

You’ve chosen a layout type and a beautiful chat header; Now, set a welcome message with the Welcome Message option.

Welcome Message
Welcome Message

This way you can set your Greeting Message.

Bubble Text

Also, you can customize your Bubble Text;

Viber Bubble Text
Bubble Text

Add some text that you want to put on the Bubble Icon; And next, move to the Settings part.

Settings

WP Social Ninja offers many adjustable options that allow you to position and adjust your chat box. 

If you click on Settings, you can see multiple options appear on the screen. 

Settings
Settings

Have a look at the details;

Chat Bubble Position

You can set your chat button anywhere with these four positions- From Bottom Left to Bottom Right or Top Left to Top Right.

Viber Chat Bubble position
Chat Bubble position

Position the chat bubble according to your front end; the way you make it look beautiful.

Include Pages to Display Chat

With this option, you can choose which page you want to display your Viber chat option. You can select specifically one page or as many pages as you want or select every page.

Include Pages to Display Chat
Include Pages to Display Chat

You can see your other pages from the drop-down, and select from them.

Exclude Pages to Hide Chat

Same way, you can hide your social media chat button from certain pages you choose. Just select the pages from Exclude Pages to Hide Chat, and you’re done!

Exclude Pages to Hide Chat
Exclude Pages to Hide Chat

On some pages, showing a Viber chat may seem unnecessary; In that case, this option can help you.

Display by Post Types

You have options for placing the Viber chat on which posts you want to place it. Choose the posts from the drop-down menu of the Display by Post Types.

Viber chat: Display by Post Type
Display by Post Type

Just like displaying Chat head on specific pages, you can display it according to your post type.

Hide Chat on Desktop/Mobile

If you want to hide the Viber chat on any device, desktop or mobile, just enable the Hide Chat on Desktop or Hide Chat on Mobile button.

Hide Chat on Desktop/Mobile
Hide Chat on Desktop/Mobile

Enable only one option from Desktop/Mobile or both.

Show Chat Popup

Your Viber chat widget has a chat window and a Chat Bubble Button. It’s your choice whether you want to show the chat popup or hide it. Simply disable the Show Chat popup option.

Show Chat Popup
Show Chat Popup

Same way, enable it when you want.

Chat Popup Delay

If you want to delay your chat popup time, set the delay time from Chat Popup Delay.

Chat Popup Delay
Chat Popup Delay

Your Chat box will appear once the present time is over.

Chat Open in Popup Window

You might not need it, but if you think about the necessity of opening chat in a new window, you can do that.

Chat Open in Popup Window
Chat Open in Popup Window

Just enable the Chat Open in Popup Window.

Show Online/Offline

This option facilitates you with the chance to set days when you’ll be available. If you’re available 24/7, then tick on the Check All option.

Show Online/Offline
Show Online/Offline

If you want to choose a single day, tick on that particular day.

Set the Time Schedule

Again, you can set a specific time by enabling the Set the Time Schedule option. Set the time, and put a short caption saying something you think they need to hear from you before you’re available.

Viber chat: Set the Time Schedule
Set the Time Schedule

And that’s all about the setting section. But, you still have more options in the Style section.

Style

This section will have more options to style your chat header title, channel icon, caption, and button color. 

Style
Style

For example, if you want to change your header background color,

Header Background Color
Header Background Color

Similarly, you can change the Title, Caption, and Close Button Color.

Header Title Color
Header Title Color

Choose the color as it suits your brand. Or just you can leave it as it is.

Priority

This is the last option from your Template setup. You might have multiple chat widgets on your website. With this Priority option, you can set your priority for the Viber chat widget and let it appear on the screen according to the priority number.

Viber chat: Priority
Priority

And that’s all about what you can do with setting up your Viber chat on your website.

Wrapping up 

This is how you can add Viber chat to the WordPress website easily with WP Social Ninja plugin. So if you want to add instant support to your clients, just follow these simple steps.

To implement what you’ve come to know through this article, get the all-in-one social media solution WP Social Ninja today. Try the latest version; you’ll get many more to explore!

You can check out similar types of blogs:

If you get any queries, you can join our Facebook community and share with us. Also, keep in touch with us by following our Facebook & Twitter pages.

Similar Posts

Leave a Reply

Your email address will not be published.