Si tu app está hecha con Next.js, poner un chat de soporte no requiere instalar dependencias ni tocar tu build. Es un bloque de script antes del cierre de </body>, y hay dos formas de ponerlo: pegándoselo a tu agente de código, o a mano.
En tu panel, en el paso de instalación, hay un botón que copia un prompt ya armado con el id de tu cuenta adentro. Se lo pegás a Cursor o a Claude Code y lo instala solo: sabe dónde va el bloque en el App Router, qué no tocar y cómo verificar que quedó andando.
Es el camino que recomendamos. El prompt trae tu id real, así que no hay nada que reemplazar a mano y no se puede pegar el de otra cuenta por error.
Está en el panel, en la sección Widget. Ya viene con el id de tu guía.
En el App Router es app/layout.tsx, adentro del <body> y lo más abajo posible. En Pages Router va en pages/_document.tsx. Si usás Vite o Create React App, va en index.html.
Aparece abajo a la derecha. No hace falta que marques nada: el panel detecta la instalación solo la primera vez que el widget carga.
Localhost también cuenta. Podés verificar que quedó bien sin deployar.
Opcional, pero cambia bastante la experiencia: donde tu app ya sabe quién es el usuario, avisale al widget.
window.Vibelayers.identify({
email: user.email,
name: user.name
});
// Al cerrar sesión:
window.Vibelayers.reset();Con eso, cada conversación queda atada a esa persona y podés ver su historial en vez de mensajes sueltos de visitantes anónimos.
La IA responde primero, usando los artículos que publicaste. Si no encuentra la respuesta lo dice y te deriva la conversación, y te llega un aviso por email para que no se te pase. Esa parte no depende del plan: enterarte de que te escribieron viene prendido desde el primer día.