WhatsApp chat button
for your website
Design a floating WhatsApp button, see it on a live page, and copy one small snippet into any website. No plugin, no external script, no cookies. Free, no sign-up.
Button
Greeting card
Display
How to add the button to your site
The code is the same everywhere. Only where you paste it changes.
Plain HTML website
- Copy the code above.
- Open your page's HTML file (or the shared footer template if every page uses one).
- Paste the code just before the closing </body> tag.
- Save and upload the file, then reload your site to see the button.
WordPress
- Install and activate a header and footer code plugin, such as WPCode.
- Go to Code Snippets, then Header and Footer.
- Paste the code into the Footer box and save.
- Clear your caching plugin if you use one, then reload your site.
Shopify
- In Shopify admin open Online Store, then Themes.
- On your current theme click the three dots, then Edit code.
- Open layout/theme.liquid and paste the code just before </body>.
- Click Save and open your store to check the button.
Wix
- In your site dashboard open Settings, then Custom code (needs a paid plan and a connected domain).
- Click Add Custom Code and paste the code.
- Choose All pages, set Place code in to Body - end, and apply.
- Publish your site and check the button on the live domain.
Webflow
- Open Site settings, then the Custom code tab (needs a paid site plan).
- Paste the code into Footer code.
- Save changes, then publish the site.
- Custom code only runs on the published site, not inside the Designer.
Why a plain snippet beats a chat plugin
A few kilobytes inside your own page. No third-party script, so it cannot slow your site or break when someone else's server is down.
It never stores or sends anything about your visitors, so it adds nothing to your cookie banner.
WordPress, Shopify, Wix, Webflow or hand-written HTML. Change it whenever you like by pasting a new copy.
Questions
Is this WhatsApp chat button free?
Yes. There is no sign-up, no account and no monthly fee. The button is plain HTML, CSS and a few lines of JavaScript that you paste into your own site, so it keeps working forever.
Will the button slow down my website?
No. The code is a few kilobytes, sits in your page and loads nothing from anywhere else: no script tag pointing at another server, no web fonts, no image downloads (the optional credit logo is built into the code). It does not depend on kredoo.in being online.
Does it use cookies or track visitors?
No. It sets no cookies, stores nothing in the browser and sends no analytics. When a visitor taps it, WhatsApp opens with your number and message, and that is all.
Does it work with the WhatsApp Business app?
Yes. The button opens a standard wa.me link, which works for a personal number, the WhatsApp Business app and the WhatsApp Business API.
How do I change the button later?
Come back to this page, change the settings and paste the new code over the old one. Each copy is complete on its own, so there is nothing else to update.
Can I remove the Powered by Kredoo link?
Yes. Untick it before you copy the code. It is a small credit link, off by a single checkbox, and the button works the same either way.
Is the button accessible?
It is a real button element with a descriptive label, a visible keyboard focus ring, Escape to close the greeting card, and animation that switches off for visitors who ask their device for reduced motion. Text colour is picked automatically to stay readable on your button colour.
More free WhatsApp tools
All free toolsRoute every website chat into one inbox
Kredoo puts your website, Instagram and ad chats in one shared WhatsApp inbox, replies automatically when you are busy, and books customers in on the official WhatsApp Business API.