How to Add WhatsApp Contact Buttons on WordPress Website?
Adding a contact button integrated with popular social media chatting applications like Viber, Messenger, WhatsApp, Skype etc can be the best way to make yourself available. It allows your users to contact you through the live chat/call to answer any type of queries or pre-sale question regarding your products/services. By doing so, you can improve the conversion rate as well as increase the credibility of the business.
If you are a WordPress user then, you can find tons of WordPress plugins integrated with the major social chat apps. These plugins will provide you with various layouts and customization options to place eye catchy social media contact buttons on your website. Moreover, they come with inbuilt shortcode generator to add the contact button on the desired page, post or custom post types.
Here, in this article, we will use WP WhatsApp Contact Button – a premium WordPress plugin to show you how to add a WhatsApp button on WordPress website. It is one of the best-rated plugin packed with 10 beautifully designed templates and 8 different position option to quickly create and place the WhatsApp buttons on your website.
With that being said, let’s begin this tutorial and add a WhatsApp button on WordPress website:
- Step 1: Installation and Activation
- Step 2: User Detail
- Step 3: Floating Button
- Step 3: Menu Settings
- Step 4: Shortcode Generator
- Wrapping Up
Step 1: Installation and Activation
Purchase WP WhatsApp Button plugin from CodeCanyon marketplace at a reasonable price of $10. Then, install it on your WordPress website. If you have any difficulties regarding the installation of the plugin then, you can refer to its documentation.
Step 2: User Detail
After you have completed the installation of the plugin, activate it.
Upon the successful activation of the plugin, you can see “WP WhatsApp” button appear on the left menu of the admin dashboard. Click on it to continue.
You will land to the “User Detail” page of the plugin where you need to add the WhatsApp contact number.
Step 3: Floating Button
After you have added the contact number, go to the next tab “Floating Button” where all the configuration and customization of the plugin are presents. This tab includes 6 different setting sections that include:
i) Display Settings:
This settings section contains different enable/disable options to configure the appearance for WhatsApp button. You can show/hide the WhatsApp button for mobile and desktop. Besides, you can choose whether or not to display the button text, set the alignment of the button, make them sticky or not and add tooltip upon hovering or not.
Here, you can choose any of the 10 pre-design templates to add the best matching WhatsApp button for your WordPress website.
iii) Color Settings:
Here, you can add pick the custom color for the button, text, icon background and icon to personalize the WhatsApp button and add them in a unique way.
iv) Animation Settings:
From here, you can set any of the 10 pre-design cool animation effects to contact buttons.
v) Button Position:
This settings section will allow you to choose the most appropriate position for the placement of the button.
From here, you can set the pages, posts and categories where you want the WhatsApp contact button to be added.
Step 3: Menu Settings
The plugin provides you with the option to add the WhatsApp contact button on the menus. It will make the WhatsApp button more visible and accessible to the users. So, if you want to add a WhatsApp button on the menu then, the following settings sections are available to customize and configure the button.
i) General Settings:
Here, you can set the position of the WhatsApp button on the menu and show/hide the button text in it.
This settings section will allow you to choose any of the 5 predesigned templates to choose add the best matching WhatsApp button for the menu.
Here, you can pick the most favourable button color, text color, icon background color, and icon color to customize the social media contact button.
iv) Menu Options:
Here, you can select the menus where you want to display the social media button.
Step 4: Shortcode Generator
Alternatively, the plugin offers an inbuilt shortcode generator to add the WhatsApp contact buttons on any page, post, custom post types or widgets. It is a generates the dynamic shortcode as per the configuration and customization made on the settings available. The settings include display settings, templates, color settings, animation settings, button position and contact details with the same options as on the floating button tab.
After you have done all the configuration and customizations, “Click Me to Generate Shortcode” to generate the shortcode. Then, paste it to the desired pages, posts, widgets or custom post types to add the WhatsApp button.
In this way, you can add WhatsApp contact buttons 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 checkout similiar type of tutorial to: