Want To Send Bulk SMS?
If yes, then test our service for FREE.
Get a Free Trial of WhatsApp API
Are you interested in learning "How to Add WhatsApp Button on WordPress Website without Plugin"? In this blog, we will elaborate on the steps to learn how to add WhatsApp button on WordPress website without plugin. But before that, you know how to integrate WhatsApp into your WordPress website.
To add a WhatsApp button on the WordPress website we will not use any plugins but will do it manually through code. You just need to follow the steps to add WhatsApp button on WordPress Website without plugin.
For the development of business websites, 35% of web users use WordPress. As per the reports 61.8% of the market share is enjoyed by WordPress. In comparison with WordPress, Joomla is another CMS that is very far behind with 4.7% market population.
WhatsApp is a messaging and calling program that can be used on phones all around the world and is quick, easy, and safe. One of the most widely used apps in the world today, WhatsApp was purchased by Facebook in 2014 for $19 billion. Worldwide, there are more than 2 billion active WhatsApp users, and that number is growing (WhatsApp, 2020).
WhatsApp is becoming a necessary tool for communication, both personally and professionally, in the digital age. Given its popularity, it makes sense that website owners would want to make it simple for their visitors to contact them through WhatsApp. While numerous plugins may be used to add a WhatsApp click-to-chat button to a WordPress website, some users may choose to keep their website free of unused plugins.
Fortunately, adding a WhatsApp click-to-chat button to WordPress can be done quickly and easily without the use of a plugin. I'll go over the procedures in this article, and by the time I'm done, your WordPress site will have a working "click to chat" button.
What is WhatsApp Chat Button
You know, when people visit your website, they can talk to you right there by clicking a WhatsApp chat button. They don't have to go to another page. People really like using messaging apps to chat with businesses.
Basically, a WhatsApp button is like a chat button that makes it easy for your customers to talk to you through WhatsApp. They just need to click the button on your website to begin a conversation.
The messages go to your WhatsApp business account, which makes it easy for customers to reach out to you. This also helps boost your reputation for providing great customer service.
What Is The Need To Add WhatsApp Button On WordPress Website Plugin?
Let's look at some of the reasons why using WhatsApp to communicate with potential consumers could be quite beneficial. With over 2.5 billion users, WhatsApp is the most widely used messaging service, according to reliable figures. In addition, among other apps like Telegram, Signal, and others, WhatsApp has the most downloads.
Therefore, adding a WhatsApp button on WordPress website without the use of a plugin will assist and encourage visitors to engage with you and eventually become potential clients.
Keep in mind that if you install and use WhatsApp chat on your WordPress website, you'll primarily be interacting with your visitors asynchronously. This is because you can essentially respond to consumer interactions whenever it's convenient for you at a delay.
How To Add WhatsApp Button On WordPress Website Without Plugin?
Are you wondering about how to add WhatsApp button on WordPress Website without plugin? With the WhatsApp button on the WordPress website, you want to communicate with your customers and motivate them to choose you as their service.
But now, you just need to go through the steps below to add WhatsApp button on WordPress Website without plugin:
- Go to your dashboard after logging in as the administrator of your WordPress website.
- Select Widgets under Appearance from the menu.
- Pick a widget placement that appears on all pages and posts. We decided to use Footer Bar on our WordPress theme, GeneratePress, for this reason.
- To add a new block, click the plus icon in the widget area you've chosen.
- Search for and choose Social Icons from the available widgets' search box at the top.
- To add your preferred symbol, in this case WhatsApp, click on the plus sign (+).
- Once more, you'll see a search box where you'll need to type WhatsApp to find it.
- Don't add any additional buttons because this block or widget will be presented as a live chat system in a fixed position on all of the pages of your website.
- Enter the following address in the box that appears after clicking the WhatsApp icon: https://api.whatsapp.com/send?phone=(The mobile number associated with your WhatsApp account).
- The number that appears in the Enter Address field following the equal sign should be 91xxxxxxxx. The country code for where we presently reside is 91 in this value. Remember that your mobile phone number cannot contain a space or a hyphen.
- Then, to have your WhatsApp button seem good on all pages, you must customize it. To do that, first, choose the WhatsApp button on the Widgets page, then pick Advanced options in the right-side pane that displays this widget's settings. Then, in the Additional CSS Classes field, give your WhatsApp button a name like "whatsapp" to target it with CSS.
- To access the Customizer area, go to Appearance and choose Customize in the following step. Select Additional CSS at the very bottom of Customizer. Add the following CSS code to your Additional CSS box to complete the process.
How To Add WhatsApp Button On WordPress Website Without Plugin With Help GetItSMS: With & Without Coding
When adding WhatsApp button on WordPress Website without plugin it will help to grow your business to a high level. This feature will act like a double-edged sword. If your company is big, you should surely employ the WhatsApp button on the WordPress website to give users a sense of social presence and trust. However, using WhatsApp chat seems like a better decision if you're managing a small or new firm.
In this section, we will describe the detailed steps to add a WhatsApp button on the WordPress website below:
1. Add WhatsApp Button on the WordPress Website Without Coding
Step 1. Visit the official website of GetItSMS and follow the instructions to add the WhatsApp button on the WordPress website.
Step 2. Through this form, you can add a WhatsApp button on the WordPress website without a plugin. You have to fill in these text fields to do that.
Step 3. First, enter your business WhatsApp number including your country code without the + symbol like this.
Step 4. After your mobile number, enter your business email address in this format.
Step 5. Once you enter your business mobile WhatsApp number and email address, you need to type the greeting message that you want to show whenever a customer initiates a conversation like this.
Step 6. You are all set to go, after entering all details click on the button “Add to website”. The submitted details will be reflected in your WhatsApp button accordingly.
Step 7. After adding the WhatsApp button on the WordPress website, it will display like this.
Step 8. But you need to consider one thing: after adding this WhatsApp button on the WordPress website, the company logo and name will not be displayed.
Step 9. The given code is below the form, you have to insert the code in your WordPress website admin panel footer to add the WhatsApp button.
Step 10. To display the company logo and name on the WhatsApp chat widget click on the “Change name and profile” button.
Step 11. Once you click on the Change name & profile button you will be redirected to this page with the following details.
Step 12. You can add your business name and logo to select the particular details. After that copy the given code and insert it in your website footer.
Step 13. Once you get the code login to your WordPress website admin panel and click on “Appearance option”.
Step 14. Under the appearance option, you have to click on “Customize” to proceed further.
Step 15. Once you click to customize, you will see a lot of menus and you have to click on the “Widgets” menu.
Step 16. After clicking on the widget section, you will see the footer menu click on that.
Step 17. When you click on the footer menu, this page will open and you have to click on the + icon to add the code.
Step 18. After clicking on the + icon, you will see an option of Browse All click on that.
Step 19. In browse all options you have to choose the “Code” option to insert that code.
Step 20. The code you get from the website is copied and pasted in this section and then published to add the Whatsapp chat button for website.
Step 21. You are all set, The WhatsApp chat button is successfully added to your website.
This is how you can implement the WhatsApp button on the WordPress website without a plugin with the help of GetItSMS.
2. Add a WhatsApp Button on the WordPress Website With Coding
In this section, you will learn about how to add a WhatsApp button on a WordPress website with coding if you can add the code with the coding given in the above section. For this you will have to follow the steps that will not use the plugin with coding and the results will be like this.
Follow the given steps until step 13 and further to add a WhatsApp button on the WordPress website with coding follow these next steps:
Step-14. The code you get is pasted into the footer.php file to see the result. The steps for adding the code to the footer.php file would be in the WordPress dashboard, go to Appearance ➡ Theme File Editor, and open the footer.php file.
Step 15. After opening the footer.php file click on the coding section anywhere and search