Free tool · no sign-up
Free WhatsApp button for your website
Add a floating WhatsApp button to your site, with an optional chat window that shows your name, logo and a greeting. Set it up, try it in the preview, then copy one piece of code.
1. Your number and message
2. The button
3. Chat window (optional)
4. A different message per page (optional)
For example, on your pricing page the message can say “I have a question about prices”. The first rule that matches is used; other pages use the message from step 1.
Nothing you type here is sent to us or stored. The code is made in your browser.
Type the number above and your button appears here.
How to add the button to your website
- Fill in your number and message, then choose the button text, colour, roundness and where it sits.
- If you want, turn on the chat window and give it your business name, logo and greeting. Try it in the preview, on a computer or a phone.
- Press “Copy the code”.
- Paste it just before the closing
</body>tag of your pages, or into any HTML box your site builder offers.
Adding it to WordPress or Shopify
WordPress: add a “Custom HTML” block or widget to your footer area and paste the code, or use a header and footer plugin and paste it into the footer box.
Shopify: go to Online Store, Themes, Edit code, open theme.liquid and paste the code just before </body>.
Any other site that lets you add your own HTML works the same way.
What this button is, and is not
The plain button is a single link styled to float in a corner. It has no script and sets no cookie, so it does not slow your page. Tapping it opens WhatsApp with a chat to your number and your message ready to send.
The chat window, the page address in the message and a different message per page need a small script. The whole script is inside the code you copy: nothing is loaded from VartaAPI or anywhere else, apart from your own logo if you add one.
It does not answer for you. For that, run your number on the official WhatsApp Business API with a shared team inbox and chatbot replies, or just make a plain WhatsApp link or QR code.
Questions
WhatsApp button for website, answered.
Is the WhatsApp button free?
Does it slow down my website or set cookies?
Can I show my logo and a greeting?
Can the message change depending on the page?
Do you store my number?
Can I change the colour, text or side later?
Will it show on phones?
Why is the preview not the same size as on my site?
Want the chats answered for you?
Connect your number to the official WhatsApp Business API: a shared inbox for your team, chatbot replies and campaigns, with nothing added to Meta's message prices. Start free.