Chatvio – AI Webchat: Agrega un Botón de Chat a tu Sitio (2026)
El plugin Chatvio es un plugin gratuito de WordPress que añade un botón de chat flotante a tu sitio — y abre una ventana de chat real, no un enlace. Los visitantes hacen clic, escriben, y su mensaje llega a la bandeja de entrada de tu equipo. El plugin es gratuito, y combinarlo con una cuenta gratuita en la plataforma The Tech Pad — sin tarjeta de crédito, sin plan pago — desbloquea todo: pega tu clave publicable en el plugin y estás en vivo. En esta guía de 2026: por qué un botón de chat supera a un enlace simple, todas las opciones que incluye el plugin, y la configuración en seis pasos.
Por qué un botón de chat supera a un enlace
Un botón simple de WhatsApp — del tipo que abre wa.me en una nueva pestaña — envía al visitante fuera de tu página. Un botón de chat los mantiene en tu página. Hacen una pregunta, reciben una respuesta y continúan navegando — sin cambiar de aplicación, sin manejar pestañas, sin fricciones.
Esa diferencia importa porque el chat es donde los clientes realmente responden. Los mensajes de WhatsApp tienen una tasa de apertura del 98 % en comparación con aproximadamente el 20 % del correo electrónico, y el tiempo medio de respuesta es menor a 90 segundos. Cuando un visitante de tu sitio tiene una pregunta, capturar ese momento en una ventana de chat supera la esperanza de que te envíen un mensaje más tarde.
Un botón de chat también señala que la ayuda está disponible, convirtiendo una página estática en una conversación, precisamente en lo que se basa la plataforma The Tech Pad: bandeja de entrada compartida para el equipo, automatizaciones, campañas y asistente de IA. Los visitantes nunca necesitan una cuenta; solo escriben.
¿No estás seguro de si necesitas esto o un enlace simple de WhatsApp? Nuestra guía sobre el 3 formas de agregar un botón de WhatsApp a WordPress compara los enfoques, y nuestro mejores plugins de WhatsApp para WordPress de 2026 te da la vista completa del panorama.
Lo que el Plugin Chatvio Te Ofrece
El complemento integra el widget de chat web de The Tech Pad con la burbuja incorporada oculta, luego agrega su propio botón de lanzamiento que abre el panel de chat. En palabras sencillas: tú controlas el botón, The Tech Pad maneja el chat. Aquí tienes todo el paquete de un vistazo:
| Lo que obtienes | Lo que hace |
|---|---|
| Botón de chat flotante | Abre la ventana de chat de The Tech Pad directamente en tu página |
| Ventana de chat real | El visitante escribe, el mensaje llega a la bandeja de entrada de tu equipo — no se necesita cuenta |
| WhatsApp + chat web | Una bandeja de entrada para ambos, además de un icono verde opcional de lanzamiento rápido de WhatsApp |
| Chat gestionado desde el tablero | Saludo, formulario previo al chat, transferencias, automatizaciones, campañas |
| 8 iconos listos para usar | Además, subir imagen/GIF personalizada, selectores de color, formas, tamaños |
| Colocación precisa | 7 posiciones, desplazamientos personalizados, configuraciones separadas para escritorio y móvil |
| Reglas de visualización | Páginas, tipos de publicaciones, dispositivos, visitantes, retraso, desplazamiento, horario laboral |
| Código corto | [techpad_ai_chat] para un botón en cualquier parte de tu contenido |
Los requisitos son modestos: WordPress 6.0+ y PHP 7.4+. Funciona con cualquier tema y se lleva bien con los constructores de páginas.
Cómo instalar y configurar el plugin
Seis pasos, unos minutos, sin código.
- Descarga el plugin. Descarga el zip desde la página del plugin Chatvio — chatvio-ai-webchat.zip — o navega por todos los plugins de The Tech Pad.
- Obtén tu clave publicable. Regístrate gratis en thetechpad.com (sin tarjeta de crédito), abre la configuración de Web Chat y copia tu clave publicable (pública).
- Instala y activa. En WordPress ve a Plugins → Añadir nuevo → Subir plugin, selecciona el archivo zip, haz clic en Instalar ahora y luego en Activar.
- Conecta la clave. Abre The Tech Pad → Chatvio – AI Webchat. En Conexión, pega tu clave publicable y guarda. Luego elige tu objetivo de WhatsApp: decide qué hace la burbuja verde de WhatsApp junto al botón de chat: tu número de Tech Pad (mostrado cuando está conectado), otro número (abre wa.me, no se necesita conexión) o ningún WhatsApp en absoluto. Configura tu texto de CTA y activa el seguimiento de GA dataLayer si usas Google Analytics.
- Estiliza el lanzador. Elige uno de los ocho íconos — o sube tu propia imagen o GIF — selecciona colores, forma y tamaño, luego establece una posición.
- Guardar, vista previa, publicar. Usa el botón de vista previa para comprobar tu configuración, luego abre tu sitio y haz clic en el botón — se abre tu ventana de chat.
Todas las opciones explicadas
Conexión. La clave publicable es el único ajuste requerido. Proviene de una cuenta gratuita de Tech Pad — sin tarjeta de crédito — y es seguro de incluir: solo permite que los visitantes abran un chat en tu sitio. Las configuraciones avanzadas pueden sobrescribir la URL de la API (útil para entornos de prueba), optar por el enlace "Powered by" (desactivado por defecto — nada se acredita en tu sitio a menos que lo marques), configurar el texto del CTA y habilitar el seguimiento de dataLayer de GA.
Launcher y estilo. Ocho íconos SVG listos cubren todos los estados de ánimo:
| Ícono | Mejor para |
|---|---|
| Burbuja de chat | El predeterminado de uso general |
| Burbuja con puntos | Una sensación de "alguien está escribiendo" |
| Burbuja con líneas de texto | Mensajería de un vistazo |
| Logo de WhatsApp | Señalando chat de WhatsApp |
| Burbuja de WhatsApp | Híbrido de WhatsApp + chat web |
| Auriculares | Mesas de soporte y servicio |
| Cuadro de mensaje | Limpio y minimalista |
| Avión de papel | Mensajes rápidos |
¿Prefieres tu propia marca? Sube una imagen o GIF personalizado desde la biblioteca de medios. Los selectores de color ajustan el fondo y el icono, la forma puede ser redonda, cuadrado redondeado o cuadrado, y el tamaño va de 32 a 120 px.
Etiqueta y animación. Muestra un tooltip al pasar el cursor, una etiqueta siempre visible, o nada. Animaciones: ninguna, pulso, rebote, sacudida o campana — formas sutiles de atraer la atención.
Posición. Siete preajustes: abajo-derecha, abajo-izquierda, abajo-centro, derecha-centro, izquierda-centro, arriba-derecha y arriba-izquierda. ¿Necesitas control de píxeles? Configura desplazamientos personalizados e índice z. La posición, los desplazamientos y el tamaño se configuran por separado para escritorio y móvil (menos de 782 px), por lo que el botón nunca cubrirá tu contenido en los teléfonos.
Reglas de visualización. Muestra el botón en todo el sitio, solo en páginas listadas o en todas excepto las listadas — URLs o IDs de páginas, una por línea. Ocúltalo en tipos de publicaciones específicos, limítalo a escritorio o móvil, restringe el acceso a usuarios registrados o invitados, retrásalo por segundos o porcentaje de desplazamiento, y configura el horario laboral con días y horas según la zona horaria de tu sitio.
Avanzado. Cada estilo de lanzador es una configuración: colores, forma, tamaño, posición, etiqueta y animación. Para cualquier cosa más allá de eso, usa el editor CSS que WordPress ya incluye (Apariencia → Personalizar → CSS Adicional): WordPress verifica lo que pegas y se mantiene con tu tema. ¿Necesitas un botón en un lugar específico dentro de tu contenido? El shortcode [techpad_ai_chat] acepta atributos de etiqueta, tamaño, ícono y color.
Lo que te ofrece la ventana de chat
Cuando un visitante hace clic en tu botón, la ventana de chat de Tech Pad se abre directamente en la página. Escriben un mensaje y llega a la bandeja de entrada de tu equipo junto con tus conversaciones de WhatsApp: una bandeja de entrada, un historial, sin copiar y pegar.
Todo lo que los visitantes ven en esa ventana se gestiona desde tu panel de control, no desde el complemento:
- Saludo. El primer mensaje que reciben los visitantes, escrito una vez y usado en todas partes.
- Formulario previo al chat. Recoge nombre, correo electrónico o cualquier otra cosa antes de que comience el chat.
- Transferencias. Dirige las conversaciones al compañero de equipo o departamento correcto.
- Automatizaciones y campañas. Secuencias de bienvenida, respuestas fuera del horario y campañas de WhatsApp se ejecutan en la misma bandeja de entrada.
Por eso el complemento se mantiene simple: el botón es tu trabajo, el motor de conversaciones es de The Tech Pad. Dos plantillas de mensajes para comenzar: la primera como saludo, la segunda como respuesta automática fuera del horario:
¡Hola {{1}}! Gracias por visitar {{2}} — ¿cómo podemos ayudarte hoy? 👋
¡Gracias por tu mensaje, {{1}}! Nuestro equipo está desconectado en este momento y responderá en breve. Si es urgente, toca el ícono verde de WhatsApp para contactarnos allí.
Elige el número de WhatsApp que usan tus visitantes
El botón de chat siempre abre la ventana de chat de Tech Pad en tu sitio. La burbuja verde de WhatsApp al lado es opcional, y desde la versión 1.1.0 decides a qué número apunta, sin código. Abre The Tech Pad → Chatvio – AI Webchat → Connection → Botón de WhatsApp y elige uno de los tres:
| Configuración | Lo que los visitantes ven | A quién le conviene |
|---|---|---|
| Número de WhatsApp de Mi Tech Pad | Burbuja de WhatsApp que abre un chat con el número conectado en tu panel de Tech Pad (verificado con Meta) | Negocios ya conectados — el chat web y WhatsApp llegan a una bandeja compartida, con respuestas de IA incluidas |
| Otro número de WhatsApp | Burbuja de WhatsApp que abre wa.me con cualquier número que escribas — no se necesita conexión a Tech Pad | Cualquier persona que quiera el acceso directo de WhatsApp hoy y pueda conectar el número después |
| No mostrar WhatsApp | Solo el botón de chat | Primeros equipos de chat web |
Consejo: ¿aún no estás conectado pero planeas hacerlo? Elige Otro número de WhatsApp e ingresa el número al que te conectarás más tarde. Los visitantes siguen chateando con el mismo número todo el tiempo; nada cambia de su lado cuando cambias la configuración después de conectarte.
FAQ
¿Necesito una cuenta de The Tech Pad para el plugin Chatvio? Sí — el chat funciona en la plataforma de The Tech Pad. Regístrate gratis en thetechpad.com, abre la configuración de Web Chat y copia tu clave publicable (pública) en el plugin. Los visitantes nunca necesitan una cuenta.
¿Es seguro poner la clave pública en mi sitio web? Sí. La clave publicable está diseñada para incrustarse; solo permite que los visitantes abran un chat en tu sitio. No es una clave API secreta y no puede enviar mensajes en tu nombre.
¿Pueden los visitantes chatear en WhatsApp también? Sí. La burbuja verde de WhatsApp junto al botón de chat abre un chat de WhatsApp, y cada conversación llega a la misma bandeja de entrada de Tech Pad. Desde la versión 1.1.0 puedes elegir a qué número apunta en Configuración → Conexión: tu número de Tech Pad conectado, o cualquier otro número a través de un enlace simple wa.me.
¿Necesito un número de WhatsApp de Tech Pad para la burbuja de WhatsApp? No. Elige "Otro número de WhatsApp" en Configuración → Conexión y escribe cualquier número: los visitantes abren un chat normal de WhatsApp con él, sin verificación de Meta ni API involucrada. Cuando luego conectes ese número en tu panel de Tech Pad, cambia la configuración a tu número de Tech Pad y esos chats se unirán a tu bandeja de entrada compartida.
¿Puedo mostrar el botón solo en algunas páginas? Sí. En Reglas de visualización elige "Solo en las páginas listadas a continuación" e ingresa las URL o ID de las páginas, una por línea. También puedes ocultarlo en tipos de publicaciones específicos, limitarlo a escritorio o móvil, restringirlo a usuarios registrados o invitados, retrasarlo por tiempo o desplazamiento, y establecer el horario comercial.
¿Qué sucede cuando un visitante hace clic en el botón? La ventana de chat de Tech Pad se abre directamente en tu página. El visitante escribe un mensaje y llega a la bandeja de entrada de tu equipo, con el saludo, el formulario previo al chat, la transferencia entre agentes y las automatizaciones, todo gestionado desde tu panel.
Obtén el Plugin Gratis
El plugin Chatvio es gratuito, la cuenta de Tech Pad a la que se conecta es gratuita y no se requiere tarjeta de crédito en ningún momento del proceso. Descarga chatvio-ai-webchat.zip, instálalo en un par de minutos y pon un botón de chat en tu sitio hoy mismo. Crea tu cuenta gratuita en thetechpad.com/wa/ y obtén tu clave publicable; todo lo demás es señal y clic.
Mientras estés aquí: aprende el 3 formas de agregar un botón de WhatsApp a WordPress, o ve cómo se compara el plugin Chatvio en nuestro mejores plugins de WhatsApp para WordPress de 2026.