Ir al generador
Click-to-Chat Builder

Añadir un botón de chat de WhatsApp a cualquier sitio HTML

Crea el widget aquí, copia un bloque de HTML y pégalo en cualquier sitio HTML. Sin plugin que instalar, sin cuota mensual y sin ningún script cargándose desde el servidor de otro.

Abrir el generador completo

Cómo añadirlo a cualquier sitio HTML

  1. Abre el archivo HTML de tu página, o la plantilla compartida que usan todas las páginas.
  2. Pega el código justo antes de la etiqueta </body>.
  3. Sube el archivo y recarga tu sitio.
  4. Con una Content-Security-Policy estricta, mueve los bloques <style> y <script> a sus propios archivos y enlázalos en lugar de incrustarlos.

¿Por qué no un plugin?

Un plugin de chat alojado añade una petición externa a cada carga de página, puede cambiar su propio diseño sin avisarte y suele empezar a pedir una suscripción cuando tu tráfico crece. El código que creas aquí es HTML, CSS y JavaScript puros que viven en tu propia plantilla: unos 11 KB, sin peticiones externas y sin la hoja de ruta de nadie más.

Antes de pegarlo

Crea primero el widget en el generador completo y usa «Descargar página de prueba» para confirmar que se ve bien. Después copia el código y sigue los pasos de arriba: pégalo una sola vez, en una plantilla que compartan todas las páginas, en lugar de página por página.

Preguntas frecuentes

¿El widget de chat ralentizará mi web?
Añade unos 11 KB de HTML, CSS y JavaScript en línea y no hace ninguna petición de red, así que no cuesta ninguna descarga aparte y no puede bloquear el renderizado. Los widgets de chat alojados suelen cargar 100 KB o más desde un tercero.
¿El widget es accesible?
Los contactos son enlaces reales, así que funcionan sin JavaScript y con un lector de pantalla. El botón informa de su estado, el panel se cierra con Escape, el foco entra y vuelve a salir, cada zona táctil mide al menos 44 píxeles y la animación se omite si el visitante pide menos movimiento.

Seguir leyendo