---
title: "Widget web de WhatsApp gratis y premium para tu sitio web"
canonical_url: "https://www.calypso.so/es/free-whatsapp-widget"
last_updated: "2026-11-10T00:38:17.649Z"
meta:
  description: "Un widget web de WhatsApp gratis con acabado premium: panel cuidado, QR nítido y botón para chatear por WhatsApp en cada página de tu sitio web. Sin tarjeta."
  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": "Un widget web de WhatsApp gratis con acabado premium: panel cuidado, QR nítido y botón para chatear por WhatsApp en cada página de tu sitio web. Sin tarjeta."
  "og:title": "Widget web de WhatsApp gratis y premium para tu sitio web"
  "twitter:description": "Un widget web de WhatsApp gratis con acabado premium: panel cuidado, QR nítido y botón para chatear por WhatsApp en cada página de tu sitio web. Sin tarjeta."
  "twitter:title": "Widget web de WhatsApp gratis y premium para tu sitio web"
---

Úsalo gratis

**Widget web de WhatsApp gratis**

# El widget web de WhatsApp gratis, de calidad premium

Un widget de chat de WhatsApp para tu sitio web con el acabado de un producto pago: un panel cuidado, un código QR nítido y un botón para chatear por WhatsApp al instante, pensado para el teléfono, sin anuncios, en una línea. Gratis mientras lo uses, sin periodo de prueba ni tarjeta.

[**Úsalo gratis**](https://widget.calypso.so/join?targetAppKey=widget&returnTo=%2F) [**La etiqueta en la documentación**](https://docs.calypso.so/context/deploy/web-widget)

**Tu negocio**

Responde por WhatsApp

Escanea para chatear por WhatsApp

**Chatear por WhatsApp**

**Con tecnología de Calypso**

**Cómo se ve el widget en tu sitio**

## Un widget de clic para chatear: tu número, a un escaneo o un toque.

El botón abre un panel de chat cuidado con tu código QR y un botón que inicia un chat de WhatsApp con tu mensaje ya escrito. En el teléfono el QR se hace a un lado y el botón hace el trabajo. Sin anuncios ni ruido, solo una línea discreta al pie.

tusitio.com

**Tu negocio**

Responde por WhatsApp

Escanea para chatear por WhatsApp

**Chatear por WhatsApp**

**Con tecnología de Calypso**

_**En el computador** · Quien visita escanea el código QR y el chat se abre en su teléfono._

**Tu negocio**

Responde por WhatsApp

Toca para chatear por WhatsApp

**Chatear por WhatsApp**

**Con tecnología de Calypso**

_**En el teléfono** · Un toque abre WhatsApp con tu número y tu primer mensaje._

Una vista previa con un número de ejemplo. El tuyo muestra tu número.

**Hazlo tuyo**

## Tus colores, tu logo, tus palabras.

El widget toma tu marca sin una línea de CSS: lo eliges en el panel y todas las páginas lo siguen.

**Escríbenos**** Escríbenos**** Escríbenos**** Escríbenos**

### **Colores**

El botón flotante y el botón del panel en los colores de tu marca, desde la configuración de color del panel. El verde de WhatsApp es solo el valor por defecto.

**Chatear por WhatsApp****QR activado**

**Chatear por WhatsApp****QR apagado**

### **Tu QR en el widget**

Activa o desactiva el código QR. Se genera desde tu número, sin subir nada, y se ve nítido a cualquier tamaño.

### **Tu logo en el QR**

Tu marca va al centro del código, con la corrección de errores más alta para que los teléfonos lo lean a la primera.

¡Hola! Te escribo desde tu web, quiero reservar una mesa para dos.** Escríbenos**

### **Tus palabras**

El texto del botón y el primer mensaje, en tu idioma y con tu tono. “Escríbenos” funciona igual de bien que “Chatear por WhatsApp”.

Configúralo desde el panel en un minuto. [**~~Úsalo gratis~~**](https://widget.calypso.so/join?targetAppKey=widget&returnTo=%2F)

**Instalación**

## Agrega el widget de chat de WhatsApp a tu sitio web en una línea.

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

   Un espacio de trabajo en un minuto. No hay plan que elegir para el widget gratis. 2. 02 ### **Agrega tu número**

   Tu número de WhatsApp y el primer mensaje, en el panel del widget. 3. 03 ### **Pega la línea**

   Copia la etiqueta antes del cierre del body. El widget aparece en la siguiente carga.

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

**Desde el panel**

## Lo que controlas en el widget web, sin tocar el código.

### **Tu número**

Cualquier número de WhatsApp o WhatsApp Business. Cámbialo y todas las páginas lo siguen. ### **El primer mensaje**

El texto con el que se abre el chat, para que sepas que el visitante viene de tu web. ### **El texto del botón**

Chatear por WhatsApp, Escríbenos, o lo que dirían tus clientes. Sigue siendo un solo botón, al instante. ### **Código QR activado o no**

Muestra el código QR para quien está en el computador, o deja solo el botón.

**Preguntas y respuestas**

## Lo que se pregunta sobre un widget web de WhatsApp gratis.

**Más herramientas gratis para WhatsApp**

## Dos cosas más, también gratis.

[**Tracker de precios de la API de WhatsApp **Las tarifas por mensaje de Meta para cada mercado, con calculadora, para el día en que envíes por la API.](https://www.calypso.so/es/whatsapp-api-pricing) [**Generador de código QR y links de WhatsApp **Un link wa.me con tu mensaje ya escrito, un código QR con tu logo para imprimir y un botón HTML. Sin cuenta.](https://www.calypso.so/es/tools/whatsapp-link-generator)

**Empieza hoy**

## **Pon en tu sitio web un widget web de WhatsApp de calidad premium, gratis.**

Regístrate, agrega tu número y pega una línea. Sin prueba ni tarjeta.

[**Úsalo gratis**](https://widget.calypso.so/join?targetAppKey=widget&returnTo=%2F) [**La etiqueta en la documentación**](https://docs.calypso.so/context/deploy/web-widget)