Guía de Instalación

Instala el Chat en tu Web

Agrega el asistente de IA de hatch a tu sitio web en menos de 5 minutos. Solo necesitas copiar y pegar una línea de código.

5 min

Tiempo de instalación

1 línea

De código

100%

Seguro

1
Accede a tu Dashboard
Inicia sesión en hatch y selecciona tu bot

Ve a tu panel de control y selecciona el bot que deseas instalar. Si aún no tienes un bot, puedes crear uno nuevo.

💡 Tip: Asegúrate de configurar las instrucciones y subir documentos a tu bot antes de instalarlo.

2
Copia el Código de Instalación
Encuentra el código en la pestaña Overview

En la página de detalles de tu bot, encontrarás el botón "Copiar Código" en la sección de Integración. El código tiene este formato:

<script src="https://hatch.lat/widget/TU_BOT_ID/loader.js" defer></script>

⚠️ Importante: Cada bot tiene un código único. No compartas este código públicamente si no quieres que otros puedan usar tu bot.

3
Pega el Código en tu Sitio Web
Agrega el script antes del cierre de </body>

Abre el archivo HTML principal de tu sitio web y pega el código justo antes de la etiqueta de cierre </body>:

<!DOCTYPE html>
<html>
<head>
    <title>Mi Sitio Web</title>
</head>
<body>
    <!-- Tu contenido aquí -->
    
    <!-- Chat de hatch -->
    <script src="https://hatch.lat/widget/TU_BOT_ID/loader.js" defer></script>
</body>
</html>
¡Listo!
Tu chat está instalado y funcionando

Guarda los cambios y recarga tu sitio web. Verás el ícono del chat en la esquina inferior derecha. ¡Ya puedes empezar a atender a tus visitantes con IA!

El widget aparecerá automáticamente

Los visitantes podrán hacer clic para iniciar una conversación.

Seguridad y Dominios

Por defecto, tu bot funcionará en cualquier dominio. Para mayor seguridad, puedes restringir los dominios permitidos desde la pestaña Settings de tu bot.

Ejemplo: Si tu sitio es www.miempresa.com, agrega este dominio a la lista de dominios permitidos para evitar que otros sitios usen tu bot.

¿Listo para empezar?

Crea tu primer bot de IA y comienza a atender a tus clientes 24/7.

¿Necesitas ayuda? Contáctanos en hatch@nidoweb.studio