> ## Documentation Index
> Fetch the complete documentation index at: https://help.kajabi.com/llms.txt
> Use this file to discover all available pages before exploring further.

# Agregar un widget de ManyChat a un sitio web

> Aprendan a incrustar un widget de chat en su sitio con ManyChat como herramienta para comunicarse con los visitantes de su sitio web.

<div className="w-full aspect-video">
  <iframe src="https://fast.wistia.net/embed/iframe/8kjg5gpbxs" allow="autoplay; fullscreen" allowFullScreen className="w-full h-full" />
</div>

<Tip>
  **Consejo:** Abran dos pestañas en su navegador para navegar fácilmente entre su cuenta de Kajabi y ManyChat.
</Tip>

***

## Paso 1. Configurar ManyChat

Para configurar ManyChat y obtener el código de incrustación:

* Abran una cuenta en [ManyChat](https://manychat.com/).
* Conecten ManyChat a su página de Facebook. Más información [aquí](https://support.manychat.com/support/solutions/articles/36000000738-how-to-connect-a-facebook-page-to-manychat).
* Hagan clic en **Growth Tools** en la barra lateral.
* Vayan a la esquina superior derecha y hagan clic en **+ New Growth Tool**.
* Seleccionen **Customer Chat**.
* Configuren cada ajuste y personalicen cómo quieren que se vea el widget incrustado en su sitio. Aprendan más sobre [cómo configurar su Customer Chat Growth Tool con ManyChat](https://support.manychat.com/support/solutions/articles/36000088362-customer-chat-growth-tool).
* Después de configurar el widget, seleccionen **Install JavaScript Snippet**.
* Autoricen la URL de su sitio con `www.` y sin `www.` si aún no están autorizadas.
* Copien el fragmento de JavaScript a su portapapeles:

<div className="w-full aspect-video">
  <iframe src="https://fast.wistia.net/embed/iframe/o9r58ek98q" allow="autoplay; fullscreen" allowFullScreen className="w-full h-full" />
</div>

***

## Paso 2. Pegar el fragmento de JavaScript en Kajabi

* Regresen a su cuenta de Kajabi.
* Abran la pestaña **Settings** desde el Dashboard.
* Seleccionen **Site Details**.
* Bajen hasta la sección **Page Scripts**.
* Peguen el fragmento de JavaScript en el campo Page Scripts para aplicarlo automáticamente a la sección `<head>` de cada página de su sitio.
* Hagan clic en **Save** para guardar y aplicar sus cambios:

<img src="https://mintlify.s3.us-west-1.amazonaws.com/kajabi-support/es/articles/images/f1689630_Add_ManyChat_Code_in_Page_Scripts.png" alt="Add_ManyChat_Code_in_Page_Scripts.png" />

***

## Paso 3. Ingresar las URLs

El último paso es agregar las URLs donde quieren que aparezca el widget:

* Regresen a ManyChat.
* Ingresen la URL exacta `https://www.sudominio.com` en el campo **Only show on these pages**.
* **Save** el flujo.
* Abran su sitio web de Kajabi para previsualizar el widget:

<div className="w-full aspect-video">
  <iframe src="https://fast.wistia.net/embed/iframe/fq12edwdx6" allow="autoplay; fullscreen" allowFullScreen className="w-full h-full" />
</div>
