Incorpora la chat web sulla tua pagina

Per aggiungere il widget della chat web al tuo sito web, devi integrare un elemento script generato nella tua origine HTML.

L'integrazione della chat web viene inclusa automaticamente per ogni assistente e viene configurata separatamente per ogni ambiente.

Per l'integrazione della webchat con un'applicazione basata su React, vedi i modi alternativi qui.

Per aggiungere la chat web al tuo sito web:

Nella pagina Integrazioni, trova il riquadro Web chat e fai clic su Apri. Si apre la finestra Open web chat.
Nel campo Ambiente, selezionare l'ambiente a cui si desidera connettere il widget della chat web. Fare clic su Conferma.

Si apre la pagina Web chat, mostrando le impostazioni per l'integrazione della chat web nell'ambiente selezionato.

Il riquadro di anteprima mostra l'aspetto della chat Web quando è integrata in una pagina Web. Se vedi un messaggio che inizia con, There is an error, probabilmente non hai ancora aggiunto alcuna azioni al tuo assistente. Dopo aver aggiunto un'azione, è possibile testare la conversazione dal riquadro di anteprima.
Fai clic sulla scheda Embed.

Un frammento di codice viene generato in base alla configurazione della chat web. Tu (o uno sviluppatore web) aggiungerà questo frammento di codice alla pagina web in cui si desidera che la chat web venga visualizzata.

Questo frammento di codice contiene un elemento HTML script. Lo script richiama il codice JavaScript ospitato su un sito IBM e crea un'istanza di un widget che comunica con l'assistente.
Clicca sull'icona Copia in clipboard per copiare lo script embed agli appunti.
Modificare l'origine HTML per la pagina web in cui si desidera comparire il widget web chat. Incolla il frammento di codice nella pagina. Incollare il codice il più vicino possibile al tag </body> di chiusura per garantire che la tua pagina si renda più veloce.

Non modificare i valori di proprietà integrationID o region nello script embed generato.

Se non si è pronti ad aggiungere la chat web ad un sito web dal vivo, è possibile testarlo rapidamente utilizzando un file HTML locale. Usa questo codice HTML come fonte per una pagina di test:
```
<html>
<head></head>
<body>
    <title>My Test Page</title>
    <p>The body of my page.</p>
    
    </body>
</html>
```
Copiare questo codici in un file con estensione .html e sostituire l'elemento script con lo script di integrazione copiato nel passo precedente.

Gli identificatori nello script di integrazione (come integrationID serviceInstanceID) non sono considerati segreti e sono visibili a chiunque abbia accesso al proprio sito web. Per ulteriori informazioni, consultare Sicurezza.
Se il sistema che ospita il tuo sito web ha un accesso limitato a Internet (ad esempio, se utilizzi un proxy o un firewall), assicurati che gli URL che ospitano la chat web siano accessibili. Per ulteriori informazioni, consultare Accesso agli host di chat Web.
Aprire la pagina web (o il file di prova locale) nel browser. Dovresti vedere l'icona del programma di avvio visualizzata sulla pagina:
Fare clic sull'icona di avvio per aprire la finestra della chat.
Incolla lo stesso script embed in ogni pagina web in cui desideri che l'assistente sia disponibile per i tuoi clienti.

Puoi incollare la stessa tag di script in tutte le pagine del tuo sito web che desideri. Aggiungila ovunque desideri che gli utenti possano contattare il tuo assistente per chiedere aiuto. Attenzione però ad aggiungelo solo una volta su ogni pagina.

Ora puoi testare il tuo assistente e vedere le sue risposte proprio come farebbe i tuoi clienti.

Prima di andare alla produzione con la chat web, però, probabilmente vorrete personalizzarlo per il vostro sito e per le esigenze dei vostri clienti. Per ulteriori informazioni, consultare Panoramica sullo sviluppo delle chat Web.