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

Ruben Buijs

Founder & Digital Consultant

Written on Aug 20, 2023

Updated on Oct 9, 2023

2 minutes


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 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.<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.


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, the founder of Boei, leverages over a decade of consultancy experience at Ernst & Young to optimize lead generation. Boei specializes in converting website visitors into qualified leads. Outside of work, Ruben is passionate about crossfit and enjoys gaming occasionally.

Read more

How to Set WhatsApp Auto Reply Message: Ultimate Guide 2024

Discover how to set up auto-reply messages in WhatsApp Business App. Use the power of WhatsApp to automate your reply.

Instagram Business Chat: A Complete Guide (2024)

Discover how to leverage Instagram business chat and effectively message customers on this popular social media platform.

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

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!



Trusted by 10,000+ businesses

Quick 5-min, no code setup

Jordi Ibrahim Dan Renaat Fran Nitesh