How to Add a WhatsApp Chat Button to Your Website

Ruben Buijs Ruben Buijs Aug 20, 2023 4 min read Updated Jan 26, 2026 ChatGPT Claude
How to Add a WhatsApp Chat Button to Your Website

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.

Looking for the fastest way to add WhatsApp to your website? Check out this WhatsApp chat widget it takes just 5 minutes and requires no coding.

This guide covers multiple methods, including DIY solutions and ready-made tools like Boei.

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. Frequently Asked Questions
  5. 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.

If you run a WordPress website, you can also use a plugin. See the best WhatsApp WordPress plugins.

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.

To make this easier, you can use this tool to generate a custom WhatsApp link for free.

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:

WhatsApp chat widget on website

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.

Creating a WhatsApp helper in Boei

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

  • Create a WhatsApp QR code that people can scan on their desktop computer when they don't use WhatsApp web
  • Use a prepopulated message as a starting point, so you know where the customer is coming from
  • Use Boei's AI chatbot on WhatsApp to auto-reply to incoming messages 24/7. The AI qualifies leads and delivers full conversations to your shared inbox
  • 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

Frequently Asked Questions

Is it free to add a WhatsApp button to my website?

Yes. You can add a basic WhatsApp button for free using a simple link (wa.me/yournumber). For a more polished chat widget with features like office hours and pre-filled messages, tools like Boei offer a free trial and paid plans starting at EUR 8/month.

Do my visitors need WhatsApp installed to use the chat button?

Yes, visitors need WhatsApp on their phone or WhatsApp Web on their desktop. When they click the button, it opens WhatsApp directly with your number pre-filled. Over 2 billion people already use WhatsApp, so most of your visitors will have it.

Can I use a regular WhatsApp number or do I need WhatsApp Business?

Both work. A regular WhatsApp number handles basic chat just fine. WhatsApp Business gives you extra features like business profiles, quick replies, automated greetings, and catalog links. It is free to use and worth setting up if you are serious about customer communication.

How do I track how many people click my WhatsApp button?

Tools like Boei include built-in analytics that show click counts and conversion data. If you use a plain link, you can set up Google Analytics event tracking on the button to measure clicks. Tracking helps you understand which pages drive the most WhatsApp conversations.

Can I add WhatsApp chat to Shopify, Wix, or WordPress?

Yes. Most website platforms support WhatsApp buttons. WordPress has dedicated plugins (see our WhatsApp plugin comparison or the WhatsApp for WordPress setup guide). For Shopify, Wix, Squarespace, and Webflow, you can use Boei's embed code or a simple HTML link.

Conclusion

With the help of this article, you can learn how to add a WhatsApp chat button to your website for free. With Boei, you can go beyond a simple button. Incoming WhatsApp messages get AI auto-replies and land in your shared inbox, so your team can manage everything in one place.

Ruben Buijs

Article by

Ruben is the founder of Boei, with 12+ years of experience in conversion optimization. Former IT consultant at Ernst & Young and Accenture, where he helped product teams at Shell, ING, Rabobank, Aegon, NN, and AirFrance/KLM optimize their digital experiences. Now building tools to help businesses convert more website visitors into customers.

Convert more visitors into leads

Join 17,000+ businesses using Boei

  • AI chatbot + 50 contact channels
  • 5-minute setup, no coding
  • 7-day free trial
  • Shared inbox + CRM
Try Free

Create your first Boei widget today

Get 30% more conversations and effortlessly convert them into customers.
Don't wait, experience it for free yourself!

URL

https://
https://

Trusted by 17,000+ businesses

Quick 5-min, no code setup

Andrew Lee David S. Vance W. Grant Nitesh Manav
from 159 reviews

Enterprise? Schedule a demo →

Read more

AI Agent vs AI Chatbot: What's the Difference?

AI agent vs AI chatbot: what's the real difference? Learn how agents take actions while chatbots answer questions, and which one your business needs.

AI Chatbot for Booking & Appointments (2026)

How to use an AI chatbot for booking appointments. Setup guide, industry examples, and comparison with Calendly and Acuity.

AI Chatbot for Car Dealerships: Automate Leads 24/7 (2026)

AI chatbot for car dealerships captures leads after hours, books test drives, and shows inventory. See how dealerships automate sales in 2026.

AI Chatbot for Customer Onboarding: Reduce Churn

Use an AI chatbot for customer onboarding to reduce churn, speed up activation, and guide new users to value faster.

AI Chatbot for Financial Services (2026 Guide)

AI chatbot for financial services automates client inquiries, loan pre-qualification, and appointment booking while staying GDPR compliant.