Tool gratuita · HTML listo para pegar

Genera un widget flotante de WhatsApp para tu web

Crea un botón flotante para que tus visitantes te escriban por WhatsApp desde cualquier página. Personaliza el mensaje inicial, copia el HTML y pégalo en Webflow, WordPress, Shopify o tu sitio.

Sin registro Código HTML listo Preview en vivo
https://tuempresa.com
Chat por WhatsApp
Mensaje predeterminado

El cliente abre WhatsApp con el texto listo. Así llega con contexto y no empieza desde cero.

Generador de widget de WhatsApp

Crea tu widget en 4 pasos

Esta versión guía al usuario por teléfono, mensaje, diseño y código final. Es más pedagógica y reduce confusión.

Paso 1 de 4

Datos básicos

Primero dinos a qué WhatsApp debe escribir el visitante y desde qué web instalará el botón.

Elige la bandera con el código del país y luego escribe el número de WhatsApp.
Elige la bandera con el código del país y luego escribe el número de WhatsApp.
Paso 2 de 4

Mensaje inicial

Este mensaje le aparecerá listo al visitante cuando abra WhatsApp. Solo tendrá que tocar enviar.

Paso 3 de 4

Diseño del widget

Elige si quieres botón completo o circular y dónde debe aparecer en la página.

Paso 4 de 4

Código listo

Genera el HTML final y pégalo donde tu plataforma permita insertar código: un Embed de Webflow, un bloque HTML de Elementor/WordPress, Shopify o el código de tu página.

Configura tu widget

Todo en una sola vista. La persona completa los datos, genera el HTML y copia el código.

Este texto aparece listo en WhatsApp para que el visitante solo toque enviar.

HTML generado

Copia este bloque y pégalo en tu plataforma: Embed de Webflow, bloque HTML de Elementor/WordPress, Shopify o código de tu web. El botón quedará flotando en la posición elegida. También puedes abrir una prueba para verificar que WhatsApp carga con tu número y mensaje.

widget-whatsapp.html HTML + CSS
Dónde usarlo

Un widget para convertir visitas en conversaciones

Ideal para sitios donde el usuario necesita preguntar, cotizar, agendar o hablar con ventas sin buscar el número manualmente.

W

Webflow

Pega el HTML en un Embed o en el Custom Code de tu landing.

WP

WordPress

Úsalo en Elementor, Gutenberg o en el footer global del sitio.

S

Shopify

Agrega un acceso rápido para dudas de compra, envíos o disponibilidad.

LP

Landing pages

Convierte tráfico de campañas en chats listos para seguimiento comercial.

Después del widget

El botón trae chats. Mercately te ayuda a convertirlos en ventas.

Cuando empieces a recibir más conversaciones por WhatsApp, necesitas organizar leads, asignar chats, automatizar respuestas y medir qué campañas generan más ventas.

Agendar demo de Mercately
CRM para WhatsAppCentraliza conversaciones y evita que los leads se pierdan.
Automatizaciones con IAResponde, califica y deriva conversaciones automáticamente.
Métricas y seguimientoMide qué canales y campañas generan mejores conversaciones.
Código copiado Ahora puedes pegarlo en Webflow, WordPress, Shopify o tu sitio web.