Skip to main content

Instalar el widget en tu sitio web

El widget de ChatNorris es un botón flotante que aparece en tu sitio web y permite a tus visitantes chatear con el bot directamente, sin salir de la página.
TODO: captura del widget flotante funcionando en un sitio web de ejemplo

Obtener el código de instalación

1

Ve al detalle del chatbot

En el menú lateral, haz clic en Chatbots y luego en el chatbot que quieres instalar.
2

Asegúrate de que el chatbot esté publicado

El widget solo funciona con chatbots en estado Publicado. Si está en Borrador, haz clic en Publicar primero.
3

Copia el snippet de instalación

En la página del chatbot, encontrarás el snippet HTML. Cópialo con el botón correspondiente.
TODO: captura del snippet de instalación con el botón de copiar

Pegar el código en tu sitio

El snippet es una etiqueta <script> que debes pegar en el HTML de tu sitio web, antes del cierre de la etiqueta </body>:
<!-- Al final de tu HTML, antes de </body> -->
<script src="https://chatnorris.ai/widget.js" data-chatbot-id="tu-chatbot-id"></script>
</body>
Abre el archivo HTML de tu sitio y pega el snippet antes de </body>.

Configurar la captura de leads (Lead Form)

Puedes pedirle al visitante su nombre y datos de contacto antes de iniciar el chat. Para activarlo:
  1. Ve al detalle del chatbot.
  2. En la sección de configuración del widget, activa la opción Capturar leads antes del chat.
Cuando está activo, el widget muestra un formulario con campos de nombre, email y teléfono antes de que el visitante pueda escribir. Los datos quedan registrados automáticamente en la sección Leads.
El lead form es opcional. Si está desactivado, el visitante puede chatear sin dar sus datos.

Preguntas frecuentes

Sí, el widget está diseñado para funcionar en dispositivos móviles y de escritorio.
Sí. El mismo snippet puede usarse en múltiples sitios. El chatbot responderá igual en todos.
El script se carga de forma asíncrona y no bloquea la carga de tu página.
Consulta la configuración del chatbot para las opciones de personalización disponibles.