Installazione del widget

Ottenere il codice di incorporamento

Vai su Dashboard -> Assistants -> Your Bot -> Embed Code. Vedrai uno snippet simile a questo:

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

Di seguito trovi le istruzioni passo passo per tutte le principali piattaforme.

WordPress

Accedi al pannello di amministrazione di WordPress.
Vai su Appearance -> Theme File Editor -> footer.php (oppure usa un plugin come Insert Headers and Footers).
Incolla il codice di incorporamento subito prima del tag \</body\>.
Fai clic su Update File.
Svuota la cache di eventuali plugin di caching (WP Super Cache, W3 Total Cache, ecc.) e verifica.

Shopify

Nell’admin di Shopify vai su Online Store -> Themes -> Actions -> Edit Code.
Apri theme.liquid.
Incolla il codice di incorporamento prima di \</body\>.
Fai clic su Save.

Wix

Nella tua dashboard Wix vai su Settings -> Custom Code.
Fai clic su + Add Custom Code.
Incolla il codice di incorporamento e imposta il posizionamento su Body - End.
Applicalo a All pages e fai clic su Apply.

Squarespace

Vai su Settings -> Advanced -> Code Injection.
Incolla il codice di incorporamento nel campo Footer.
Fai clic su Save.

HTML personalizzato / siti statici

Ti basta incollare il codice di incorporamento prima del tag \</body\> di chiusura nel tuo file HTML. Lo script del widget viene caricato in modo asincrono e non blocca il rendering della pagina.

React / Next.js

Nei progetti React o Next.js puoi caricare il widget nel layout radice o nel 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>
  );
}

Verificare l’installazione

Apri il tuo sito web in un browser.
Dovresti vedere la bolla di chat di Conviro in basso a destra (o in basso a sinistra, a seconda delle tue impostazioni).
Se non compare, consulta l’articolo di risoluzione dei problemi Il widget non compare.