Documentazione per l’integrazione del Chatbot

Ringraziamento per la comunicazione e il contatto

Grazie per aver scelto di integrare il nostro chatbot nel vostro sito. Per semplificare l’integrazione e garantire una corretta gestione della privacy, seguite attentamente le seguenti istruzioni.

Per garantire la conformità alla normativa sulla privacy, il link al nostro documento interno è direttamente incorporato nel widget del chatbot. Potete visualizzare l’anteprima del chatbot sulla pagina https://promium.ai/ai/{corporatename}/embed, mentre il link al documento è il seguente: Privacy Policy.

Integrazione del Chatbot

L’integrazione del chatbot nel vostro sito è semplice e veloce. Aggiungete lo script sottostante prima della chiusura del tag body:

<script src="https://promium-embed.s3.eu-west-1.amazonaws.com/promium_embed/external.js" data-id="{corporatename}" async defer></script>

Personalizzazione del Posizionamento del Chatbot

Per personalizzare la posizione del pulsante del chatbot, potete utilizzare i seguenti parametri aggiuntivi:

  • data-mobileright: Distanza dal bordo destro su dispositivi mobili.
  • data-mobilebottom: Distanza dal fondo su dispositivi mobili.
  • data-tabletright: Distanza dal bordo destro su tablet.
  • data-tabletbottom: Distanza dal fondo su tablet.
  • data-desktopright: Distanza dal bordo destro su desktop.
  • data-desktopbottom: Distanza dal fondo su desktop.
  • data-largescreenright: Distanza dal bordo destro su schermi larghi.
  • data-largescreenbottom: Distanza dal fondo su schermi larghi.

Esempio di utilizzo:

<script src="https://promium-embed.s3.eu-west-1.amazonaws.com/promium_embed/external.js" data-id="{corporatename}" async defer></script>

da inserire prima della chiusura del tag body.

Codice di Gestione Responsiva

Il codice fornito permette di gestire la posizione del chatbot in modo responsivo in base alle dimensioni dello schermo. Potete personalizzare ulteriormente il comportamento modificando i parametri nel codice JavaScript.

// Esempio di modifica della distanza dal bordo destro e dal basso su dispositivi mobili
<script src="https://promium-embed.s3.eu-west-1.amazonaws.com/promium_embed/external.js" data-id="{corporatename}" data-mobileright="80px" data-mobilebottom="50px" async defer></script> 

Come lo script legge le dimensioni dello Schermo

Dispositivi Mobili in Modalità Portrait e Landscape

  • Media Query: (max-width: 480px)
    • Descrizione: Questa media query identifica dispositivi mobili in modalità portrait, come smartphone tenuti in posizione verticale.
    • Azione: La posizione del chatbot viene regolata con i valori specificati per la variabile mobileright e mobilebottom.
  • Media Query: (min-width: 481px) and (max-width: 767px)
    • Descrizione: Questa media query rileva dispositivi mobili in modalità landscape, come smartphone utilizzati in posizione orizzontale.
    • Azione: Analogamente alla modalità portrait, la posizione del chatbot viene regolata con i valori specificati per mobileright e mobilebottom.

Schermi Tablet e Smartphone Landscape in Alta Risoluzione

  • Media Query: (min-width: 768px) and (max-width: 1024px)
    • Descrizione: Questa media query identifica schermi tablet e smartphone in modalità landscape con una risoluzione più elevata.
    • Azione: La posizione del chatbot viene adattata utilizzando i valori specificati per tabletright e tabletbottom.

Laptop e Desktop

  • Media Query: (min-width: 1025px) and (max-width: 1280px)
    • Descrizione: Questa media query include dispositivi come laptop e desktop.
    • Azione: La posizione del chatbot è configurata in base ai valori specificati per desktopright e desktopbottom.

Schermi Larghi e TV

  • Media Query: (min-width: 1281px)
    • Descrizione: Questa media query copre schermi larghi e televisori.
    • Azione: La posizione del chatbot viene regolata con i valori specificati per largescreenright e largescreenbottom.

Considerazioni Finali

Seguendo attentamente le istruzioni fornite, sarete in grado di integrare il chatbot nel vostro sito in modo efficace e personalizzato. Per ulteriori assistenze o domande, non esitate a contattarci.

Grazie ancora per la vostra scelta e buona integrazione!