WhatsApp chat button generator

How to add it to your site

1. Fill in the form and press Copy HTML.

2. Paste the snippet just before the closing </body> tag of your pages, or into the place your site builder offers for custom code:

   • WordPress: a Custom HTML block or widget in the footer, or your theme's "footer code" setting.
   • Shopify: Online Store, Themes, Edit code, in theme.liquid before </body>.
   • Wix, Squarespace, Webflow: the site-wide custom code or embed setting, placed at the end of the body.

3. Open your site on a phone and tap the button. It should open WhatsApp with your number and the pre-filled message.

The button sits in the corner you chose, above your page content. If it covers a cookie banner or another chat widget, change bottom:20px in the snippet to a larger value.

Write a pre-filled message that helps you

The visitor can edit the message before sending, so keep it short and natural. It does two jobs: it removes the blank-page moment for the customer, and it tells you where the chat came from.

• On a product page: "Hi, I have a question about the oak desk."
• On the contact page: "Hi, I would like to book an appointment."
• In an ad landing page: "Hi, I saw your spring offer."

Need only the link, for a bio or an email signature? Use the link generator.

When the chats start arriving

A button turns visitors into conversations, and conversations need answering. With the free WhatsApp Business app you can set a greeting, an away message and quick replies, and answer from a computer through WhatsApp Web. When more than a few people need the same inbox, or you want a bot to answer first, that is the point where a WhatsApp Business platform pays for itself.