How to add a WhatsApp chat button to your website - Step-by-step guide

Ruben Buijs

2 minutes ยท Written on Aug 20, 2023 ยท Updated on Oct 9, 2023

Do you want to get more leads from your website? Do you want to improve customer engagement? If yes, you need to add a WhatsApp chat button to your website. This article will discuss how to add a WhatsApp chat button on websites and mobile apps.

WhatsApp is one of the worldโ€™s most popular messaging apps, with over 1 billion monthly active users. The app has become a primary means of communication for many internet users, especially younger ones, who are less likely to use email and social media sites as frequently as older generations.

Adding WhatsApp Chat Button To Website Is Easy:

Table of contents

  1. What is a WhatsApp Chat Button?
  2. How to add a WhatsApp chat button to your website for free?
  3. Tips to get more conversations on WhatsApp
  4. Conclusion

What is a WhatsApp Chat Button?

A WhatsApp chat button is a feature that allows users to share text, audio, and video content with other WhatsApp users. The buttons are typically added to websites and mobile apps.

How to add a WhatsApp chat button to your website for free?

So, now you want to add WhatsApp chat as an option. But how?

The first step is to sign up for a WhatsApp Business account. If you donโ€™t have one, you can create one at https://www.whatsapp.com/business/. Next, install the WhatsApp app that will use your WhatsApp business number to send and receive messages.

Once the app is installed, the next step is to let your users know how they can find the button on your website and blog. You can opt for any of these methods:

There are two methods:

  1. Open WhatsApp using a link (simple)

  2. Get WhatsApp chats using Boei (simple)

1. WhatsApp using a link

For this to work, you need to create a button on your website.

To open WhatsApp, you can use the following link format.

https://api.whatsapp.com/send/?phone=<reference>

You can replace <reference> with your phone number.

2. WhatsApp chat using Boei

Boei lets your customers chat with you via their favorite channels like WhatsApp, Facebook Messenger, Viber, Slack, Telegram, and many other chat channels.

When you set up WhatsApp on Boei, it will look like this:

In Boei, you can create a new (so-called) helper for WhatsApp. Here you can fill in your WhatsApp or WhatsApp for business phone number.

Next to WhatsApp, you can also add many other channels (like Facebook Messenger chat or Telegram, see here). Or even an embedded contact form and newsletter subscription.

Boei is super easy to install, see the documentation.

Also, Boei is super lightweight and does not need to use a heavy Javascript library.

Tips to get more conversations on WhatsApp

  • Use a prepopulated message as a starting point, so you know where the customer is coming from.

  • Add more space between the text and the button.

  • Use a dark background so that it will stand out on light backgrounds like white or light grey.

  • Make sure to include your logo or friendly face in the button design so that it is not missed.

  • Consider using colorful buttons with different shapes and designs to make them stand out more.

Conclusion

With the help of this article, you can learn how to add a WhatsApp chat button to your website for free. After reading this article, you will understand how to add a WhatsApp chat button on your website.

Article by

Ruben Buijs

Ruben is the founder of Boei and leverages over a decade of consulting experience from Ernst & Young to optimize automated lead generation. Boei specializes in transforming website visitors into qualified leads. Outside of his professional pursuits, Ruben is passionate about crossfit and enjoys occasional gaming.

Read more

Callback Requests Widget: A Game-Changer

Discover how callback requests can revolutionize your customer support and service. Help your customers and allow them to call about your product.

Boost Your Business with Omnichannel KPIs: A Complete Guide

Discover the power of omnichannel KPIs and learn how to measure success across multiple channels.This comprehensive guide will help you optimize your customer chat interactions and drive business growth.

Add Facebook Messenger live chat widget to your website (2023)

Add Facebook Messenger live chat plugin on your website. Use Business Messenger to your website and support customers with Facebook chat plugin.

Create your first Boei widget now

Get 20% more conversations and turn them into customers easily.
You don't need take our word for it, just try for free!

URL

https://
https://
Trusted by 10,000+ Businesses

Free Start, Easy 5-Min Setup, No Coding