Free WhatsApp widget & chat button for your website

WhatsApp button HTML code (no script at all)

If you cannot add scripts to your site, or you just want the lightest possible WhatsApp button, this plain HTML does the job. Replace the number (digits only, full international format) and paste it before </body>:

<a href="https://wa.me/971501234567?text=Hi" target="_blank" rel="noopener"
   aria-label="Chat on WhatsApp"
   style="position:fixed;right:20px;bottom:20px;z-index:9999;width:56px;height:56px;
          border-radius:50%;background:#25D366;display:flex;align-items:center;
          justify-content:center;box-shadow:0 4px 14px rgba(0,0,0,.25)">
  <svg width="30" height="30" viewBox="0 0 24 24" fill="#fff"><path d="M17.47 14.38c-.3-.15-1.76-.87-2.03-.97-.27-.1-.47-.15-.67.15-.2.3-.77.97-.94 1.16-.17.2-.35.22-.64.08-.3-.15-1.26-.46-2.4-1.48-.88-.79-1.48-1.76-1.65-2.06-.17-.3-.02-.46.13-.6.13-.14.3-.35.45-.52.15-.18.2-.3.3-.5.1-.2.05-.37-.03-.52-.07-.15-.67-1.61-.91-2.2-.24-.58-.49-.5-.67-.51h-.57c-.2 0-.52.07-.79.37-.27.3-1.04 1.02-1.04 2.48s1.07 2.88 1.21 3.07c.15.2 2.1 3.2 5.08 4.49.71.3 1.26.49 1.7.63.71.22 1.36.19 1.87.12.57-.09 1.76-.72 2-1.41.25-.7.25-1.29.18-1.41-.08-.13-.27-.2-.57-.35M12.05 21.79h-.01a9.87 9.87 0 0 1-5.03-1.38l-.36-.21-3.74.98 1-3.65-.24-.37a9.86 9.86 0 0 1-1.51-5.26c0-5.45 4.44-9.88 9.89-9.88 2.64 0 5.12 1.03 6.99 2.9a9.83 9.83 0 0 1 2.89 6.99c0 5.45-4.44 9.88-9.88 9.88M20.46 3.49A11.82 11.82 0 0 0 12.05 0C5.5 0 .16 5.34.16 11.89c0 2.1.55 4.14 1.59 5.95L.06 24l6.31-1.65a11.88 11.88 0 0 0 5.68 1.45c6.55 0 11.89-5.34 11.89-11.89 0-3.18-1.24-6.16-3.48-8.41"/></svg>
</a>

That is a floating WhatsApp button in pure HTML and inline CSS: no JavaScript, no third party, nothing to load. What you give up versus the widget above: the greeting bubble, the delay, the page rules and the mobile tweaks. For most shops the widget is worth the one script tag.

WhatsApp widget vs WhatsApp button: what is the difference?

People use the words for the same thing. A WhatsApp button is usually just the round icon that opens a chat. A WhatsApp chat widget adds a little bubble or card ("Hi, how can we help?") that pops up before the visitor taps, which gets noticeably more taps because it looks like a person is there. The tool on this page is a widget: button plus greeting bubble. Turn the bubble off and it is a plain floating button.

Not to be confused with the WhatsApp iPhone or Android home screen widget, which is the phone feature that shows your chats on your home screen. That one lives in your phone settings, not on a website.

Want the widget instead? The step by step for adding WhatsApp chat to a website on Shopify, WordPress, Wix, Webflow and plain HTML is in Where to paste the script further down.

Is a free WhatsApp widget for websites as good as a paid one?

For the button itself, yes. Paid WhatsApp widgets mostly charge for extras: multiple agents in the bubble, analytics dashboards, and removing their branding. This widget has no branding to remove and runs on your own number. What actually costs money is answering the chats fast when they come in, and that is a people and process problem, not a widget problem. That part we do run, on the WhatsApp Business API.

Why a WhatsApp chat button beats a contact form in the UAE

A contact form asks the buyer to type their details, press submit and wait. In the UAE most buyers already live in WhatsApp, so a form feels like extra work before the real conversation even starts.

A WhatsApp chat button skips that. One tap opens a chat with your number, your pre-filled message is already typed, and the buyer presses send. You get their name and number from WhatsApp itself, and the conversation happens where they will actually see your reply.

The catch: speed. A form lead might forgive a reply tomorrow. A WhatsApp message sent at 9pm expects an answer at 9pm. Our guide to speed to lead in Dubai explains why the first business to answer often wins.

What happens after the visitor taps

The button is a link. On a phone it opens the WhatsApp app; on a desktop it opens WhatsApp Web or the desktop app. The visitor sees a chat with your number and the message you set, and they choose whether to send it. Nothing is sent without them.

From there, it is your job. If the number is a single phone on a shop counter, messages pile up while staff are busy. That is where most chat buttons quietly fail: the button works, the reply does not. A few options, from simplest to most complete:

• Use the free WhatsApp Business app with a greeting message and away message, so every sender gets an instant acknowledgement.
• Move to the WhatsApp Business API so several people can answer from one number in a shared inbox.
• Add an AI front desk that answers first in Arabic or English, qualifies the lead and books a time, with a human taking over when it matters. See AI customer service on WhatsApp.

The 24-hour window, and why a button lead is cheap to answer

When a customer messages you first, as they do from a chat button, a 24-hour customer service window opens on the API. Free-form replies inside that window are free until 30 September 2026. From 1 October 2026 Meta charges non-template messages too, at roughly AED 0.058 each in the UAE (set by Meta, approximate). Marketing templates sent outside the window cost about AED 0.183 each. The UAE WhatsApp rate card has the full list.

A lead who starts the chat is cheaper to talk to than one you chase with a paid template later. Answer while the window is open.

Where to paste the script

You copy one script tag. Paste it once, site-wide, just before the closing </body> tag, or in the footer code area your platform gives you. Menu names below were checked against each platform's help pages at the time of writing.

Shopify

Go to Online Store, then Themes. On your current theme, open the three-dot menu and choose Edit code. Open theme.liquid in the Layout folder, paste the script just above </body>, and save. If you run Shopify with WhatsApp beyond a button, see Shopify WhatsApp integration.

WordPress

The safest way is a header and footer plugin, such as WPCode (Code Snippets, then Header & Footer), and paste into the footer box. Editing footer.php in a classic theme also works, but a theme update can wipe it.

Wix

In your site dashboard go to Settings, then Custom Code under Development & integrations. Click Add Custom Code, paste, apply to all pages, and place it in Body, end. Wix only allows this on a published site with a connected domain.

Webflow

Open Site settings, then the Custom code tab, and paste into Footer code. Publish the site. Webflow only saves custom code on a paid site plan.

Plain HTML

Paste the tag before </body> on every page, or in the shared footer include if your site has one.

Placement and mobile tips

• Bottom right is where people look for chat. Use left only if something else, like a cookie bar or cart button, already sits on the right.
• On mobile, check the button does not cover your Add to cart or Checkout button. Scroll the product page on a real phone before you call it done.
• Write a pre-filled message that tells you the source, for example "Hi, I'm on the pricing page". A plain link carries no tracking, so the message is your attribution.
• Use the number that is actually answered. A button that goes to an unmonitored phone is worse than no button.

Privacy: no cookies, nothing stored

The script sets no cookies, stores nothing in the browser and runs no analytics. It draws the button and bubble, and WhatsApp is only contacted when the visitor taps. Your privacy policy should still mention that chats happen on WhatsApp. Your settings live inside the script tag you copy; we keep no account and no record of your number.

This tool vs paid chat widgets

Prices below are from the vendors' own pricing pages at the time of writing. Check them before you decide.

	Adjoltz chat button	Elfsight WhatsApp Chat	GetButton
Price	Free forever	Free up to 200 views a month, paid plans from about $5 a month	PRO about $4.99 a month (billed yearly) or $149 lifetime
Branding	Small "Powered by Adjoltz" link, you can switch it off	Free plan shows Elfsight branding, paid plans remove it	Colour, greeting message and similar options sit on PRO
Account needed	No	Yes	Yes
Cookies and tracking	None set by the script	See vendor's privacy policy	See vendor's privacy policy

Paid widgets do more: multiple agents, schedules, several channels in one button. If you need those, they can be worth it. If you need one WhatsApp button that looks right, you should not pay monthly for it.

Need a link or QR code for print instead of a website button? Use the WhatsApp link generator. Running ads that open WhatsApp? Read Click-to-WhatsApp ads in the UAE, then work out the numbers with the Click-to-WhatsApp ROI calculator.