How to Add a WhatsApp Chat Button to Your Website

A WhatsApp button on your website gives visitors a low-effort way to ask a question — on their phone, at their own pace. There are three ways to add one, from a two-minute link to a fully automated chat experience.

Option 1: A simple wa.me link

WhatsApp supports click-to-chat links in the format wa.me/ followed by your full international number without '+', spaces or leading zeros — for example, a German number 0151 2345678 becomes wa.me/491512345678. Add ?text= with a URL-encoded message to pre-fill the first message, such as 'Hi, I have a question about my order'.

• Use it as a button in your header, contact page or product pages.
• Pre-fill different messages per page so you know where the visitor came from.
• On desktop the link opens WhatsApp Web or the desktop app; on mobile it opens the app.

Option 2: A QR code

For desktop visitors, a QR code that encodes the same wa.me link lets them continue on their phone in one scan. It's also useful on packaging, receipts and in-store signage.

Option 3: A chat widget connected to the API

A widget from your messaging platform shows a branded chat bubble, can offer several channels (WhatsApp, web chat, Instagram) and routes conversations straight into your team inbox, where chatbots handle the first reply.

The GDPR detail

A plain link or button loads nothing from third parties until the visitor clicks, so it's privacy-friendly by default. Widgets that load external scripts on page load may require consent under your cookie banner. Self-hosted or consent-gated widgets avoid the problem — check what yours loads before going live.

The best chat button is the one that loads nothing until someone wants to talk.

Tips for more conversations

• Place the button where questions arise: pricing, product detail, checkout.
• Set expectations: 'We usually reply within minutes'.
• Make sure someone — or a chatbot — answers quickly, especially outside office hours.