ThemeIsle - Free and Premium WordPress Themes

How to Add WhatsApp Button on WordPress Website? (Step by Step Guide)

0
How to Add WhatsApp Button on WordPress Website? (Step by Step Guide)
aThemes

Adding a contact button on your WordPress website can be the best way to make yourself available to establish communication with clients. As a website owner, you might want to provide the best support to your customers to keep them happy and satisfied. So, you may add an FAQ section for frequently asked queries and a support form to provide email support. However, some of your visitors might want instant replies for their pre-sale queries and failing to do so might turn them to your competitor website. So, in order to provide any type of support quickly and easily through instant messages/calls, adding a contact button would a great idea.

If you are using WordPress as your site’s platform then, there are different plugins/extensions available to add contact buttons of various popular social chat/call applications like WhatsApp, Messenger, Viber, Skype, etc. So, you can download/purchase them to add quickly live chat/call functionality on your WordPress website.

Here, in this blog, we will discuss a short tutorial to add a WhatsApp button on WordPress website using WP WhatsApp button plugin. It is a premium WordPress plugin by AccessPress Themes that contains different designs and features to add quickly add the live chat/call functionality of the WhatsApp social media network.

With that being said, let’s get started with this step by step tutorial and add WhatsApp button on WordPress website:

Step 1:

WP WhatsApp Button – Premium WordPress WhatsApp Button Plugin

Get WP WhatsApp Button plugin from CodeCanyon marketplace at the reasonable price of $10. Then, install it on your WordPress website. If you have any difficulties while installing the plugin then, you can refer to its documentation or go through the article: How to install a new plugin in WordPress website?

Step 2:

After you have completed the installation of the plugin, activate it. Then, you can see “WP WhatsApp Button” on the left menu of your WordPress dashboard. Click on it to continue.

You will land to the user detail page of the plugin. Here, you have to add your WhatsApp contact number.

WP WhatsApp Button: User Details

Step 3:

Then, shift to the next tab – “Floating Button”. It contains all the configuration and customization settings available on the plugin. The settings include:

Display Settings:

Here, you can enable/disable your WhatsApp button on desktop and mobile. Besides, you can also enable/disable the button text, set the alignment for your button text and enable/disable sticky button and tooltip.

WP WhatsApp Button: Display Settings

Templates:

Here, you can choose the layout for your WhatsApp button from the 10 predesigned WhatsApp templates.

WP WhatsApp Button: Templates

Color Settings:

Here, you can customize the color of your button, text, icon background and icon.

WP WhatsApp Button: Color Settings

Animation Settings:

Here, you can set the animation of your WhatsApp button from any of the 10 pre-available animation effects.

WP WhatsApp Button: Animation Settings

Button Position:

Here, you can set the position of your WhatsApp button from any of 8 inbuilt button positions.

WP WhatsApp Button: Button Position

Page/Post/Category:

Here, you can set your WhatsApp button on different pages, posts or categories of your WordPress website.

WP WhatsApp Button: Post/Page/Category

Step 3:

Now if you want to add the WhatsApp button on your site’s menu, shift to “Menu Settings” tab. It contains different settings that include:

General Settings:

Here, you can enable/disable your WhatsApp button on the menu, set its position on the menu and enable/disable the button text.

WP WhatsApp Button: General Settings

Templates:

Here, you can choose any of the 5 predesigned templates available for your WhatsApp button.

WP WhatsApp Button: Templates

Color:

Here, you can customize the button color, text color, icon background color and icon color of your WhatsApp button.

WP WhatsApp Button: Color Options

Menu Option:

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

WP WhatsApp Button: Menu Options

Step 4:

Alternatively, you can add your WhatsApp button with different configurations and customizations on any page, post or widgets of your WordPress website using the dynamic shortcode generator that comes along with the plugin. The settings include display settings, templates, color settings, animation settings, button position and contact details.

WP WhatsApp Button: Shortcode Generator

Configure and customize them all and then click on “Click Me to Generate Shortcode” to generate the shortcode. Then, copy it anywhere you want on your WordPress website to add your WhatsApp button.

Wrapping Up

This way, you can add WhatsApp contact button on your WordPress website and make yourself available to your clients for calls and messages. So, if you want to add a WhatsApp button on your WordPress website then, you can purchase the plugin at a reasonable price and follow this step by step tutorial.

You can also check out the collection of:

LEAVE A REPLY

Please enter your comment!
Please enter your name here

This site uses Akismet to reduce spam. Learn how your comment data is processed.