A WhatsApp button for your website: ready code in a minute
The ArabyBot teamOfficial Meta partner · written from our own platform dataOn this page 4
The short answer
Type the WhatsApp number and the prefilled message, pick the button text, colour and side, then copy the code and paste it before </body> on your site. A floating button appears on every page and opens a WhatsApp chat with your number and the message ready. The tool runs in your browser and stores nothing; the code has no JavaScript and no tracking.
How do you add a WhatsApp button to your site?
The same code works on every platform; only the place you paste it differs:
| Platform | Where to paste the code |
|---|---|
| WordPress | A plugin that inserts code in the footer, or the theme's footer.php before </body>. |
| Shopify | Online Store → Themes → Edit code → theme.liquid, before </body>. |
| WooCommerce | Exactly as WordPress. |
| A hand-written HTML site | Before </body> on every page, or in the shared footer file. |
| ArabyBot Store | Not needed: the WhatsApp button and chat are built into the store. ArabyBot Store. |
What should the button's prefilled message say?
A message that names where the visitor is saves the first two questions: «Hello, I am on the [product] page and want…». With several pages, make a button per important page with its own message, so you know which page every customer came from. For a WhatsApp link alone, without a button: the WhatsApp link generator.
The button opens the chat — so who answers at midnight?
A WhatsApp button multiplies messages, and most arrive when nobody is free. If your number is on the WhatsApp app alone, the reply comes in the morning and the customer has gone. On the official API, the AI agent answers from your products and prices in seconds and hands over to a person when needed. WhatsApp chatbot · An in-page chat window.
Questions about a WhatsApp button for your website
Where do I paste the WhatsApp button code?
Just before the </body> tag of your site's template, once, so it shows on every page. On WordPress: through a plugin that inserts footer code, or the theme's footer.php. On Shopify: «Edit code» in the theme, theme.liquid, before </body>.
Does the button slow my site down?
No. The code is a single link with a drawn icon inside — no JavaScript file, no font and no request to another server.
Do you store my number or track visitors?
No. The tool runs entirely in your browser, and the code you copy carries no tracking and never passes through our servers.
What is the difference between a WhatsApp button and a website chat window?
The button moves the visitor to the WhatsApp app to continue there, and whoever holds the number answers. A chat window keeps the visitor on the page, where the AI agent answers at once, and the conversation lands in the same inbox as WhatsApp. ArabyBot's website chat.
Does it work with a WhatsApp Business number or a bot-connected number?
Yes, on any WhatsApp number. If your number is on the official API with an AI agent, the prefilled message reaches it and it answers in seconds, day and night.
Try the agent before you pay anything
The agent that will answer your customers is the one answering you now: ask it from the chat button here or on WhatsApp. Your account is free with no credit card, and the free trial on your own number or page is activated after you contact our team on customer-service WhatsApp.