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

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

Shopify

Su Shopify non incolli il codice di embed nel tema. Usa invece l'app Conviro dello Shopify App Store: il widget è il suo incorporamento app Conviro AI Chat:

1. Installa Conviro dallo Shopify App Store e collega il tuo spazio di lavoro Conviro (vedi l'articolo Integrazione Shopify).
2. Nell'app, fai clic su Turn on in theme editor. Si apre l'editor del tema con l'incorporamento app Conviro AI Chat attivo.
3. Fai clic su Save.

Il codice del tema non viene modificato.

Wix

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

Squarespace

1. Vai su Settings -> Advanced -> Code Injection.
2. Incolla il codice di incorporamento nel campo Footer.
3. 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

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