---
title: "Add WhatsApp chat to your website in one line"
canonical_url: "https://www.calypso.so/widget/install"
last_updated: "2026-10-09T14:52:19.529Z"
meta:
  description: "One script tag and the WhatsApp chat widget is live on your site: launcher, greeting, cited answers, WhatsApp handoff. WordPress, Shopify, Wix, Webflow or HTML."
  keywords: "add WhatsApp chat to website, WhatsApp widget HTML, WhatsApp chat widget WordPress, WhatsApp widget Shopify, WhatsApp widget for website, Calypso Widget install"
  "og:description": "One script tag and the WhatsApp chat widget is live on your site: launcher, greeting, cited answers, WhatsApp handoff. WordPress, Shopify, Wix, Webflow or HTML."
  "og:title": "Add WhatsApp chat to your website in one line"
  "twitter:description": "One script tag and the WhatsApp chat widget is live on your site: launcher, greeting, cited answers, WhatsApp handoff. WordPress, Shopify, Wix, Webflow or HTML."
  "twitter:title": "Add WhatsApp chat to your website in one line"
---

Start free trial

**Calypso Widget · Install**

# Add a WhatsApp chat widget to any website in one line

One script tag before the closing body tag: the launcher, your greeting, cited answers from your content, and the WhatsApp button. Works on WordPress, Shopify, Wix, Squarespace, Webflow and plain HTML, with no plugin and nothing to build.

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

**The line**

## This is the whole install.

Copy the tag from your dashboard, where it already carries your team id. Paste it before the closing body tag on every page where visitors should be able to ask.

**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.

**Three steps**

## From sign-up to live on your site.

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

   A workspace in a minute. Set up and preview before the trial starts.
2. 02 ### **Add your content**

   Upload files or a URL, pick what it may cite, write quick answers for the questions you get most.
3. 03 ### **Paste the line**

   Copy the tag into your site. The widget is live on the next page load.

**What the visitor sees**

## A launcher, a greeting, answers with their source, and a way to a person.

The widget sits in the corner of the page and opens to the greeting you wrote. Every answer shows where it came from; when it cannot answer, it offers WhatsApp.

1. 1 / 4 ### **The launcher**

   A small button in the corner, in your colour, on every page that carries the tag.
2. 2 / 4 ### **The greeting**

   Your opening line and up to three suggested questions, so the first click already shows what it knows.
3. 3 / 4 ### **The answer**

   Written from your content, with the source named under it so the visitor can check.
4. 4 / 4 ### **The bridge**

   A name-and-phone form that opens WhatsApp with your number when the widget cannot help.

**From the docs**

## The tag and its attributes.

| **Where the tag goes** | before </body> |
| --- | --- |
| **Which workspace it speaks for** | data-team-id |
| **UI version** | data-ui-version="v1" \| "v2" |
| **Visitor language** | data-locale="en" \| "es" |
| **Answer mode** | data-qa-mode="kb" |
| **Site builders** | Any site or builder that lets you add a script tag |
| **Build step** | None. The tag loads the widget; your content lives in the dashboard. |

**Questions and answers**

## Install questions.

**Keep reading**

[<h3>**WhatsApp bridge **</h3>A WhatsApp button that opens with the question typed, when it is offered, where leads land.](https://www.calypso.so/widget/whatsapp-bridge) [<h3>**Answers **</h3>Sources, citations, topics and quick answers. You decide what it may say.](https://www.calypso.so/widget/answers) [<h3>**Pricing **</h3>One plan, credit bundles, unlimited seats. Free trial once the widget is live.](https://www.calypso.so/widget/pricing) [<h3>**The embed tag in the docs **</h3>The reference this page is written from: the tag, its attributes, and the dashboard settings.](https://docs.calypso.so/context/deploy/web-widget)

**Start today**

## **One line, and your site answers.**

Set up free, add your content, paste the tag. Your free trial starts when you switch it on.

[**Start free trial**](https://widget.calypso.so/join?targetAppKey=widget&returnTo=%2F) [**Read the docs**](https://docs.calypso.so/context/deploy/web-widget)