WhatsApp chat button generator
Make a floating WhatsApp button for your website: visitors tap it and a chat with your business opens, with a message already typed if you like. Preview it, then copy one piece of code. Free, with no sign-up.
Updated 5 November 2026
The number customers should message, with its country code.
Leave it empty for a round icon.
Enter your number to make your button
Made in your browser. Nothing you type is sent to us.
Adding it to your site
- Paste the code just before the closing </body> tag, so it appears on every page.
- On a site builder, use its custom code or footer code setting; most builders have one.
- The code is a single link with its look written inline: no script, nothing else to load, and nothing that can break your page.
- To change the number, text or colour later, make a new button here and replace the code.
When a visitor taps it
- They leave your page for WhatsApp
The app opens on a phone, WhatsApp Web on a computer. They need a WhatsApp account.
How WhatsApp links work - Someone has to answer
Quickly, and at any hour. An AI agent on your number answers straight away and hands the chat to your team when it needs a person.
WhatsApp AI chatbot - A 24-hour window opens
Once they message you, you can reply freely for 24 hours; after that only an approved template can reach them.
The 24-hour window, explained
Questions about WhatsApp buttons
Short answers before you add it.
Enter your WhatsApp number above, choose the text, colour and side, and copy the code. Paste it just before </body> on every page, or into your site builder's custom code or footer code setting.
Yes. It's free with no sign-up, and the code is made in your browser, so nothing you type is sent to HeyKiko.
No. It's a single link with its styles and icon written inline: no script, no font and no file to load.
Yes. On a phone it opens the WhatsApp app; on a computer it opens WhatsApp Web or the desktop app.
Yes. Add it above and it appears typed in their chat; they still press send.
Yes, on any site that lets you add HTML to its pages, which almost every site builder does through a custom code or footer setting.
Whoever answers your WhatsApp number. Connect the number to an AI agent such as HeyKiko and the chats are answered straight away, with your team stepping in when needed.
Keep reading
Let Kiko take the next message
Train your agent on your website today, put it on WhatsApp, Telegram and your site, and watch the first conversations come in.
- No card needed
- Set up without code
- Cancel any time