---
title: "Añade WhatsApp a tu página web en una línea"
canonical_url: "https://www.calypso.so/es/widget/install"
last_updated: "2026-10-09T14:52:19.709Z"
meta:
  description: "Una etiqueta script y el widget de WhatsApp está activo en tu web: lanzador, saludo, respuestas citadas y traspaso a WhatsApp. WordPress, Shopify, Wix o 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": "Una etiqueta script y el widget de WhatsApp está activo en tu web: lanzador, saludo, respuestas citadas y traspaso a WhatsApp. WordPress, Shopify, Wix o HTML."
  "og:title": "Añade WhatsApp a tu página web en una línea"
  "twitter:description": "Una etiqueta script y el widget de WhatsApp está activo en tu web: lanzador, saludo, respuestas citadas y traspaso a WhatsApp. WordPress, Shopify, Wix o HTML."
  "twitter:title": "Añade WhatsApp a tu página web en una línea"
---

Empieza la prueba gratis

**Calypso Widget · Instalar**

# Añade un widget de WhatsApp a tu página web en una línea

Una etiqueta script antes del cierre de body: el lanzador, tu saludo, respuestas citadas desde tu contenido y el botón de WhatsApp. Funciona en WordPress, Shopify, Wix, Squarespace, Webflow y HTML plano, sin plugin y sin nada que construir.

[**Empieza la prueba gratis**](https://widget.calypso.so/join?targetAppKey=widget&returnTo=%2F) [**Etiqueta de inserción en la documentación**](https://docs.calypso.so/context/deploy/web-widget)

**La línea**

## Esta es toda la instalación.

Copia la etiqueta desde tu panel, donde ya lleva tu id de equipo. Pégala antes del cierre de body en cada página donde los visitantes deban poder preguntar.

**Tu sitio · inserción**

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

Pégala antes del cierre de body en cada página donde los visitantes deban poder preguntar. Nada más que construir.

**Tres pasos**

## Del registro a estar activo en tu sitio.

1. 01 ### **Regístrate gratis**

   Un espacio de trabajo en un minuto. Configura y previsualiza antes de que empiece la prueba.
2. 02 ### **Añade tu contenido**

   Sube archivos o una URL, elige qué puede citar, escribe respuestas rápidas para las preguntas que más recibes.
3. 03 ### **Pega la línea**

   Copia la etiqueta a tu sitio. El widget está activo en la siguiente carga de página.

**Qué ve el visitante**

## Un lanzador, un saludo, respuestas con su fuente y un camino hacia una persona.

El widget se sitúa en la esquina de la página y se abre con el saludo que escribiste. Cada respuesta muestra de dónde salió; cuando no puede responder, ofrece WhatsApp.

1. 1 / 4 ### **El lanzador**

   Un botón pequeño en la esquina, con tu color, en cada página que lleva la etiqueta.
2. 2 / 4 ### **El saludo**

   Tu frase de apertura y hasta tres preguntas sugeridas, para que el primer clic ya muestre lo que sabe.
3. 3 / 4 ### **La respuesta**

   Escrita desde tu contenido, con la fuente nombrada debajo para que el visitante pueda comprobarla.
4. 4 / 4 ### **El puente**

   Un formulario de nombre y teléfono que abre WhatsApp con tu número cuando el widget no puede ayudar.

**De la documentación**

## La etiqueta y sus atributos.

| **Dónde va la etiqueta** | before </body> |
| --- | --- |
| **Por qué espacio de trabajo habla** | data-team-id |
| **Versión de UI** | data-ui-version="v1" \| "v2" |
| **Idioma del visitante** | data-locale="en" \| "es" |
| **Modo de respuesta** | data-qa-mode="kb" |
| **Constructores de sitios** | Cualquier sitio o constructor que permita añadir una etiqueta script |
| **Paso de build** | Ninguno. La etiqueta carga el widget; tu contenido vive en el panel. |

**Preguntas y respuestas**

## Preguntas sobre la instalación.

**Sigue leyendo**

[<h3>**Puente a WhatsApp **</h3>Un botón de WhatsApp que se abre con la pregunta escrita, cuándo se ofrece, dónde caen los leads.](https://www.calypso.so/widget/whatsapp-bridge) [<h3>**Respuestas **</h3>Fuentes, citas, temas y respuestas rápidas. Tú decides qué puede decir.](https://www.calypso.so/widget/answers) [<h3>**Precios **</h3>Un plan, paquetes de créditos, asientos ilimitados. Prueba gratis cuando el widget esté activo.](https://www.calypso.so/widget/pricing) [<h3>**La etiqueta de inserción en la documentación **</h3>La referencia desde la que está escrita esta página: la etiqueta, sus atributos y los ajustes del panel.](https://docs.calypso.so/context/deploy/web-widget)

**Empieza hoy**

## **Una línea, y tu sitio responde.**

Configura gratis, añade tu contenido, pega la etiqueta. Tu prueba gratis empieza cuando lo actives.

[**Empieza la prueba gratis**](https://widget.calypso.so/join?targetAppKey=widget&returnTo=%2F) [**Leer la documentación**](https://docs.calypso.so/context/deploy/web-widget)