Instalación del widget

Obtener tu código de inserción

Ve a Dashboard -> Assistants -> Your Bot -> Embed Code. Verás un snippet similar a este:

<script src="https://cdn.conviro.io/widget/widget.iife.js"></script>
<script>
  cw('init', { publicKey: 'pk_YOUR_PUBLIC_KEY' });
</script>

A continuación encontrarás instrucciones paso a paso para todas las plataformas principales.

WordPress

1. Entra en el panel de administración de tu WordPress.
2. Ve a Appearance -> Theme File Editor -> footer.php (o usa un plugin como Insert Headers and Footers).
3. Pega el código de inserción justo antes de la etiqueta \</body\>.
4. Haz clic en Update File.
5. Vacía la caché de cualquier plugin de caché (WP Super Cache, W3 Total Cache, etc.) y compruébalo.

Shopify

En Shopify no pegas el código de inserción en tu tema. Usa en su lugar la app Conviro de la Shopify App Store: el widget es su inserción de app Conviro AI Chat:

1. Instala Conviro desde la Shopify App Store y vincula tu espacio de trabajo de Conviro (consulta el artículo Integración con Shopify).
2. En la app, haz clic en Turn on in theme editor. Se abre el editor de temas con la inserción de app Conviro AI Chat activada.
3. Haz clic en Save.

No se modifica el código del tema.

Wix

1. En tu panel de Wix, ve a Settings -> Custom Code.
2. Haz clic en + Add Custom Code.
3. Pega el código de inserción y establece la ubicación en Body - End.
4. Aplícalo a All pages y haz clic en Apply.

Squarespace

1. Ve a Settings -> Advanced -> Code Injection.
2. Pega el código de inserción en el campo Footer.
3. Haz clic en Save.

HTML personalizado / sitios estáticos

Simplemente pega el código de inserción antes de la etiqueta \</body\> de cierre en tu archivo HTML. El script del widget se carga de forma asíncrona y no bloquea el renderizado de la página.

React / Next.js

En proyectos de React o Next.js, puedes cargar el widget en tu layout raíz o en tu componente \<App\>:

// app/layout.tsx (Next.js App Router example)
import Script from 'next/script';

export default function RootLayout({ children }) {
  return (
    <html>
      <body>
        {children}
        <Script
          src="https://cdn.conviro.io/widget/widget.iife.js"
          strategy="afterInteractive"
        />
        <Script id="conviro-init" strategy="afterInteractive">
          {`cw('init', { publicKey: 'pk_YOUR_PUBLIC_KEY' });`}
        </Script>
      </body>
    </html>
  );
}

Verificar la instalación

1. Abre tu sitio web en un navegador.
2. Deberías ver la burbuja de chat de Conviro abajo a la derecha (o abajo a la izquierda, según tus ajustes).
3. Si no aparece, consulta el artículo de solución de problemas El widget no aparece.