Una volta completata la configurazione del Web Widget, puoi installarlo sul sito web o nel centro assistenza e renderlo disponibile ai clienti. In alternativa, puoi incorporare il Web Widget se vuoi controllare esattamente dove e come appare.
Questo articolo include i seguenti argomenti:
Installazione del Web Widget in un sito web
L’installazione del Web Widget in un sito web richiede una certa familiarità con il codice del sito web, in quanto è necessario incollare il frammento di codice prima del tag HTML di chiusura </body>.
Il video seguente offre una panoramica di come aggiungere la messaggistica al tuo sito web:
Aggiunta della messaggistica al tuo sito web [1:40]
Per aggiungere il Web Widget al tuo sito web
- Nel Centro amministrativo, fai clic su
Canali nella barra laterale, quindi seleziona Messaggistica e social > Messaggistica. - Fai clic sul nome del widget da installare.
- Scorri verso il basso, quindi fai clic su Installazione per espandere.
- Fai clic sull’icona Copia (
) nella parte inferiore del riquadro del frammento di codice. - Nel codice sorgente della pagina web a cui vuoi aggiungere il widget, incolla il frammento di codice prima del tag HTML </body> di chiusura. Aggiungi il codice a ogni pagina web in cui vuoi visualizzare il widget.
- Se vuoi inviare il codice a qualcun altro (ad esempio uno sviluppatore), fai clic su Invia il codice via email a un membro del team.
- Assicurati che il tuo firewall sia configurato in modo da consentire la visualizzazione del Web Widget.
Installazione del Web Widget in un centro assistenza
L’installazione del widget in un centro assistenza è semplice e non richiede assistenza tecnica. Per installare il Web Widget, devi avere creato e attivato il centro assistenza.
Per aggiungere il Web Widget al tuo centro assistenza
- Nel Centro amministrativo, fai clic su Canali nella barra laterale, quindi seleziona Messaggistica e social > Messaggistica.
- Fai clic sul nome del widget da installare.
- Scorri verso il basso, quindi fai clic su Installazione per espandere.
- Fai clic sulla casella di spunta per incorporare automaticamente il Web Widget nel Centro assistenza.
Non vedrai questa opzione se non hai creato e attivato il centro assistenza.
- Fai clic su Salva.
Il Web Widget viene aggiunto a ogni pagina del centro assistenza.
Incorporamento del Web Widget
La modalità incorporata posiziona il Web Widget all’interno di un contenitore HTML specifico della tua pagina, invece di mostrarlo come sovrapposizione flottante con posizione fissa. Il widget si adatta automaticamente alle dimensioni del contenitore scelto, permettendoti di controllare con precisione dove e come viene visualizzato. Ad esempio, questo è utile per layout avanzati come viste divise con liste di conversazioni e messaggi affiancati.
La modalità incorporata richiede di utilizzare una chiamata all’API JavaScript di embed per specificare sia la modalità sia il contenitore target del widget.
Per utilizzare la modalità incorporata, inizia disattivando il comportamento di rendering automatico predefinito del widget:
window.zEMessenger = {
autorender: false
}
Quindi definisci la posizione del widget specificando l’ID o la classe del contenitore:
zE('messenger', 'render', {
mode: 'embedded',
widget: {
targetElement: '#messaging-container'
}
});
Il Web Widget viene ora visualizzato all’interno dell’elemento #messaging-container e assume le dimensioni e la posizione definite dal CSS.
Per maggiori informazioni, consulta Modalità incorporata per il Web Widget nella documentazione per sviluppatori. Per visualizzare altri esempi, consulta Modalità incorporata per il widget Zendesk.