easytab leaderboard - Easy Side Tab Pro

How to add Viber/Messenger/Whatsapp/Skype Contact Button on WordPress website? (Step by Step Guide)

0
How to add Viber/Messenger/Whatsapp/Skype Contact Button on WordPress website? (Step by Step Guide)
How to add Viber/Messenger/Whatsapp/Skype Contact Button on WordPress website? (Step by Step Guide)
50% Off on Easy Side Tab Pro

Adding social media contact buttons on your WordPress website can be a great way to make yourself available. Your potential customers before a making purchase may have different types of pre-sale questions or queries about your products/services. To answer them, you may have already added an FAQ section for common queries and contact form for email support. But sometimes the questions/queries not be available on the FAQ and your clients may want their pre-sale questions to be replied instantly. So, in order to reply to your clients quickly and make yourself available on your website for most of the time, you can add a contact button of the most popular social media such as Messenger, Viber, WhatsApp, Skype etc. These social media contact buttons will ultimately enable your clients to contact you via instant chat or high-quality audio and video calls. By doing so, you can provide the required support and persuade your client to make the purchase and convert them into a full-fledged buyer.

How to add live chat and call functionality on your WordPress website?

One of the easiest ways to add the live chat and call functionality on your website is by using a WordPress plugin.

WordPress, being a flexible platform to its users contains different plugins and add-ons for adding the instant chat and call feature on your website. Therefore, you need to carefully pick the right one for your site by considering its features such as the availability of social media channels, customization options, responsiveness, position options, etc.

Here, we will be using Ultimate Contact Button to add the instant contact feature on the WordPress website. It is a premium WordPress plugin by AccessPress Themes that lets you add the contact buttons of 4 of the most popular social media i.e. Messenger, Viber, Whatsapp, and Skype. Let’s get started:

Installation and Activation

ultimate contact buttons - How to add Viber/Messenger/Whatsapp/Skype Contact Button on WordPress website? (Step by Step Guide)
Premium WordPress Contact Button Plugin – Ultimate Contact Buttons

Purchase Ultimate Contact Button plugin from CodeCanyon marketplace at the price of $15. Then, install and activate it. The installation of Ultimate Contact Button is similar to the installation of other plugins. So, if you face any difficulty while installing, you can refer to its documentation.

Add Viber/Messenger/Whatsapp/Skype Contact Button on WordPress Website

After you have successfully installed the plugin, a tab “Ultimate Contact Button” will appear on the left side menu of your WordPress backend. Click on it to start adding the contact buttons.

You will land on the setting page of the plugin. It consists of the customization and configuration options of all 4 available contact button in the plugin. You can enable/disable any of the contact buttons as per your choice and configure and customize it.

All the contact buttons some common configuration options. They are:

User Details

Here, you have to add the user detail of your social media account. For Messenger and Skype, you need to add your username and for Viber and Whatsapp, you need to add your contact number.

user detail - How to add Viber/Messenger/Whatsapp/Skype Contact Button on WordPress website? (Step by Step Guide)
Ultimate Contact Button: User Detail

Floating Button

The floating button for each of the social media consists of 5 tabs. They are:

Display Settings

Here, you can enable the floating button for desktop, and mobile. Also, enable the button text, and tooltips.

display settings - How to add Viber/Messenger/Whatsapp/Skype Contact Button on WordPress website? (Step by Step Guide)
Ultimate Contact Button: Display Settings

Templates

Here, you can select the templates for your contact button. Select the most suitable ones for each social media.

templates - How to add Viber/Messenger/Whatsapp/Skype Contact Button on WordPress website? (Step by Step Guide)
Ultimate Contact Button: Templates

Color Settings

Here, you can configure the colors for your contact buttons.

color settings - How to add Viber/Messenger/Whatsapp/Skype Contact Button on WordPress website? (Step by Step Guide)
Ultimate Contact Button: Color Settings

Animation Settings

Here, you can select the hover over animation for each of the contact buttons.

animation settings - How to add Viber/Messenger/Whatsapp/Skype Contact Button on WordPress website? (Step by Step Guide)
Ultimate Contact Button: Animation Settings

Page/Post/Category

Here, you can specify the page, post, and category where you want your buttons to be displayed.

page post category - How to add Viber/Messenger/Whatsapp/Skype Contact Button on WordPress website? (Step by Step Guide)
Ultimate Contact Button: Page/Post/Category

Menu Settings

This setting section consists of 4 tabs to configure the contact button on your WordPress menu. They are:

General Settings

Here, you can configure the position of your contact button and enable the button text.

menu general settings - How to add Viber/Messenger/Whatsapp/Skype Contact Button on WordPress website? (Step by Step Guide)
Ultimate Contact Button: General Settings

Templates

Here, you can choose the layout for your contact button on the navigation menu.

menu templates settings - How to add Viber/Messenger/Whatsapp/Skype Contact Button on WordPress website? (Step by Step Guide)
Ultimate Contact Button: Templates Settings

Color

Here, you can customize the color for your contact button.

menu color settings - How to add Viber/Messenger/Whatsapp/Skype Contact Button on WordPress website? (Step by Step Guide)
Ultimate Contact Button: Color Settings

Menu Option

Here, you can select the menu in which you want to display your contact button.

menu option - How to add Viber/Messenger/Whatsapp/Skype Contact Button on WordPress website? (Step by Step Guide)
Ultimate Contact Button: Menu Option

If you are looking to upgrade your navigation menu or want to add an extra menu on your WordPress website then, you can check out our article: How to enhance your WordPress website Navigation with Mega Menu, Fly Menu, Circular Menu, Custom menu icons and more!

Live Chat Button for Page

This section is available for the Messenger Contact Button. It will let you add the live chat functionality of your Facebook page on your WordPress website.

live chat button for page - How to add Viber/Messenger/Whatsapp/Skype Contact Button on WordPress website? (Step by Step Guide)
Ultimate Contact Button: Live Chat Button for Page

Live Skype Chat Button

This section is available for Skype Contact Button. You can enable it for allowing your users to start the live skype chat directly from the website itself.

live skype chat button - How to add Viber/Messenger/Whatsapp/Skype Contact Button on WordPress website? (Step by Step Guide)
Ultimate Contact Button: Live Skype Chat Button

If you are looking for a WordPress plugin to add Skype Contact Button then, you can check out our collection of 5+ Best WordPress Skype Contact Button Plugins 2018

Floating Button Position

The floating button position settings will let you add the contact button on different positions. You can mutually enable any of the social media and display them on any position of your site.

floating button position - How to add Viber/Messenger/Whatsapp/Skype Contact Button on WordPress website? (Step by Step Guide)
Ultimate Contact Button: Floating Button Position

If you want to add a floating tab on your WordPress website then, you can check out our collection of 5+ Best WordPress Floating Side Tab Plugins (Premium Collection)

Shortcode Generator

You can mutually add the contact button anywhere on your WordPress website (page, post, and widgets) by using the shortcode generated from the shortcode generator. Just enable the social media of your choice, and configure its display settings, animations and color options. Then, press on “Click Me to Generate Shortcode” to generate the shortcode and paste it on anywhere on your WordPress website.

shortcode generator - How to add Viber/Messenger/Whatsapp/Skype Contact Button on WordPress website? (Step by Step Guide)
Ultimate Contact Button: Shortcode Generator

Wrapping Up

In this way, you can add the contact buttons for live chat and call on your WordPress website in a few minutes. So, if you want to add the contact button on your WordPress website to provide the instant support to your clients then, you can purchase the mentioned plugin and follow this step by step tutorial.

You can check out the similar type of step by step tutorial of:

How to add Skype Contact Button in your WordPress website? (Step by Step Guide)

Also, check out the ultimate collection of: