WhatsApp is among the most commonly used messaging applications that have more than 2.8 billion users across the globe. Installing your WhatsApp chat box on your WordPress site is an excellent means of increasing customer interest and simplifying the communication process by people downloading your materials.
You can use a WhatsApp chat box to attract more visitors to your site whether it is to offer them support or just to create a higher social sharing.
In this article we have mentioned how one can easily add a WhatsApp button in WordPress.
Method 2: Add WhatsApp Chatbox Button in WordPress
Through this way, you can add a WhatsApp chatbox button in WordPress.
This implies that whenever an account/user pushes the WhatsApp chat button, he/she will be in a position of sending you a dedicated message via the WhatsApp phone number.
Important to note: You will not actually get messages in your WordPress Dashboard, but you can actually use WhatsApp as you would any other chat application on the mobile platform, in a web-based interface, and via desktop software.
This requires first of all setting up and enabling the Click to Chat plug-in.
To go into more detail, please refer to our step by step training on how to install a WordPress Plugin.
After enabling, you can see the Click to Chat menu which is added to the WordPress dashboard and which then appears in the left side of the dashboard.
To begin with, Click on the WhatsApp Number and input the telephone number of your business.
It is this phone number you will be receiving messages sent by users.
After that you will be in a position to type a plain message in Pre-filled message field. That is what will be the default message that will appear on your WhatsApp chat window.
The second step is to scroll down the position to place section.
In that you can select the location and the size of your chatbox in the drop down menus.
You must then move to the display settings.
In this case, you will have to check the box that has the word Global besides the places where you would like to exhibit your WhatsApp chatbox.
As an illustration, when you want to post the chatbox on your posts, the pages and the category pages you must check the Global option.
There is also the chance of the so-called Hide option when you do not desire to see the WhatsApp chat box on a specific page.
and finally, upon having all the settings made (Beware not to leave out saving the changes) you will be saving your settings.
Once this is complete you must go to the Click to Chat Greetings page in order to select in a drop-down menu a greeting dialog.
You shall see this welcome dialogue with the WhatsApp button on your page.
After selecting your choice, you will have to input your content into the header, main content and the call to action in the welcome dialog.
The second step is to scroll down the “Customizable Design“.
This is the area where you will be in a position to choose the background of main content, header and content box.
The next thing you need to do then is to press the save changes button and save your settings.
Now we shall demonstrate how you can easily add WhatsApp chat button in block editor, as widget and in full site editor.
Add WhatsApp chat button in block editor
The WhatsApp button can be easily added to a certain page or a post on a WordPress site with the help of the Block Editor.
In this tutorial, we shall add WhatsApp button to one of the pages.
To begin with, you must navigate to the Pages » Add New in the sidebar of the administration.
The block editor(s) then opens.
At this point, you have to press the Add Module button ( + ) in the upper left-hand corner of the screen and press the block Shortcode.
Once you have added the “Shortcode” block, the next thing is to add to the block the following shortcode.
[ht-ctc-chat]And then it just requires one to press the “Publish” button at the top of the page.
Here is what the WhatsApp button would be when displayed on our demo site.
Added WhatsApp chat button as widget
We will demonstrate to you in this approach how to add WhatsApp button as a sidebar widget on your site easily.
To start with, select Appearance in WordPress sidebar,tap Widgets page.
When there, you can just have to click on the “Sidebar tab” to make it appear and then on the + (Add Block) sign at the top. The second will be to locate and add the Shortcode block in the side bar..
Now all that one has to do is to block the short code that follows into the block and copy it.
|
1
|
[ht-ctc-chat] |
Finally but not least, remember to save your Settings by clicking on the “Update” button.
This is what the WhatsApp button appeared after it was used and added in the sidebar of our demo site.
Added WhatsApp chat button in full site editor
This one is right if you are working with a full site editor based on a block-based theme. To begin with, visit the page you can see the full site editor you can do this by going to the Appearance » Editor page.
Then press the button of “Adding Block” ( + ) in the upper left corner of the screen. Find and install the “Shortcode” menu in the part of the site that you would like it to be on.
After adding the block, one should find the following “shortcode” and copy-paste it to the block.
[ht-ctc-chat]Last but not the least is toPhiy “Update at the top right of the page” in order to save what you have changed.
The WhatsApp button resembled this on our site.
After doing the stuff, you can get rid of what you have just done by just clicking on the “save changes” button after that. To learn more, refer to our guide on how to add social sharing buttons on your online website (WordPress).
Hopefully, this article has allowed you to know how to include WhatsApp button into WordPress. You can also consider reading our best live chat software in small business and how to add text-to-speech in WordPress as a tutorial.
Should you have liked this article, then consider subscribing to our YouTube channel where we have tutorials on how to use WordPress.
Twitter and Facebook are also available.
