Free tool

WhatsApp Chat Button Generator

Create a floating WhatsApp button for your website in seconds. Customise it, copy the embed code, and paste it into any site. No plugin, no sign-up.

WhatsApp number (with country code, digits only)Pre-filled message (optional)Button label

Position

Keep a small “by ZeniaOne” credit (optional, supports this free tool)

Live preview

Chat with us

by ZeniaOne

Embed code

<!-- WhatsApp chat button -->
<div style="position:fixed;bottom:20px;right:20px;z-index:9999">
  <a href="https://wa.me/919876543210?text=Hi!%20I%20have%20a%20question." target="_blank" rel="noopener" style="display:inline-flex;align-items:center;gap:8px;background:#25D366;color:#fff;padding:12px 18px;border-radius:999px;font:600 15px/1 sans-serif;text-decoration:none;box-shadow:0 6px 18px rgba(0,0,0,.18)">
    <svg viewBox="0 0 24 24" width="22" height="22" fill="currentColor" aria-hidden="true"><path d="M.057 24l1.687-6.163a11.867 11.867 0 01-1.587-5.945C.16 5.335 5.495 0 12.05 0a11.817 11.817 0 018.413 3.488 11.824 11.824 0 013.48 8.414c-.003 6.557-5.338 11.892-11.893 11.892a11.9 11.9 0 01-5.688-1.448L.057 24zm6.597-3.807c1.676.995 3.276 1.591 5.392 1.592 5.448 0 9.886-4.434 9.889-9.885.002-5.462-4.415-9.89-9.881-9.892-5.452 0-9.887 4.434-9.889 9.884a9.86 9.86 0 001.599 5.393l-.999 3.648 3.889-1.34zm11.387-5.464c-.074-.124-.272-.198-.57-.347-.297-.149-1.758-.868-2.031-.967-.272-.099-.47-.149-.669.149-.198.297-.767.967-.94 1.165-.173.198-.347.223-.644.074-.297-.149-1.255-.462-2.39-1.475-.883-.788-1.48-1.761-1.653-2.059-.173-.297-.018-.458.13-.606.134-.133.297-.347.446-.521.151-.172.2-.296.3-.495.099-.198.05-.372-.025-.521-.075-.148-.669-1.611-.916-2.206-.242-.579-.487-.501-.669-.51l-.57-.01c-.198 0-.52.074-.792.372-.272.297-1.04 1.016-1.04 2.479 0 1.462 1.065 2.875 1.213 3.074.149.198 2.095 3.2 5.076 4.487.71.306 1.263.489 1.694.626.712.226 1.36.194 1.872.118.571-.085 1.758-.719 2.006-1.413.248-.695.248-1.29.173-1.414z"/></svg>
    <span>Chat with us</span>
  </a>
  <div style="text-align:center;margin-top:4px;font:400 10px/1 sans-serif;color:#8a8a8a">by <a href="https://zeniaone.com" target="_blank" rel="noopener" style="color:#8a8a8a;text-decoration:none">ZeniaOne</a></div>
</div>

Paste the code just before the closing </body> tag on your website.

FAQ

WhatsApp chat button FAQ

How do I add a WhatsApp button to my website?

Set your number, message and label above, copy the generated code, and paste it just before the closing body tag of your website. It works on any site, no plugin needed.

Does the WhatsApp chat button work on mobile?

Yes. The button opens a WhatsApp chat on both mobile and desktop, using the wa.me click-to-chat link, so visitors reach you in one tap.

Is the WhatsApp button free?

Yes, this generator and the button it creates are completely free. There is no sign-up and no limit on use.

More free tools: WhatsApp tools. Need just a link? WhatsApp Link Generator.

Turn website clicks into conversations

A button starts the chat. ZeniaOne handles the rest: shared inbox, automation and follow-ups on the official WhatsApp Business Platform.

Start free See how it works