Saltar al contenido

Widget de chat

Última actualización:

Qué es un widget de chat

El widget es lo que los visitantes ven y pulsan: un botón de inicio, una ventana de chat, un campo de texto y a menudo un mensaje de bienvenida. Detrás hay un servicio que genera las respuestas, ya sean personas en una herramienta de chat en vivo o un chatbot con IA.

La mayoría de los widgets flotan sobre la página, así que están disponibles en todas partes sin cambiar el diseño de la web. Algunos también pueden colocarse integrados dentro de una sección.

Cómo funciona

El propietario de la web pega una etiqueta script en la página, normalmente justo antes del cierre de la etiqueta body. El script carga el widget desde el servidor del proveedor y lo conecta con la cuenta correcta mediante un ID. Las opciones habituales son:

  • Aspecto: colores, avatar, icono del botón y posición a la izquierda o a la derecha.
  • Textos: mensaje de bienvenida, texto de ejemplo del campo y preguntas sugeridas.
  • Ubicación: burbuja flotante, marco integrado o enlace directo a un chat a página completa.
  • Plataformas: plugins o fragmentos para sistemas como WordPress o Shopify.

Ejemplo

Una clínica dental añade un widget de chat a su web. La burbuja usa el color de la marca y el mensaje de bienvenida dice «¿Dudas sobre tratamientos u horarios? Pregunta aquí.» Dos preguntas sugeridas, «¿Atendéis a niños?» y «¿Dónde puedo aparcar?», muestran a los visitantes qué pueden preguntar.

Por qué importa en los chatbots para empresas

El widget es la primera impresión de un chatbot. Un botón que encaja con la web, una bienvenida clara y preguntas sugeridas útiles hacen más probable que los visitantes empiecen a conversar. La carga también importa, porque un widget no debería ralentizar la página.

El widget de chat de intoCHAT

intoCHAT añade una burbuja de chat con una sola etiqueta script colocada antes del cierre de la etiqueta body. También puedes integrar el agente en la página con un iframe, compartir un enlace directo o usar el plugin oficial de WordPress o un fragmento para temas de Shopify. Puedes ajustar los colores de la burbuja, la cabecera y los mensajes, el avatar del agente, el icono y el texto emergente del botón, el texto de ejemplo, la posición a izquierda o derecha, la bienvenida y las preguntas sugeridas. La importación de marca toma el logo y los colores de la URL de tu web, y el aviso «Powered by intoCHAT» se puede quitar en cualquier plan de pago.

Preguntas frecuentes

¿Cómo añado un widget de chat a mi web?

La mayoría de los proveedores te dan una etiqueta script para pegar en el HTML de la web, normalmente antes del cierre de la etiqueta body. Los creadores de webs y los CMS suelen ofrecer un plugin o un campo de código personalizado. Al guardar, la burbuja aparece en todas las páginas que cargan el script.

¿Un widget de chat ralentiza mi web?

Puede hacerlo, según cuánto código cargue y cuándo. Los widgets bien hechos se cargan en segundo plano para que la página se muestre primero. Una prueba de velocidad antes y después de instalarlo muestra el impacto real.

¿Puedo adaptar el widget de chat a mi marca?

La mayoría de las herramientas permiten cambiar colores, avatar, icono del botón, posición y texto de bienvenida. Con intoCHAT también puedes importar el logo y los colores desde la URL de tu web y quitar el aviso «Powered by intoCHAT» en los planes de pago.

Míralo responder con tu propia web

Pega la dirección de tu web y chatea con un agente creado a partir de tus páginas. Tarda alrededor de un minuto.

Crea tu agente gratis

Plan gratuito, sin tarjeta de crédito.