Privacy Overview
This website uses cookies to improve your experience while you navigate through the website. Out of these cookies, the cookies that are categorized as necessary are stored on your browser as they are essential for the working of basic functionalities of the website. We also use third-party cookies that help us analyze and understand how you use this website. These cookies will be stored in your browser only with your consent. You also have the option to opt-out of these cookies. But opting out of some of these cookies may have an effect on your browsing experience.
Always Active

Necessary cookies are required to enable the basic features of this site, such as providing secure log-in or adjusting your consent preferences. These cookies do not store any personally identifiable data.

No cookies to display.

Functional cookies help perform certain functionalities like sharing the content of the website on social media platforms, collecting feedback, and other third-party features.

No cookies to display.

Analytical cookies are used to understand how visitors interact with the website. These cookies help provide information on metrics such as the number of visitors, bounce rate, traffic source, etc.

No cookies to display.

Performance cookies are used to understand and analyse the key performance indexes of the website which helps in delivering a better user experience for the visitors.

No cookies to display.

Advertisement cookies are used to provide visitors with customised advertisements based on the pages you visited previously and to analyse the effectiveness of the ad campaigns.

No cookies to display.

Skip to main content
mobile

Integrate Whatsapp Click to Chat on WordPress

by July 27, 2020#!31Fri, 07 Aug 2020 17:24:57 +0200+02:005731#31Fri, 07 Aug 2020 17:24:57 +0200+02:00-5Europe/Rome3131Europe/Rome202031 07pm31pm-31Fri, 07 Aug 2020 17:24:57 +0200+02:005Europe/Rome3131Europe/Rome2020312020Fri, 07 Aug 2020 17:24:57 +0200245248pmFriday=4159#!31Fri, 07 Aug 2020 17:24:57 +0200+02:00Europe/Rome8#August 7th, 2020#!31Fri, 07 Aug 2020 17:24:57 +0200+02:005731#/31Fri, 07 Aug 2020 17:24:57 +0200+02:00-5Europe/Rome3131Europe/Rome202031#!31Fri, 07 Aug 2020 17:24:57 +0200+02:00Europe/Rome8#No Comments

1. Find a Whatsapp icon

First of all we need an icon to allow the user to click on. There are many royalty free image sites you can choose from. Download an icon you like, upload it to the media section and put the URL on the side for now.

2. Define the parameters

There are 2 parameters you need to decide:

  1. The phone number to which you want to send the message Whatsapp
  2. The message that will be sent to you

3. Put it all together

Here is your button:

< A href = "Https://api.whatsapp.com/send?phone=00155555555&text=I I am interested in your service" target = "_Blank" class = "Whatsapp" >
< img src = "Https://site.com/wp-content/uploads/2018/07/whatsapp.png" alt = "Whatsapp" >
< / to >

Copy the above but be sure to change the phone number and message.

4. Paste the code

For the sake of this tutorial we will place the icon at the bottom left of the screen and give it a fixed position so that you cannot lose it.

So to do this, I'll paste the code from above into mine footer.phpfiles just before the bodyclosing tag.

Once I save my file and update my browser, I will be able to see the icon at the bottom of the page. Now we will go ahead and shape it.

5. Draw the Whatsapp button

All you have to do is write a few lines CSSand paste it into yours style.cssfile.

.Whatsapp {
position: fixed;
left: 5px;
bottom: 65px;
}

As you can see, I placed my 5 pixel icon from the left of the screen and 65 pixels from the bottom. The reason I did it was the fact that it blocked some text on my footer when I scrolled to the end of my page, but you can play it as you wish.

6. The moment of truth

All you should do now is update the page, make sure you like the place where the icon is located, click on it and make sure you are transferred to Whatsapp to send your message.

Although this tutorial should be incredibly easy to do on your site, if you still need a plug-in, here is a plug-in that will help you implement a Whatsapp click to call button.

Click Chat to chat Whatsapp

Click Chat for WhatsApp chat

This plugin has 10 different design styles and is really easy to use. Here are some other features:

  • Choose your icon / image
  • animations
  • Style on a specific page / post
  • Define your message
  • Support for Google Analytics and Tag Manger Event
  • Support for Facebook events

Leave a Reply