¿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 agente de IA responde 24/7 desde su base de conocimientos, capta leads con formularios pre-chat RGPD y pasa la conversación a su equipo cuando no puede ayudar. En cada conversación usted elige Apagado, Asistido o Auto. Desde EUR 49/mes; IA y base de conocimientos desde EUR 79 (Professional).
Cada visitante de su webes 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.
- En linea en 5 minutos
- Sin tarjeta de credito
- 14 dias de prueba gratuita
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, mostrando opcionalmente las fuentes utilizadas. Cuando la IA no puede ayudar, traspasa la conversación automáticamente: a su equipo, via notificacion por email, o como ticket en su bandeja de entrada.
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.
- 1El visitante hace una preguntaA traves del widget de chat en su web
- 2La IA responde al instanteDesde su base de conocimiento, 24/7
- 3El lead queda capturadoContacto creado automaticamente en su base de datos
Resultados medibles
Las PYME que usan chat en vivo con IA ven cambios en tres areas clave.
- 2 seg
Tiempo de respuesta en lugar de horas
La IA responde preguntas estandar al instante, incluso a las 11 de la noche.
- +40%
Mas leads capturados
Formulario pre-chat + creacion automatica de contactos.
- Cero
Chats perdidos por la noche
La IA se encarga completamente fuera del horario laboral.
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 resúmenes de tickets anteriores) y la IA responde con su contenido. Antes del envío, contrasta cada respuesta con sus fuentes. Si no encuentra nada, no adivina: pasa la conversación a su equipo.
- 3 modos por conversación: Apagado, Asistido, Auto
- Asistido: el agente de IA redacta borradores y su equipo los envía
- Traspaso a su equipo: a petición del cliente, por palabras clave que usted define o cuando el agente no puede ayudar
- Saludos personalizados y configuracion de persona por canal
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
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
- tasa de conversion con chat en vivo
- +20%
- Media del sector e-commerce
- mayor probabilidad de compra
- 2,8x
- Benchmark del sector retail online
- mas ingresos por visitante de chat
- +60%
- Media del sector SaaS
- satisfaccion del cliente
- 88%
- Salesforce State of Service
En linea en 5 minutos
De la instalacion al primer chat, sin codigo necesario.
- 01 · 2 min
Instale el widget
Copie una etiqueta de script en su web. Funciona con WordPress, Shopify, React y cualquier pagina HTML.
- 02 · 2 min
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.
- 03 · Instantaneo
Inicie conversaciones
Los visitantes chatean, la IA responde, los leads se capturan. Todo llega a su bandeja de entrada unificada.
Para desarrolladores y usuarios avanzados
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:
- 1
Navegar a Widgets
Ve a Configuración > Widgets en el panel. Haz clic en "Crear Widget" y selecciona "Chat en vivo".
- 2
Personalizar apariencia
Elige tus colores de marca, posición del widget (izquierda/derecha), mensaje de bienvenida y avatar. Vista previa en tiempo real.
- 3
Establecer disponibilidad
Configura horarios de atención cuando los agentes están disponibles. Establece un mensaje fuera de horario.
- 4
Copiar código de integración
Copia el snippet de JavaScript y pégalo en el HTML de tu sitio, justo antes de la etiqueta </body>.
- 5
Probar el widget
Visita tu sitio web y haz clic en el icono de chat. Envía 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 vía API.
| Method | Path | Description |
|---|---|---|
| POST | /api/v1/widgets | Crear un nuevo widget |
| GET | /api/v1/widgets/{id}/embed-code | Obtener código de integración del widget |
| POST | /public/w/{widgetId}/live-chat/start | Iniciar una sesión de chat en vivo (pública) |
| GET | /public/w/{widgetId}/live-chat/availability | Verificar disponibilidad de agentes (pública) |
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?
Que pasa cuando alguien escribe por la noche o el fin de semana?
Podemos pasar del chat a WhatsApp o email?
Es el chat en vivo conforme al RGPD?
Ralentizara el widget mi web?
Cuanto cuesta el chat en vivo?
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.