How to Integrate WhatsApp Chat into a Business Website
Adding WhatsApp to your website is one of the quickest ways to give visitors a familiar, low-effort route to your business. The good news is that it requires little technical skill. You can do it in about ten minutes with a simple link, or build a more polished setup with a plugin or business platform.
Before you start
Prepare three things:
- A WhatsApp Business number. Use the free WhatsApp Business app on a number dedicated to your business, not your personal phone number. Complete your business profile with your logo, description, hours and address.
- A plan for who will answer. Decide who monitors messages and during which hours. A chat button that nobody answers damages trust.
- A greeting and away message. Set these in the app so visitors always get an immediate response.
Option 1: Use a click-to-chat link
The simplest method uses a standard WhatsApp link that opens a conversation with your number. The format is:
https://wa.me/254700000000
Replace the example with your full number in international format, with the country code and without plus signs, spaces or dashes. Kenyan numbers start with 254, followed by the number without the leading zero.
To pre-fill a message, add a text parameter:
https://wa.me/254700000000?text=Hi%20I%27d%20like%20to%20ask%20about%20your%20services
Spaces become %20 in the web address. You can link this to any button, image or text on your site. On phones it opens the WhatsApp app, while on computers it opens WhatsApp Web or the desktop app.
Option 2: Add a floating chat button
A floating button stays visible in the corner of the screen as visitors scroll, which keeps the option constantly available. There are two common ways to add one:
- Website platform plugins. If you use WordPress, Wix, Shopify, Squarespace or Webflow, search the plugin or app store for “WhatsApp chat” or “click to chat.” Install it, enter your number and customise the button text, colour, position and greeting.
- Widget services. Tools such as Elfsight, Tidio, Chaty and others offer chat widgets that you paste onto your site as a short code snippet.
Always check reviews, how often a plugin is updated and what data it collects before installing.
Option 3: Use the WhatsApp Business Platform
Businesses with higher volume can use the official WhatsApp Business Platform through approved providers. This allows multiple agents to share one number, connects chats to your CRM, supports automation and chatbots and gives analytics. It involves setup, verification and per-conversation fees, so it suits growing businesses with a sales or support team.
Choose where to place the button
Placement affects results. Good locations include:
- The header or a floating button on every page
- Product and service pages, with a message that mentions the specific item
- The contact page, next to your phone number and form
- The checkout page, to answer last-minute questions
- Thank-you pages, to continue the conversation after a form submission
Design the button well
Use WhatsApp’s recognisable green and logo so people understand instantly. Add a short label such as “Chat with us” or “Message us on WhatsApp.” Make it large enough to tap comfortably on mobile but not so large that it covers text or other buttons. Test it on several phones and screen sizes.
Write a useful pre-filled message
A pre-filled message saves visitors effort and gives you context. Make it specific to the page, for example “Hi, I’m interested in the three-bedroom apartment in Kilimani.” You can create different links for different pages, which also lets you see which page each lead came from.
Add a QR code for mobile and print
WhatsApp lets you generate a QR code for your business link. Add it to your website for desktop visitors who prefer to continue on their phone, and on printed materials such as flyers and shop windows.
Test everything before launch
Click the button on both phone and computer. Check that the number is correct, the message appears as intended and the chat opens in the right place. Send a test message and confirm that you receive it and your auto-replies work.
Respect privacy and rules
Add a short note near the button, or in your privacy policy, explaining how you handle conversations and contact details. Follow WhatsApp’s business policies and your local data protection laws. Do not message people who have not contacted you or agreed to hear from you.
Track performance
Add tracking so you know how well the button works. Google Tag Manager or your analytics tool can record clicks on the WhatsApp link as an event. Compare clicks, conversations started and resulting sales for each page. If many people click but few message, review the pre-filled text, your response speed and the page content.
Keep improving
Review your chats weekly to see the questions people ask most, then answer them on the page itself or in saved quick replies. Adjust button placement and wording based on results.
Integrating WhatsApp is technically simple, but its success depends on responsiveness. Set it up cleanly, place it where visitors need help and answer quickly. Do that, and a small green button can become one of the most productive features on your website.