Free WhatsApp Button Generator
Add a floating WhatsApp chat button to any website in under a minute. Pick your number, message, colour, and position - copy the snippet and paste it into your site. No plugin, no signup, no dependencies.
Want the button to answer questions by itself? The VGraple CRM chat widget goes further: an AI trained on your business chats with visitors right on the page, captures leads, and hands off to your team. Free plan includes one widget.
See the AI Chat Widget →
How to use the WhatsApp button generator
- Enter the business number, a prefilled message, the side of the screen and the brand colour.
- Copy the snippet and paste it before the closing body tag of your site, or in the header and footer code area of WordPress, Shopify, Wix, Webflow or Framer.
- Load the site in a private window, tap the button on a phone and confirm the chat opens with the message.
Where to use it
- Product pages: "Ask about this product" with the product name in the message.
- Pricing pages: "Talk to sales" with the plan prefilled.
- Booking pages: "Book on WhatsApp" for clinics, salons and hotels.
- Support pages: "Chat with support" so tickets start where customers reply fastest.
- Landing pages for ads: the button as the primary call to action.
- Contact pages: next to the phone number, for visitors who prefer chat to calls.
Common mistakes
- Two chat buttons in the same corner (the theme's and this one); remove one.
- A button on every page with the same message; vary it by page so the source is clear.
- A colour that disappears against the site background.
- Blocking the button with a cookie banner on mobile; check the stacking.
- A personal number behind the button; use the business number the team answers.
What happens after the tap
The button opens a chat the visitor starts, which is free for 24 hours and counts as consent for service replies. The full VGraple CRM chat widget goes further: an in-page chat with a pre-chat form, AI answers from your pages, lead capture and a handoff to WhatsApp, with every conversation in the inbox. Use this button for a quick start and the widget when you want the site to answer on its own.
Frequently asked questions
How do I add the button to my website?
Copy the generated snippet and paste it just before the closing body tag of your site. In WordPress use a footer code plugin or your theme's custom HTML section; in Shopify edit theme.liquid; on custom sites paste it into your HTML template.
Will this slow down my website?
No. The snippet is a single self-contained link with inline styles - no external JavaScript, no tracking, nothing to load from other servers. It weighs under 2 KB.
What is the difference between this button and a live chat widget?
This button opens WhatsApp when clicked - the conversation happens in the WhatsApp app. A live chat widget like VGraple CRM's opens a chat window on the page itself, where an AI can answer instantly and hand off to your team, capturing visitors who do not want to leave the page.
Can I change the colour and position later?
Yes. Regenerate the snippet here with new settings and replace the old code, or edit the inline style values directly - the colour is a simple hex value in the code.
Does it work on mobile?
Yes. On phones the button opens the WhatsApp app directly; on desktop it opens WhatsApp Web. The button stays in the corner and scales correctly on all screen sizes.
Does the button slow my site down?
No. It is a few lines of HTML and CSS with no external script; it does not affect page speed.
Can I show a different message per page?
Yes. Generate a snippet per page, or edit the text parameter in the snippet where the page is built.
Does it work on Shopify and WordPress?
Yes, anywhere you can paste HTML: theme.liquid on Shopify, a header and footer plugin or the theme on WordPress, custom code on Wix, Webflow and Framer.
Related