La chat con gli ospiti,
sul tuo sito.

1. 1
   Crea il tuo widget

   Apri l’app Widget Chat IA in Prohost e imposta nome, messaggio di benvenuto e stile del pulsante che vedranno i visitatori.

2. 2
   Copia il tuo snippet

   Nella sezione Aggiungi a un altro sito, copia lo snippet. Contiene già l’id del widget, la chiave di incorporamento e le impostazioni del pulsante.

3. 3
   Incollalo prima del tag body di chiusura

   Mettilo nel footer globale del sito o nell’area del codice personalizzato e pubblica. Al caricamento successivo il pulsante compare nell’angolo.

<script
  src="https://app.prohost.ai/webchat.js"
  data-widget="WIDGET_ID"
  data-api-key="WIDGET_API_KEY"
  data-position="bottom-right"
  data-launcher-color="#4F46E5"
  data-launcher-icon="chat"
  data-sound="on"
  async></script>

Sostituisci WIDGET_ID e WIDGET_API_KEY con i valori dalle impostazioni del widget, oppure copia direttamente lo snippet già pronto dall’app, che li compila per te. La chiave di incorporamento è pubblica e vale solo per quel widget: non dà alcun accesso al tuo account. Prohost nasconde la chiave dopo la prima visualizzazione, quindi usa Ruota chiave se ti serve uno snippet copiabile aggiornato.

<script
  src="https://app.prohost.ai/webchat.js"
  data-widget="WIDGET_ID"
  data-api-key="WIDGET_API_KEY"
  async></script>

Funziona con la maggior parte dei site builder: Webflow, WordPress, Squarespace e Wix hanno tutti uno spazio per il codice personalizzato nel footer.

data-hide-mobile conta solo per la sua presenza: qualsiasi valore, anche una stringa vuota, lo attiva. Tutti gli altri attributi vengono valutati sul valore, e data-sound in particolare reagisce solo al valore esatto in minuscolo on.

• Il visitatore deve prima interagire con la pagina

  I browser bloccano l’audio finché qualcuno non clicca, tocca o scrive. Aprire il pulsante conta, e scrivere nella finestra pure — quindi chi ha inviato il messaggio che ha generato la risposta la sentirà. Se il browser blocca comunque la riproduzione non si rompe nulla: il contatore di non letti sul pulsante è il segnale principale e il suono è un extra.

• Non suona mai mentre stanno leggendo

  Nessun suono se la finestra è aperta e la scheda è in primo piano: la risposta è già a schermo. Suona a finestra chiusa o con la scheda in secondo piano. Il contatore di non letti segue una regola un po’ più stretta: compare solo a finestra chiusa.

• Una raffica di risposte, un solo suono

  Più messaggi che arrivano insieme producono un unico avviso, non uno per messaggio.

function wireUpWebchat() {
  window.ProhostWebchat.on('webchat_host_message', (event) => {
    console.log(event.type);
  });

  document.querySelector('#my-chat-button')?.addEventListener('click', () => {
    window.ProhostWebchat.open();
    // window.ProhostWebchat.close() collapses it again.
  });
}

if (window.ProhostWebchat) {
  wireUpWebchat();
} else {
  // src*= rather than src$= — the tag may carry a cache-busting query string.
  document
    .querySelector('script[src*="/webchat.js"]')
    ?.addEventListener('load', wireUpWebchat);
}

Utile insieme a data-hide-mobile: nascondi il pulsante predefinito sul telefono e apri la finestra da un pulsante tuo. Gli eventi vengono inoltrati solo se arrivano dall’incorporamento Prohost, mai da un’altra origine.