---
title: "Free premium WhatsApp web widget for your website | Calypso"
canonical_url: "https://www.calypso.so/free-whatsapp-widget"
last_updated: "2026-11-10T00:38:17.224Z"
meta:
  description: "A free WhatsApp web widget with a premium finish: a designed panel, a crisp QR code and a Chat on WhatsApp button on every page of your site. No trial, no card."
  keywords: "free WhatsApp web widget, premium WhatsApp widget, WhatsApp chat widget for website, WhatsApp widget for websites, click-to-chat widget, WhatsApp web widget for Shopify, WordPress and Webflow, widget web de WhatsApp gratis"
  "og:description": "A free WhatsApp web widget with a premium finish: a designed panel, a crisp QR code and a Chat on WhatsApp button on every page of your site. No trial, no card."
  "og:title": "Free premium WhatsApp web widget for your website | Calypso"
  "twitter:description": "A free WhatsApp web widget with a premium finish: a designed panel, a crisp QR code and a Chat on WhatsApp button on every page of your site. No trial, no card."
  "twitter:title": "Free premium WhatsApp web widget for your website | Calypso"
---

Get it free

**Free WhatsApp web widget**

# The free premium WhatsApp web widget

A WhatsApp chat widget for websites with the finish of a paid product: a designed panel, a crisp QR code and an instant Chat on WhatsApp button, mobile-first, no ads, in one line. Free for as long as you use it, no trial clock, no card.

[**Get it free**](https://widget.calypso.so/join?targetAppKey=widget&returnTo=%2F) [**The embed tag in the docs**](https://docs.calypso.so/context/deploy/web-widget)

**Your business**

Replies on WhatsApp

Scan to chat on WhatsApp

**Chat on WhatsApp**

**Powered by Calypso**

**How the widget looks on your site**

## A click-to-chat widget: your number, one scan or one tap away.

The launcher opens a designed chat panel with your QR code and a button that starts a WhatsApp chat with your message already typed. On a phone the QR steps aside and the button does the work. No ads, no clutter, one discreet line at the foot.

yoursite.com

**Your business**

Replies on WhatsApp

Scan to chat on WhatsApp

**Chat on WhatsApp**

**Powered by Calypso**

_**On a computer** · Visitors scan the QR code and the chat opens on their phone._

**Your business**

Replies on WhatsApp

Tap to chat on WhatsApp

**Chat on WhatsApp**

**Powered by Calypso**

_**On a phone** · One tap opens WhatsApp with your number and your first message._

A preview with a sample number. Yours shows your own.

**Make it yours**

## Your colours, your logo, your words.

The widget takes your brand without a line of CSS: pick it in the dashboard and every page follows.

**Chat with us**** Chat with us**** Chat with us**** Chat with us**

### **Colours**

The launcher and the button in your brand colours, from the dashboard’s colour settings. WhatsApp green is only the default.

**Chat on WhatsApp****QR on**

**Chat on WhatsApp****QR off**

### **Your QR in the widget**

Switch the QR code on or off. It is generated from your number, nothing to upload, and stays crisp at any size.

### **Your logo in the QR**

Your mark sits in the centre of the code, with error correction raised so phones still read it on the first try.

Hi! I’m writing from your website, I’d like to book a table for two.** Write to us**

### **Your words**

The button label and the first message, in your language and your tone. “Escríbenos” works as well as “Chat on WhatsApp”.

Set it from the dashboard in a minute. [**~~Get it free~~**](https://widget.calypso.so/join?targetAppKey=widget&returnTo=%2F)

**Install**

## Add the WhatsApp chat widget to your website in one line.

1. 01 ### **Sign up free**

   A workspace in a minute. No plan to pick for the free widget. 2. 02 ### **Add your number**

   Your WhatsApp number and the first message, in the widget dashboard. 3. 03 ### **Paste the line**

   Copy the tag before the closing body tag. The widget is live on the next load.

**Your site · embed**

```
<script type="text/javascript"
  data-team-id="YOUR_TEAM_ID"
  data-locale="en"
  data-qa-mode="kb"
  data-ui-version="v2"
  src="https://embed.calypso.so/bot.js">
</script>
```

Paste it before the closing body tag on every page where visitors should be able to ask. Nothing else to build.

**From the dashboard**

## What you control in the web widget, without touching the code.

### **Your number**

Any WhatsApp or WhatsApp Business number. Change it and every page follows. ### **The first message**

The text the chat opens with, so you know the visitor came from your site. ### **The button label**

Chat on WhatsApp, Write to us, or whatever your customers would say. It stays the one button, instant. ### **QR code on or off**

Show the QR code for visitors on a computer, or keep it to the button.

**Questions and answers**

## What people ask about a free WhatsApp web widget.

**More free WhatsApp tools**

## Two more things, also free.

[**WhatsApp API pricing tracker **Meta’s per-message rates for every market, with a calculator, for the day you send through the API.](https://www.calypso.so/whatsapp-api-pricing) [**WhatsApp QR code and link generator **A wa.me link with your message typed in, a QR code with your logo for print, and an HTML button. No account.](https://www.calypso.so/tools/whatsapp-link-generator)

**Start today**

## **Put a premium WhatsApp web widget on your website, free.**

Sign up, add your number, paste one line. No trial clock, no card.

[**Get it free**](https://widget.calypso.so/join?targetAppKey=widget&returnTo=%2F) [**The embed tag in the docs**](https://docs.calypso.so/context/deploy/web-widget)