Skip to content
Step by Step Internet 馃寪 Guides for learning to surf the Net

How to use WhatsApp Business on my WordPress website? Step by step guide

Is Messaging application is one of the most popular and used worldwide, it has allowed millions of people to communicate regardless of distance or location each.

That is how WhatsApp has become a very popular form of communication. Also thanks to its version WhatsApp Business Now you can direct yourself directly to the workplace.

As if that were not enough too can be integrated into the WordPress platform, one of the most popular today for create different websites. This is how here we are going to teach you how to carry out this integration step by step.

What are the benefits of using WhatsApp Business on my website?

Be able to integrate WhatsApp Business on WordPress is one of the best news for most users, and is that visitors to many web pages constantly seek immediate answers, and for this, what better than to offer them a direct access to instant messaging chat. As this will offer greater comfort for visitors at all times.

Most websites usually offer contact forms, send email or make phone calls using Skype or other platforms, but this does not offer speed or comfort for customers so they may decide to leave your website and look for another.

Therefore, WhatsApp Business It is an excellent method for what is the communication with your visitors, so you can start using it in your platform WordPress and thus begin to offer a new method of communication and customer service, which is very important in this type of project.

Learn step by step how to integrate WhatsApp Business into your WordPress website

When you want to integrate anything to this platform there are always two ways to do it, one of them is using a plugin or manually, so you can add this instant messaging in either of these two ways.

To do this, follow each of these methods:

Using a Plugin

This is the simplest way to be able add WhatsApp to the platform, which will allow you to create a fairly complete chat system. This time you will be shown how to do it using the VVAme Chat and Click to Chat plugins.

With either of them you will be able to achieve this integration:

VVAme Chat

It is one of the plugins most used today, which is very easy to install and configure and you can choose where you want the whatsapp button on the platform.

Therefore, when you have already installed and activated the plugin, you will have to follow each of these steps:

General button settings

The first thing you will have to do is configure the appearance of the WhatsApp Business chat button, for this you must go to the “Settings” and then to “VVAme chat” and go to the tab “General”.

Then make the following adjustments:

  • The first thing will be to add the phone number where you are going to attend all customer inquiries.
  • A predefined message for you your visit you send yourself, this step is not mandatory so you can leave it blank.
  • It also gives you the option to decide if you want the button to only appear in WordPress from mobile devices or also on computers, for this case it will open WhatsApp Web in the browser.
  • You can select yourself the position of the chat button on the web, as well as adding a logo or an image or adding text next to the button.
  • If you want you can select when you want the button to be shown on the user’s screen, whether it is shown immediately, otherwise sets the seconds of time delay what you want.

General button settings

Chat window settings

If you want to be the one to contact your customers first, then you can create a automatic message so that your clients realize that you are there to answer any questions.

For this you can apply the following:

  • You may write a message or a call to action so that you can attract the attention of the visitors.
  • Sets the text of the button WhatsApp start in the chat window.
  • It can impact the visitor either with a small notice and that is not very intrusive or that it opens automatically the chat window when accessing.

Chat window settings

Advanced settings

In the advanced settings you can decide if you want the chat is available on all pagesBy default, it will appear on all, but you can make it only appear on certain pages.

Advanced settings

In the case that you are not always shown the same message or hide it in a certain post, then you can use the option custom or hide it every time you post or edit a page on WordPress.

Click to Chat

Click to Chat

This is another of the alternatives that you can use in terms of the plugins, it gives you the possibility to add a chat of WhatsApp in WordPress in a very simple way. In this way, when it is installed and activated on your website, the section “Click to chat” in the side menu of WordPress.

Then you will be able to select and configure the following details:

  • The first will be add phone number where you are going to answer the questions of the visitors.
  • The message that will be displayed automatically when the person clicks the chat button.
  • You can set up a call to action or CTA shown next to whatsapp button.
  • Choose the style of the button for what it is the mobile version as desktop and the size of it.

Click to Chat

  • You can set a CTA different in each of the pages if you wish or hide it in some of them so that it is not shown.

Integrate WhatsApp in WordPress using a code

The other way to place the messenger on the platform is manually and without using plugins, for it WhatsApp has created the functionality “Click to chat” through which you will be able to open a chat directly with a number even if it is not in your contact list through the url.

To carry out this method, follow each of these steps:

Build your URL

The first thing you are going to do is create your URL following this pattern: https://wa.me/<number>/?text=<urlencodedtext>.

After this you will replace the following fields with your information:

  • : Here you are going to add the phone number where you want to answer all inquiries, including the prefix of your country, without including special characters.
  • : This is the URL of the message that you want to be sent by default, it is not necessary to do so, but it will be much more comfortable for your users, so you can put something like “Hello, how can we help you?

Keep in mind that as the text is part of the URL, it must be encoded, if you haven’t done this before, then use an online tool that allows you to do it like URLEncoderTo do this, simply enter the text to be encoded and it automatically returns the text string to use in the URL.

Build your URL

In this way you will obtain the URL you need, it will be similar to the following:

  • https://wa.me/34666778899/?text=Hola%2C%20%C2%BFpod%C3%A9is%20ayudarme%

Insert the URL in WordPress

You only need add the url in WordPress, This will allow you to add the link directly from WhatsApp on the platform, but you must bear in mind that it is not a chat system as if it happens with the plugins. In this way it is recommended that you add it in your contact section. When the client clicks on the link they will be sent directly to WhatsApp, if it is from a smartphone, then the messaging app will automatically open and if it is from the computer it will be sent to WhatsApp Web.

Insert the URL in WordPress

Tips to get the most out of WhatsApp Business on your website and get the most out of the tool

Tips to make the most of WhatsApp Business on your website and make the most of the tool

Be able to integrate messaging on your website from WordPress it will offer you very good benefits, especially related to what is communication with your viewers.

That is why here we are going to show you some tips so that you can make the most of this tool and get the most out of it:

Personalized customer service

One of the advantages that this offers you is that you can offer personalized customer service, so your visitors will no longer have to fill out forms or sending emails to communicate with you, but can do so through a real time communication and thus get answers to your concerns instantly. Therefore, including this type of chat on your website will offer you certain advantages with respect to those who follow using other communication methods.

Offer a welcome message to your visitors

By activating and installing the whatsapp button On your website you will have the opportunity to offer a welcome to your visitors, for this you can configure the chat so that it is activated every time someone enters the site for the first time. There you can leave a Welcome message and in that way let the public know that they can contact you there with any questions or concerns they have.

Lead Collection

Another advantage that this offers is that it gives you the possibility of having a lead collectionKeep in mind that the lead or contact is that user of a web page who at a certain moment provides you with their data in a form, thus requesting their status as anonymous visit and becoming a user that you can follow up on. Therefore, to be able to get a lead acquisition It will allow you to nurture your database and you will be able to get certain benefits from all this without having to dedicate a lot of effort to it.

Greater professionalism

If you have a website available and you want to get as much attention as possible from it, then it is necessary that you adapt it in the most professional way that you can, and what better than adding a whatsapp button where your viewers can get real-time customer service. These types of services offered will help you capture much more attention and interest by visitors.