How to · Website
How to add a WhatsApp chat button to your website
A floating WhatsApp button lets visitors message you in one tap, and with the WhatsApp Business API every chat lands in your shared team inbox.
ChatGPT
Claude
PerplexityShort answer
Open Lead Pattern's free WhatsApp chat button maker, enter your business number and a pre-filled message, choose the look, copy the code and paste it before the closing </body> tag of your site (or into a custom-HTML / footer-code box in WordPress, Shopify or Wix).
Step by step
How to do it in Lead Pattern
1
Make the button
Use the free chat button maker: your number, a greeting and a pre-filled first message.
2
Copy the code
The tool gives you a small piece of code — no signup needed.
3
Paste it on your site
Add it to the footer code area of your website builder, or just before </body> on every page.
4
Answer as a team
With the WhatsApp Business API, chats from the button go to your shared inbox, where a bot can greet visitors instantly.
Questions people ask
Is the WhatsApp chat button free?+
Yes. The chat button maker on leadpattern.com is free and needs no signup.
Does it work on WordPress and Shopify?+
Yes — paste the code into your theme's footer or a custom-code area. It is plain HTML, so it works on any website builder that accepts code.
Can a bot answer people who click the button?+
Yes, if your number is on the WhatsApp Business API with Lead Pattern: a bot can greet them, ask what they need and hand over to a person.
More how-to guides
Send bulk WhatsApp from Excel
Send personalised bulk WhatsApp messages from an Excel file the official way
Read →Broadcast without saved numbers
Why WhatsApp app broadcasts only reach people who saved your number, and how the WhatsApp Business API reaches every opted-in customer without that.
Read →Schedule a WhatsApp message
Schedule WhatsApp broadcasts and messages for a future date and time with the WhatsApp Business API
Read →One number, many users
Let your whole team reply from one WhatsApp business number
Read →Set up WhatsApp auto-reply
Set up WhatsApp auto-replies for business: greetings, away messages, keyword answers and button menus
Read →Send WhatsApp from Tally
Send Tally invoices, outstanding reminders and statements on WhatsApp today
Read →Send WhatsApp from Zoho
Send WhatsApp messages from Zoho CRM or Zoho Books today
Read →Send WhatsApp from Busy
Send payment reminders and statements from Busy accounting on WhatsApp
Read →
Try it on your own number — free for 14 days.
14-day free trial · No credit card · Free WhatsApp API setup