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)
How to add Viber/Messenger/Whatsapp/Skype Contact Button on WordPress website? (Step by Step Guide)

Including a contact button of popular social media on your WordPress website can become beneficial in many ways. It will allow your potential customers to contact you easily and quickly via instant message and free audio and video calls for any types of pre-sale questions or supports. By doing so, you can significantly boost the conversion rate and credibility of your site.

Contact buttons, being an important tool to establish communication and provide support can be added by using WordPress Plugins. Hence, you need to be careful while choosing the right one as there are large numbers of WordPress plugins available on the internet. While choosing a contact button WordPress plugin you should take care of different features such as the number of social media button that the plugin supports, responsiveness so that the contact button works well for all types of devices, position options for the perfect placement and customization option to personalize the contact button.

Here, we are going to use Ultimate Contact Button – a premium WordPress plugin for adding the contact buttons of 4 of the most popular social media i.e. Viber, Messenger, Whatsapp, and Skype. So, let’s get started:

Installation and Activation

Premium WordPress Contact Button Plugin – Ultimate Contact Buttons
Premium WordPress Contact Button Plugin – Ultimate Contact Buttons

Get Ultimate Contact Button from CodeCanyon marketplace at the reasonable price of $15. Then, install it and activate it. If you have any problem while installing the plugin then, you can check out its documentation.

Add Viber/Messenger/Whatsapp/Skype Contact Button on WordPress website Using Ultimate Contact Button Plugin

After you have completed the activation of the plugin, a tab “Ultimate Contact Button” will appear on the left menu of your site’s dashboard. Click on it.

You will land on the settings page of the plugin. It consists of all the customization and configuration options that are available in the plugin. You can mutually activate and deactivate each of the contact buttons and configure and customize them as per your preference.

All the social media contact buttons have some common tabs to perform customization and configuration. They are:

User Detail

On the user detail, you need to add the detail of your social media account. The detail includes username for Messenger and Skype and contact number for Whatsapp and Viber.

Ultimate Contact Button: User Detail
Ultimate Contact Button: User Detail

Floating Button

The floating button tab consists of 5 setting section. They are:

Display Settings

On the display settings tab, you can enable the floating contact button for mobile and desktop. Besides, you can also enable the button text and tooltips.

Ultimate Contact Button: Display Settings
Ultimate Contact Button: Display Settings

Templates

Here, you can choose the template for the contact button. Select the most suitable one for your WordPress website.

Ultimate Contact Button: Templates
Ultimate Contact Button: Templates

Color Settings

You can configure the color for your contact button.

Ultimate Contact Button: Color Settings
Ultimate Contact Button: Color Settings

Animation Settings

You can activate and choose the most suitable hover over animation effect your contact button.

Ultimate Contact Button: Animation Settings
Ultimate Contact Button: Animation Settings

Page/Post/Category

You can specify the page, post or category in which you want your contact button to be displayed.

Ultimate Contact Button: Page/Post/Category
Ultimate Contact Button: Page/Post/Category

Menu Settings

The Menu Settings tab consists of 4 section to configure and customize the contact button on your site’s menu. They are:

General Settings

Here, you can set the position of your button on the menu. Also, you can enable the button text.

Ultimate Contact Button: General Settings
Ultimate Contact Button: General Settings

Templates

You can configure the templates for your contact button on your site’s menu.

Ultimate Contact Button: Templates Settings
Ultimate Contact Button: Templates Settings

Color

You can configure the color of your contact button on your site’s menu.

Ultimate Contact Button: Color Settings
Ultimate Contact Button: Color Settings

Menu Option

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

Ultimate Contact Button: Menu Option
Ultimate Contact Button: Menu Option

Live Chat Button for Page

This tab is available only for the Messenger Contact Button. It will allow you to add the live chat functionality for the Facebook page.

Ultimate Contact Button: Live Chat Button for Page
Ultimate Contact Button: Live Chat Button for Page

Live Skype Chat Button

This section is available only for the Skype Contact Button. You can enable it to let your users chat/call you on the Skype directly from your website itself.

Ultimate Contact Button: Live Skype Chat Button
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 will let you place your contact button in various positions. You can mutually enable any of the social media and display them in different positions.

Ultimate Contact Button: Floating Button Position
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 Floating Side-Tab, Bar Plugins for WordPress

Shortcode Generator

The shortcode generator page will let you add your contact buttons mutually in any pages, posts or widgets of your WordPress website. Just enable the social media that you want to add, configure all its settings, templates and options then click on “Click Me to Generate Shortcode” to generate the shortcode. Then, paste it anywhere on your WordPress website.

Ultimate Contact Button: Shortcode Generator
Ultimate Contact Button: Shortcode Generator

Wrapping Up

This way you can add beautiful Contact Button on your WordPress website. Since, instant chat and audio and video call are very much trending nowadays, adding the contact button of the popular social media can provide various types of benefits to your WordPress website. So, if you are interested on integrating  live chat and call options of different social media on your WordPress website then, you can this step by step tutorial.

Also, check out,

Get latest updates, deals and more from us!
Deals, Updates
and more...
Search