¿Cómo añadir un chat en directo con IA a mi sitio web?
Instale el widget de chat con IA de SendSeven (menos de 50 KB) con una etiqueta script en 5 minutos. El bot responde 24/7 desde su base de conocimientos, capta leads con formularios pre-chat RGPD y transfiere en 4 modos híbridos. Desde EUR 49/mes; IA y base de conocimientos desde EUR 79 (Professional).
Cada visitante de su web
es potencial de ingresos.
Su equipo esta de viaje, el telefono esta ocupado, el horario ha terminado, pero su web sigue trabajando. El chat en vivo con IA convierte visitantes en leads y clientes, las 24 horas.
El problema de las 5 de la tarde que toda PYME conoce
Son las 8 de la tarde. Una clienta potencial llega a su web, navega por sus productos y tiene una pregunta sobre el envio. Encuentra un formulario de contacto, lo rellena y espera. A la manana siguiente su equipo lee la consulta. Pero ella ya compro a la competencia.
Para las PYME con 5 a 50 empleados, esto no es algo puntual, es la realidad diaria. El 76% de los clientes esperan respuesta en menos de 24 horas, pero muchos la esperan de inmediato. Fuera del horario laboral, no hay nadie para responder. Y contratar un segundo turno? Para la mayoria de las PYME, es financieramente imposible.
El resultado: cada tarde, cada fin de semana, leads potenciales se escapan. No porque su producto no encaje, sino porque nadie estaba ahi en el momento que importaba.
La IA responde, incluso fuera de horario
SendSeven combina chat en vivo con una IA que conoce su base de conocimiento. Durante el dia, el bot apoya a su equipo. Por la noche y los fines de semana, se encarga completamente, con respuestas reales de sus FAQ, paginas de producto y documentacion.
Asi funciona en la practica: un visitante hace una pregunta. La IA busca en su base de conocimiento y responde en segundos, con atribucion de fuentes. Cuando la IA no esta segura, escala automaticamente: a su equipo, via notificacion por email, o como ticket en su bandeja de entrada. En el panel, puede ver el nivel de confianza de la IA para cada respuesta.
Opcionalmente, un formulario pre-chat captura nombre, email y consentimiento. Esto convierte cada conversacion en un contacto en su base de datos, listo para seguimiento via WhatsApp, email o Telegram.
Bot de soporte IA
Reglas de escalacion
Resultados medibles
Las PYME que usan chat en vivo con IA ven cambios en tres areas clave.
Configuracion del widget
Color de marca
Posicion
Formulario pre-chat
Horario laboral
Vista previa en vivo
Su marca, su widget
Personalice el widget para que coincida con su diseno en segundos. Colores, icono, posicion, tamano: todo es configurable. Formularios pre-chat con checkbox de consentimiento, horarios laborales con mensajes de ausencia y reglas por pagina incluidos.
- Colores de marca, estilo del icono, tamano del boton y posicion izquierda/derecha
- Formulario pre-chat: nombre, email, campos personalizados y checkbox de consentimiento
- Horarios laborales y modo fuera de linea con mensajes de ausencia personalizados
- Reglas por pagina: mostrar en la pagina de precios, ocultar en el blog
Siguen abiertos hoy?
Cual es la mejor forma de llegar?
Esta abierta la zona spa?
IA que conoce su negocio
Conecte su base de conocimiento (documentos, FAQ, contenido web y resumes de tickets anteriores) y la IA responde solo con su contenido. Sin alucinaciones, sin datos inventados: la IA cita exclusivamente de sus fuentes.
- 4 modos hibridos: totalmente automatico, IA primero, humano primero, basado en horario
- Analitica de confianza en el panel: vea la certeza de cada respuesta
- Escalacion inteligente: por incertidumbre, deteccion de palabras clave o solicitud del cliente
- Saludos personalizados y configuracion de persona por canal
Antes de empezar, cuentenos un poco sobre usted
Capture leads, no solo chats
Los formularios pre-chat recopilan nombre, email y campos personalizados antes de que comience la conversacion, y crean automaticamente un contacto. El bot IA puede ofrecer suscripcion al boletin durante el chat. El doble opt-in le mantiene en cumplimiento.
- Formularios pre-chat con nombre, email, telefono y campos personalizados
- Gane suscriptores al boletin directamente durante las conversaciones de chat
- Doble opt-in conforme al RGPD con checkbox de consentimiento
- Contactos creados y enriquecidos automaticamente en su gestion de contactos
Ana Garcia
equipamiento-outdoor.es
Canales conectados
Hola, necesito ayuda con mi pedido
Aqui tiene su enlace de seguimiento: ...
Confirmacion de pedido #4821
Gracias por la respuesta rapida!
Empiece en chat, continue en cualquier canal
Las conversaciones de chat en vivo llegan a la misma bandeja de entrada unificada que WhatsApp, Telegram, email y todos los demas canales. Cuando un visitante comparte su telefono, haga seguimiento via WhatsApp. Un perfil de contacto, historial completo de conversaciones, sin perder contexto.
- Las conversaciones de chat en vivo aparecen en la bandeja de entrada unificada junto a todos los canales
- Un perfil de contacto vincula chat en vivo, WhatsApp, email, Telegram y mas
- Asignacion de agentes y gestion de tickets funcionan en todos los canales
- El bot de soporte IA funciona en chat en vivo, WhatsApp y Telegram con la misma base de conocimiento
ROI en numeros
Como podria verse
Una tienda online de 12 empleados que vende equipamiento outdoor agrega el widget de chat en vivo de SendSeven con bot IA a su web. Durante el dia, el bot apoya al equipo de soporte de 3 personas con preguntas estandar sobre envios y devoluciones. Por las tardes y fines de semana, la IA se encarga completamente: responde preguntas de las FAQ y captura leads a traves del formulario pre-chat.
Escenario tipico basado en datos del sector
En linea en 5 minutos
De la instalacion al primer chat, sin codigo necesario.
Instale el widget
Copie una etiqueta de script en su web. Funciona con WordPress, Shopify, React y cualquier pagina HTML.
Personalice y configure
Establezca los colores de marca, configure el formulario pre-chat, defina horarios laborales y conecte su base de conocimiento para respuestas con IA.
Inicie conversaciones
Los visitantes chatean, la IA responde, los leads se capturan. Todo llega a su bandeja de entrada unificada.
Guias paso a paso para la configuracion a traves del panel o la API.
Guia de la plataforma: paso a paso
Crea y personaliza tu widget de chat en vivo:
Navegar a Widgets
Ve a Configuracion > Widgets en el panel. Haz clic en "Crear Widget" y selecciona "Chat en vivo".
Personalizar apariencia
Elige tus colores de marca, posicion del widget (izquierda/derecha), mensaje de bienvenida y avatar. Vista previa en tiempo real.
Establecer disponibilidad
Configura horarios de atencion cuando los agentes estan disponibles. Establece un mensaje fuera de horario.
Copiar codigo de integracion
Copia el snippet de JavaScript y pegalo en el HTML de tu sitio, justo antes de la etiqueta </body>.
Probar el widget
Visita tu sitio web y haz clic en el icono de chat. Envia un mensaje de prueba y verifica que aparece en tu bandeja de entrada.
Referencia de API: acceso para desarrolladores
Gestiona widgets y sesiones de chat en vivo via API.
| Method | Path | Description |
|---|---|---|
| POST | /api/v1/widgets | Crear un nuevo widget |
| GET | /api/v1/widgets/{id}/embed-code | Obtener codigo de integracion del widget |
| POST | /public/w/{widgetId}/live-chat/start | Iniciar una sesion de chat en vivo (publica) |
| GET | /public/w/{widgetId}/live-chat/availability | Verificar disponibilidad de agentes (publica) |
const response = await fetch('https://api.sendseven.com/api/v1/widgets', {
method: 'POST',
headers: {
'Authorization': 'Bearer YOUR_API_TOKEN',
'X-Tenant-ID': 'YOUR_TENANT_ID',
'Content-Type': 'application/json'
},
body: JSON.stringify({
type: 'live_chat',
name: 'Support Chat',
config: {
primary_color: '#6366f1',
position: 'right',
welcome_message: 'Hi! How can we help?'
}
})
});
const widget = await response.json();
console.log('Widget ID:', widget.id);const response = await fetch(
'https://api.sendseven.com/api/v1/widgets/widget_123/embed-code',
{
headers: {
'Authorization': 'Bearer YOUR_API_TOKEN',
'X-Tenant-ID': 'YOUR_TENANT_ID'
}
}
);
const { embed_code } = await response.json();
// Copy this to your website's HTML
console.log(embed_code);const response = await fetch(
'https://api.sendseven.com/public/w/widget_123/live-chat/availability'
);
const { available, agents_online } = await response.json();
console.log(available ? `${agents_online} agents online` : 'Offline');Preguntas frecuentes
Que tan rapido puedo configurar el chat en vivo en mi web?
En menos de 5 minutos. Copie una etiqueta de script en su web, personalice colores y formulario pre-chat, y conecte su base de conocimiento. Sin codigo necesario.
Que pasa cuando alguien escribe por la noche o el fin de semana?
El bot de soporte IA se activa automaticamente. Responde preguntas desde su base de conocimiento y captura datos de contacto via el formulario pre-chat. Cuando no esta seguro, crea un ticket para su equipo a la manana siguiente.
Podemos pasar del chat a WhatsApp o email?
Si. Una vez que un visitante proporciona su telefono o email en el formulario pre-chat, se crea un contacto. Su equipo puede entonces hacer seguimiento via WhatsApp, email, Telegram o cualquier canal conectado, con historial de conversacion completo.
Es el chat en vivo conforme al RGPD?
Si. Los formularios pre-chat incluyen checkbox de consentimiento, las suscripciones al boletin usan doble opt-in, y todos los datos se procesan en la UE. Usted controla que datos se recopilan.
Ralentizara el widget mi web?
No. El script pesa menos de 50 KB, se carga de forma asincrona via CDN y no bloquea el renderizado de la pagina. El widget aparece solo despues de que su pagina se ha cargado completamente.
Cuanto cuesta el chat en vivo?
El chat en vivo está incluido desde Basic (planes desde €49/mes), con usuarios ilimitados y sin tarifas por usuario, y funciona junto con la bandeja de entrada unificada en los 8 canales. 14 días de prueba gratuita, sin tarjeta de crédito.
Gane clientes, incluso fuera de horario
Una etiqueta de script. Respuestas con IA. Captura automatica de leads. Sus visitantes estan esperando: deles una forma de hablar con usted.