Widget de chat para el sitio web: cómo convertir en conversaciones a los visitantes con una duda

¿Cuándo debe hablar primero el chat?

El chat debe hablar cuando el visitante ha tenido un momento para mirar, y no debe tapar la página. Un visitante con una duda tiene dos opciones: preguntar o irse. La mayoría de los sitios ponen más fácil irse, bien porque la única vía de contacto es un formulario largo, bien porque una ventana de chat salta antes de que se haya leído la página y se cierra por reflejo.

En AdaptiveReply la versión amable es la Burbuja de invitación de la pestaña Comportamiento: una línea corta, de hasta 140 caracteres, que aparece junto al botón de chat tras un retraso que eliges entre 0 y 120 segundos. Cada visitante la ve una vez por visita. La opción Abrir por sí solo abre el chat una vez por visita en ordenadores; en los teléfonos el chat ocupa toda la pantalla, así que en ellos se muestra la invitación.

Escribe la invitación como una oferta sobre la página, no como un saludo. «¡Hola!» no le da al visitante nada que responder.

¿Cómo le dices al visitante en qué puede ayudar el chat?

Díselo con las dos primeras cosas que ve: el mensaje de bienvenida y las respuestas rápidas. Un cuadro de texto vacío le pide al visitante que redacte una pregunta. Una bienvenida corta y unas pocas preguntas de un toque muestran qué ayuda se ofrece y le ahorran ese esfuerzo.

• Mensaje de bienvenida. El primer mensaje de cada chat nuevo. Di en una frase quién responde y en qué puede ayudar.
• Respuestas rápidas. Hasta cuatro preguntas de un toque, de hasta 40 caracteres cada una, que se muestran bajo el mensaje de bienvenida hasta que el visitante escribe.
• Título de la cabecera e imagen del asistente. Muestran al visitante con quién está hablando.

Elige respuestas rápidas que el asistente pueda contestar bien: plazo de entrega, condiciones de devolución, cómo reservar. Una respuesta rápida que siempre termina en «un compañero se pondrá en contacto contigo» enseña al visitante que el chat es un formulario de contacto más lento.

¿Quién responde y con qué rapidez?

El asistente de IA responde de inmediato, a cualquier hora, y es el mismo asistente que responde en tus otros canales. No hay una configuración aparte para el sitio web: la personalidad, el tono, las fuentes, el catálogo y las reglas que configuraste una vez valen también para el widget.

Las conversaciones del sitio web llegan a la misma bandeja de entrada de AdaptiveReply que Instagram, Facebook Messenger, WhatsApp y el correo. Cuando el asistente no sabe responder o el visitante pide hablar con una persona, la conversación se traspasa a tu equipo como un caso con un resumen, y un miembro del equipo responde desde la bandeja mientras el visitante sigue en la misma ventana de chat. Consulta la guía de la bandeja unificada y cuándo traspasa el asistente.

Un límite, dicho con franqueza: el widget no tiene un ajuste de horario de atención. El asistente responde siempre que un visitante escribe. «Sin conexión» en el widget significa que se ha caído la conexión del visitante.

¿Conviene pedir nombre y correo antes del chat?

Pide solo lo que vayas a usar. Cada campo obligatorio antes del primer mensaje reduce el número de personas que inician un chat y aumenta el número de personas con las que podrás hacer seguimiento después. Una tienda que resuelve dudas rápidas de producto no suele pedir nada; una clínica que devuelve las llamadas necesita un teléfono.

En AdaptiveReply es el ajuste Información previa al chat de la pestaña Comportamiento. Marca Nombre, Apellido, Correo electrónico o Teléfono; los campos marcados pasan a ser obligatorios antes de que empiece el chat. Sin nada marcado, los visitantes empiezan a escribir directamente. También puedes exigir una casilla de consentimiento: el visitante debe aceptar tu texto antes de chatear, y se guardan la fecha y el texto del consentimiento.

¿Cómo consigues que el chat parezca parte de tu sitio?

Ajusta el color, el tema y el idioma, y después compruébalo en un teléfono. Un chat que parece un objeto extraño se interpreta como publicidad. La pestaña Diseño contiene los ajustes y la vista previa en vivo muestra el resultado mientras escribes; nada llega a tu sitio hasta que guardas.

• Color. Un color de marca para la cabecera, el botón de chat y los mensajes del visitante. El color del texto se ajusta solo para seguir siendo legible.
• Tema. Claro, Oscuro o Auto. Auto sigue el ajuste del dispositivo de cada visitante.
• Posición. Abajo a la derecha o abajo a la izquierda, donde no tape tus propios botones.
• Idioma. La interfaz del widget está disponible en 10 idiomas y puede seguir el idioma del navegador del visitante.
• Comprobación en el teléfono. La vista previa cambia entre escritorio y teléfono, y entre los estados cerrado, invitación, formulario previo, chat y sin conexión.

¿Cómo se instala el widget?

En la mayoría de los sitios, instalar es pegar una línea de código una sola vez. La pestaña Instalar muestra el código y los pasos para tu plataforma; después, cada cambio que guardas en el panel aparece en el sitio sin volver a tocar el código.

1. 1En el panel, abre Widget, crea un widget y configúralo en las pestañas Diseño y Comportamiento.
2. 2En la pestaña Instalar elige dónde funciona tu sitio: cualquier sitio web, Shopify, WordPress, Ticimax o ikas.
3. 3En cualquier sitio web, pega el código justo antes de la etiqueta de cierre de body, en la plantilla que comparten todas las páginas. En Shopify, activa la extensión de aplicación de AdaptiveReply en el editor de temas. En WordPress, sube y activa el plugin.
4. 4En Dominios permitidos, añade tu dominio para que el chat no pueda copiarse en otro sitio. Con la lista vacía, el chat funciona allí donde esté tu código.
5. 5Actualiza tu sitio y envía tú mismo un primer mensaje.

Una lista breve antes de publicarlo

• El asistente está publicado y responde tus diez preguntas más frecuentes en la vista previa.
• La invitación menciona algo concreto y el retraso deja tiempo para leer la página.
• Las respuestas rápidas son preguntas reales de clientes que el asistente sabe responder.
• Los campos previos al chat se limitan a lo que vas a usar y has enviado un mensaje de prueba desde un teléfono.

Si el asistente aún no está configurado, empieza por configurar un asistente de IA sin código; el resumen de funciones muestra qué más se conecta a la misma bandeja de entrada. Puedes empezar gratis e instalar el widget el mismo día.