CREA TU CUENTA GRATIS · SIN TARJETA EMPEZAR GRATIS
  • INICIAR SESIÓN
MuseRelay
  • Soluciones
    • Agentes IA
    • Atención al cliente
    • Agenda y reservas
    • Leads y ventas
    • Tickets e incidencias
  • Canales
    • WhatsApp
    • Instagram
    • Messenger
    • Chatbot web
    • Email
    • Telegram
  • Sectores
    • Clínicas y consultas
    • Peluquerías y estética
    • Inmobiliarias
    • Restaurantes
  • Marca blanca
  • Recursos
    • Blog
    • Documentación
    • API
  • Precios
INICIAR SESIÓN REGISTRARSE
Inicio
Primeros pasos
Resumen Primeros pasos
Chatbots e IA
Herramientas del Agente
Agenda MuseRelay n8n y Make
Canales
Resumen WhatsApp Instagram Messenger Chatbot web Email Telegram
Leads y ventas
Agentes de voz
Atención al cliente
Tickets y avisos
Marca Blanca
Resumen Primeros pasos Configuración
API & Referencia
Resumen Referencia
Documentación
Canales
Resumen
  • Canales: cuáles hay y cómo se conecta cada uno
  • Canales de Meta: credenciales propias o conexión guiada, App Secret, caducidad y avisos
WhatsApp
  • WhatsApp: conectar tu número y configurarlo
Instagram
  • Instagram: conectar tu cuenta y configurarla
Messenger
  • Messenger: conectar tu página de Facebook
Chatbot web
  • Chatbot web: crear, personalizar e instalar
  • Configurar CSP para que el chatbot funcione en tu web
Email
  • Canal Email: conecta tu buzón
  • Canal Email: bandeja, responder, buscar y borrar
  • Canal Email: spam, automáticos y sincronía con tu webmail
  • Canal Email: phishing y mensaje original
  • Canal Email: IA, asistente y avisos
  • Canal Email: privacidad y problemas frecuentes
Telegram
  • Canal Telegram: conecta tu bot y responde con IA
  • Avisos por Telegram: recibe avisos y responde a tus clientes desde Telegram
Documentación / Chatbot web / Chatbot web: crear, personalizar e instalar

Chatbot web: crear, personalizar e instalar

ES EN

El chatbot web es la burbuja que aparece en tu página. Tus visitantes hacen clic y conversan con tu asistente IA o con tu equipo, sin instalar nada. Las conversaciones llegan a Inbox Chatbots, en el menú del panel.

Crear el chatbot

  1. Ve a Gestión → Chatbots → Crear.
  2. Rellena:
    • Nombre del chatbot.
    • Mensaje de burbuja: el texto que acompaña a la burbuja (por ejemplo «¿Necesitas ayuda?»).
    • Mensaje de bienvenida: lo primero que lee el visitante al abrir el chat.
    • Modo de atención: Atención humana (responde tu equipo) o Atención humana con IA (responde el asistente y tu equipo puede intervenir).
    • Agente IA, si eliges el modo con IA.
  3. Guarda. Pasarás a la edición para personalizarlo.

Personalizar el aspecto

En la pestaña Apariencia:

  • Textos: mensaje de burbuja, de bienvenida y de respaldo (el que se muestra si algo falla).
  • Avatar: uno de los predefinidos o el tuyo (JPG, PNG o WebP).
  • Logo opcional (JPG, PNG o WebP, hasta 2 MB) y color principal.
  • Burbuja: redonda o cuadrada, de 40 a 80 px, abajo a la derecha o a la izquierda.
  • Ventana del chat: de 300 a 500 px de ancho y de 400 a 700 px de alto.
  • Mostrar u ocultar el logo y la hora de los mensajes, y el enlace del pie.

Con Vista previa real ves el chat funcionando antes de publicarlo.

Instalarlo en tu web

En la pestaña Instalación tienes el código para tu chatbot. Pégalo justo antes de </body> en todas las páginas donde quieras el chat:

<script src="https://muserelay.com/bot/TU-ID/script.js"></script>
<div id="muse-chatbot" data-bot-id="TU-ID"></div>

Opciones del código

Puedes añadir estos atributos al <div id="muse-chatbot">:

  • data-auto-open="true": abre el chat automáticamente al cargar la página.
  • data-hide-on-mobile="true": oculta el chat en pantallas de móvil.

Y si tu web necesita reaccionar al chat, escucha los eventos museChatbotReady (el chat ha cargado) y museChatbotMessage (cada mensaje, con su remitente y texto en e.detail).

Funciona en WordPress, Wix, Shopify, Webflow o cualquier web propia. Si tu web tiene una política de seguridad de contenidos (CSP) estricta, sigue la guía Configurar CSP; si la CSP bloquea la conexión en tiempo real, el chat sigue funcionando en modo compatibilidad.

Seguridad

  • Dominios permitidos (pestaña Seguridad): añade los dominios de tu web y el chat solo funcionará en ellos. Puedes usar *.tudominio.com para los subdominios; el dominio sin subdominio se añade aparte. Recomendamos configurarlos siempre.
  • Anti-bots: una verificación invisible comprueba que quien escribe es una persona, sin pedirle nada.
  • Límites de uso: se limita el número de mensajes por minuto y por hora desde una misma dirección.
  • Token del chatbot: puedes regenerarlo si lo necesitas (pide tu contraseña).

Consentimiento y privacidad

En la pestaña Consentimiento configuras el aviso que ve el visitante:

  • Activar el banner de consentimiento y elegir una plantilla (RGPD UE, UK GDPR, CCPA, Latinoamérica, mínimo…) o escribir tu mensaje.
  • Requerir aceptación para chatear: sin aceptarlo, el visitante no puede enviar mensajes.
  • Estilo del banner y si se muestra antes del primer mensaje.

Desde el menú del chat, el visitante puede descargar sus datos, borrar la conversación y retirar o restaurar su consentimiento.

Idioma

El chat se muestra en español o en inglés según el idioma del navegador del visitante (español también para catalán, gallego y euskera). El asistente responde en el idioma en que le escriben.

Atender en persona

Con el modo Atención humana con IA, cualquier miembro de tu equipo puede tomar la conversación desde la bandeja; el visitante ve que una persona se ha unido y, al devolverla, que vuelve el asistente.

Lo que todavía no hace

  • El visitante no puede enviar archivos desde el chatbot web.
  • No hay botón para que el visitante pida hablar con una persona; la toma de control la hace tu equipo.
  • Solo se muestra abajo (derecha o izquierda) y en español o inglés.

Preguntas frecuentes

¿Ralentiza mi web?

Apenas. Pega el código al final de la página, justo antes de </body>, y tu contenido se mostrará primero.

Veo «Dominio no autorizado»

Estás usando el chat en un dominio que no está en tu lista. Añádelo en la pestaña Seguridad.

¿Está en el plan gratuito?

Sí. El plan gratuito incluye un canal, y puede ser el chat de tu web.

Siguiente →Configurar CSP para que el chatbot funcione en tu web
En esta página
  • Cargando...

Plataforma

  • WhatsApp
  • Instagram
  • Messenger
  • Chatbot web
  • Email
  • Telegram
  • Agentes IA
  • Agenda y reservas

Marca blanca

  • Chatbot marca blanca
  • Qué es la marca blanca
  • Primeros pasos como reseller
  • Personaliza tu panel

Recursos

  • Blog
  • Documentación
  • API
  • Precios
  • Contacto

Legal

  • Aviso Legal
  • Privacidad
  • Términos
  • Cookies
  • DPA
  • Subprocesadores
  • Integraciones y RGPD
  • Eliminación de datos

© 2026 Muse Layer LLC · Infraestructura y procesamiento de datos en la UE · RGPD compliant

Privacidad | Aviso legal | Términos | Cookies
ES | EN

INICIAR SESIÓN

Accede a tu cuenta de MuseRelay

¿Olvidaste tu contraseña?
¿No tienes una cuenta? Crear cuenta nueva

Crear cuenta nueva

Únete a la comunidad beta de MuseRelay

Contáctanos para obtener tu código: webmaster@muserelay.com
¿Ya tienes una cuenta? INICIAR SESIÓN
Valoramos tu privacidad

Usamos cookies técnicas estrictamente necesarias para el funcionamiento de la plataforma. Sin cookies publicitarias ni de tracking. Política de Cookies · Privacidad