Widget de webchat

Webchat es el chat en vivo integrable de Repost21 para cualquier sitio web. Los visitantes escriben directamente en el widget de la página y los diálogos llegan a tu Bandeja de entrada compartida como un canal aparte llamado «Chat del sitio». Puede responder un agente de IA (automáticamente) o un operador de forma manual, desde la misma bandeja de entrada que Telegram/Instagram/WhatsApp.

Cómo crear un chat

1. Abre Agentes de IA → Widget de webchat.
2. Pulsa «Crear chat».
3. Repost21 creará por sí mismo el agente de IA «cerebro» para este chat y lo vinculará al widget — no hace falta configurar nada por separado.
4. Te llevará directamente al editor: a la izquierda los ajustes de apariencia y comportamiento, a la derecha una vista previa en vivo.

Tras crearlo quedan dos pasos: dar estilo al widget según tu marca e insertar una sola línea de código en tu sitio.

Consejo

Puedes afinar el agente «cerebro» en cualquier momento — en el editor del chat hay una tarjeta «Cerebro del agente» con un botón que te lleva a los ajustes del agente. Allí se cambia el prompt del sistema, el modelo de IA (Rápido / Equilibrado / Potente) y se conecta una Base de conocimiento para que el chat responda según tus materiales.

Editor de temas

Todo lo que cambias se guarda automáticamente — el código de integración no cambia, y el widget en tu sitio adopta el nuevo aspecto por sí solo.

Sección	Qué se configura
Cerebro del agente	Qué agente de IA responde en el chat, acceso a sus ajustes
Marca	Nombre (título del chat) y subtítulo
Color	Color de acento — 6 presets listos o el tuyo propio mediante la paleta
Tamaño y posición	Esquina de la pantalla (abajo a la derecha/izquierda), redondeo de esquinas, márgenes desde el borde, fuente
Comportamiento	Texto de bienvenida, placeholder del campo de entrada, modo de identificación, sonido de notificaciones, ocultar la firma «Powered by»
Código de integración	Código de integración listo con un botón «Copiar»

Modo de identificación

Define qué le pide el widget al visitante antes de empezar el diálogo:

Modo	Qué ve el visitante
Anónimo	Escribe enseguida, sin formulario
Nombre	Formulario corto — solo el nombre
Nombre + email	Formulario con nombre y email — los datos van a la ficha de contacto en la bandeja de entrada

Vista previa en vivo

A la derecha del editor está la vista previa del widget en un sitio de demostración realista. Es un widget real que funciona, no una imagen: cambias el color o la bienvenida y la vista previa se actualiza en un par de segundos. Puedes abrir el chat y mirar la cabecera, las burbujas de mensajes y el formulario de identificación antes de poner el código en tu sitio real.

Integración en el sitio

Copia el código de integración del editor (sección «Código de integración») e inserta una sola línea antes del </body> de cierre:

<script
  src="https://widget.repost21.com/widget.js"
  data-widget-id="wc_YOUR_ID"
  defer
></script>

• data-widget-id — el identificador de tu chat; ya está puesto en el código dentro del editor.
• El widget funciona en cualquier dominio — no hay restricciones por sitio.
• El widget toma el tema y el comportamiento por sí mismo — tras editar en el editor no hace falta reinstalar nada.

Nota

Los estilos del widget están aislados del sitio: no rompe la maquetación de la página, y el CSS del sitio no afecta al chat.

Qué ve el visitante

• Un botón lanzador en la esquina de la página; al hacer clic se abre el panel del chat con una bienvenida.
• Texto, imágenes y archivos — el visitante puede escribir y adjuntar archivos.
• Respuestas en tiempo real — los mensajes del operador y de la IA llegan al instante, sin recargar la página (si la conexión es inestable, el widget cambia por sí mismo a un modo de respaldo).
• Una notificación sonora de una nueva respuesta — si está activada en los ajustes de comportamiento.
• Un distintivo de no leídos en el botón lanzador cuando el panel está cerrado y ha llegado una respuesta.
• En los teléfonos el chat se despliega a pantalla completa.

Adónde llegan los diálogos

Cada diálogo del widget aparece en la sección Bandeja de entrada como un canal «Chat del sitio» — junto a los diálogos de las redes sociales:

• El agente de IA responde automáticamente — para webchat este es el comportamiento por defecto: el visitante espera una respuesta inmediata.
• El operador puede tomar el control del diálogo en cualquier momento con el botón «Tomar el control» — la IA se calla y a partir de ahí responde una persona. Después se puede devolver el diálogo a la IA.
• Funcionan todas las herramientas de la bandeja de entrada: etiquetas, notas, asignación de operador, historial de la conversación.
• Si el visitante dejó nombre y email (modo «Nombre + email»), se ven en la ficha de contacto.

Consejo

Puedes tener varios chats — por ejemplo, uno por cada sitio. Cada widget tiene su propio agente «cerebro», su propia base de conocimiento y su propio tema: puedes cambiar entre chats directamente en la cabecera del editor.