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

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

Shopify

En el admin de Shopify, ve a Online Store -> Themes -> Actions -> Edit Code.
Abre theme.liquid.
Pega el código de inserción antes de \</body\>.
Haz clic en Save.

Wix

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

Squarespace

Ve a Settings -> Advanced -> Code Injection.
Pega el código de inserción en el campo Footer.
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

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