Log in

Add WhatsApp Button to Website WordPress without Plugin

Last updated on February 3, 2023 by with 98 Views and Reading Time: 9 minutes

Do you like to add a WhatsApp button to your WordPress website? In this article, we’ll show you how to add WhatsApp button to website WordPress without plugin. But first, let’s see why you should integrate WhatsApp into your WordPress website?

Video on: add WhatsApp button to website WordPress without plugin

Why add WhatsApp button to website WordPress without plugin?

First of all, let’s check why WhatsApp could help you a lot to interact with your visitors who could become your customers. According to solid statistics, WhatsApp is the most popular messaging app with approximately 2.5 billion users. In addition, WhatsApp owns the maximum number of downloads among the other apps like Telegram, Signal, and others.

English Chat for IELTS and TOEFL LELB Society
Chat with your visitors asynchronously and convert them to loyal customers

As a result, by adding WhatsApp chat to your website, you can help and encourage your visitors to interact with you and become your potential customers. Bear in mind that by installing and using WhatsApp chat on your WordPress website, you’ll chiefly be using asynchronous communication to interact with your visitors. This is because you can basically respond to your customers’ chats at your convenience and possibly with a delay.

Never miss a message with WhatsApp chat

Because WhatsApp chat when used as a live chat button is mainly based on asynchronous communication, you will never miss a message or chat arising from server issues. After all, this is WhatsApp we are talking about! Furthermore, there are some cool features available to WhatsApp Business users that we’re going to discuss at the end of this article.

فواید آموزش غیر همزمان در مقایسه با آموزش همزمان در آموزش آنلاین
Asynchronous communication with your visitors with WhatsApp chat installed on your WordPress website

WordPress has recently included the WhatsApp icon to its Social Icons block or widget. To our astonishment, WhatsApp was not included in the WordPress list of supported icons before. Now, you don’t need to install any WordPress plugin to add WhatsApp chat to your website.

As you might know, installing too many WordPress plugins is never a good idea because there might be conflict between them, and a great number of plugins can have a negative impact on your website performance. Fortunately, on WordPress, you can enhance the functionality of your website without installing so many plugins if you know what is happening under the hood.

How to add WhatsApp button to website wordpress without plugin?

Asynchronous Conversation in English to Practice Speaking at LELB Society
How to communicate with your visitors and encourage them to become your customers with WhatsApp chat

But now, you just need to go through the steps below to add WhatsApp button to website WordPress without plugin:

  1. Login to your WordPress website as the admin and go to your dashboard area.
  2. Navigate to Appearance, and then select Widgets.
  3. Choose a widget location that is visible in all pages and posts. For this reason, we’ve chosen Footer Bar on our WordPress theme, which is GeneratePress.
  4. In the selected widget location, click on the + icon to add a new block.
  5. In the search box on top of the available widgets, search for and select Social Icons.
  6. Click on the + icon to add your favorite icons, which is WhatsApp for this particular purpose.
  7. For the second time, you’ll see a search box where you need to type and locate WhatsApp.
  8. Do not add any other button because this block or widget will be displayed in a fixed position on all of the pages of your website as a live chat system.
  9. Click on the WhatsApp icon and enter the following address in the space provided: https://api.whatsapp.com/send?phone=(your mobile phone number used on your WhatsApp account).
  10. The value after = in the Enter Address box should look like this: 989127969274. In this value, 98 is the country code of Iran as we currently live in Iran. Remember you must not use any space or hyphen in your mobile phone number.
  11. Then you need to customize your WhatsApp button to make it display nicely on all pages. To do that, you should first select the WhatsApp button on the Widgets page, and from the right side pane that shows the settings of this widget, click on Advanced options. After that, to target your WhatsApp button with CSS, in the Additional CSS Classes field, name your WhatsApp button as, e.g. whatsapp.
  12. In the next stage, go to Appearance and select Customize to enter the Customizer area. Then, at the very bottom of Customizer, select Additional CSS. Finally add the following CSS code to your Additional CSS area.

Customize your WhatsApp button with CSS


The above CSS code will make your WhatsApp chat button appear in a fixed position on each page like any other standard live chat icon.

Why don’t we recommend live chats?

Leave voice messages and attach files on live chat
Using live chat on your WordPress website to increase your conversion rate and build trust in your visitors

Live chats can or cannot help grow your online business. This actually works like a double-edged sword. If you run a large business, you probably need to use live chat on your website to build a sense of trust and social presence in your visitors. However, if you’re running a small or startup business, using WhatsApp chat would seem to be a better choice to make.

Social presence and student interactivity in online social contexts at LELB Society
Realizing a sense of social presence and interactivity among your visitors on WordPress

The disadvantages of using live chats for small businesses

The following are some of the disadvantages of using live chat systems on your WordPress website if you’re running a small business:

Live chat at LELB Society to leave voice messages and attach files
Why you should not necessarily install live chats on your WordPress website for your small business?
  1. You will probably need to download and install more WordPress plugins on your website, which has its own setbacks.
  2. Live chats tremendously increase external or third-party JavaScript load on your website, thus worsening your website performance to a very noticeable degree.
  3. Most live chats don’t have automatic bots to interact with your visitors without human intervention. On the other hand, your visitors prefer to interact with humans rather than robots. For this reason, you need to hire operators to communicate with your visitors from the installed live chat.
  4. Some live chat providers charge you so much money for the services that you might not even need. 

Use WhatsApp Business

Did you know you could install and use WhatsApp Business instead of WhatsApp Messenger to interact with your visitors more effectively? WhatsApp Business is perfect for your small business because of the following reasons:

chat room LELB Society
Using WhatsApp Business instead of WhatsApp Messenger on your WordPress website to interact with your customers more easily and effectively
  1. WhatsApp Business includes all the features available in WhatsApp Messenger.
  2. It’s a free application that can easily be installed and used on iPhone and Android devices.
  3. You can showcase your services or products by creating a business profile that includes your business catalogs and your contact information.
  4. You can easily organize and arrange all your chats and messages through Labels on WhatsApp Business.
  5. You can professionally respond to your visitors or customers’ questions, requests or orders with great messaging tools on WhatsApp Business, for example, automatic responses, interactive messages, chatbots, multilingual support, and the like.
  6. Like WhatsApp Messenger, with WhatsApp Business, your visitors or customers can leave voice messages to you instead of texting you, which is a lot easier. Note that most live chat providers do not support voice or audio commenting.

We respond to all comments immediately. View the 20 newest comments and new topics in forums, or create a new topic in forums.

Leave a Comment