Free WhatsApp button generator

Design a floating WhatsApp chat button for your website, preview it live, and copy one block of code. This WhatsApp button generator is free, needs no account, and the code works on WordPress, Shopify, Wix or any HTML site.

FreeNo signupLive previewNo tracking in the code
The number that should receive the chats.
Leave empty for an icon-only button.
Add or to tell you which page the visitor was on.
Live preview: your website
Your code
Where to paste it
  1. Install a header-and-footer code plugin such as WPCode, or open Elementor > Custom Code.
  2. Add a new snippet in the footer (body end) and paste the code.
  3. Save, then open your site on a phone and a computer to check it.

How it works

Add a WhatsApp button in three steps

  1. Set it up

    Enter your number, then pick the colour, text, position and the message visitors start with.

  2. Check the preview

    The preview shows the button and chat card on a sample page. Click it to see how it opens.

  3. Paste the code

    Copy the code and paste it before the closing body tag, or into your site builder’s custom code box. The tabs above show where.

What’s in the code

Small, self-contained and private

The code is plain HTML, CSS and JavaScript. It doesn’t load anything from SAMWAD or anyone else.

No external scripts

Everything the button needs is in the snippet, so it won’t slow your pages with extra requests.

No tracking

The button doesn’t set cookies or collect data. Clicks open WhatsApp with your number and message, nothing more.

Page-aware messages

With {{page_url}} or {{page_title}} in the message, you can see which page a chat started from.

Easy to remove

Delete the snippet and the button is gone. Nothing else on your site changes.

Tips

Get more chats from your button

Say when you reply

A subtitle like “Usually replies within an hour” sets expectations. Only promise what your team can keep.

Start the conversation for them

A pre-filled message with the page title gets more people to send the first message than an empty box.

Don’t cover the checkout

On phones, check the button doesn’t sit on top of your add-to-cart or checkout button. Raise it with the distance setting if it does.

Answer fast

A chat button that gets slow replies hurts more than no button. Plan who answers before you go live.

When you outgrow it

When the button starts working

The button brings visitors to WhatsApp. SAMWAD helps your team answer, follow up and keep those leads.

Shared inbox

Answer website chats as a team from one number, with assignment and notes in the team inbox.

AI agent first

YARA answers common questions from your website and documents, and hands the rest to a person.

Journeys

Ask a few questions automatically with a chatbot journey, then route the chat to the right team.

Follow-ups

Send opted-in visitors reminders and updates with approved templates.

FAQ

WhatsApp button FAQs

Want website chats to land in a team inbox with an AI agent? We’ll show you on a call.

Book a demo
How do I add a WhatsApp button to my website?

Set up the button above, copy the code and paste it before the closing body tag of your site, or into a custom code box in WordPress, Shopify or Wix.

Is this WhatsApp button generator free?

Yes. No signup, no limits, and the code doesn’t depend on SAMWAD’s servers.

Does the button slow down my site?

The snippet is small and loads nothing extra, so its effect on page speed is minimal.

Can I use it with the WhatsApp Business app?

Yes. The button opens a chat with any WhatsApp number: personal app, Business app or the WhatsApp Business API.

Can I remove the “Powered by SAMWAD” link?

Yes. Untick it before copying the code. It’s optional and only appears in the chat card.

Why use the chat card?

The card shows your name, reply time and a greeting before WhatsApp opens. It reassures visitors that a real business will answer.

More free WhatsApp tools

All tools →
WhatsApp link generatorMake a wa.me link and QR code with a pre-filled message.Open the tool →WhatsApp template checkerCatch the mistakes that get templates rejected by Meta.Open the tool →

Next step

Answer website chats as a team.

Start a free trial to bring those chats into a shared inbox, with YARA answering the common questions.

Start free trial

For larger teams

Lots of website traffic?

Several numbers, routing by page or product, YARA working from your systems, and your CRM connected.

Book a live demo