Puoi personalizzare Messenger per adattarlo al tuo marchio e decidere a quali contenuti i visitatori possono accedere tramite il widget.
La personalizzazione di Messenger include colori, launcher, layout, schermata iniziale, moduli di supporto, lingue e domini web consentiti.
Personalizza colori e marchio
Utilizza le impostazioni di aspetto di Messenger per adattare l'interfaccia al tuo sito web o alla tua applicazione.
È possibile personalizzare i colori utilizzati in Messenger, tra cui:
- Colore primario
- Colore di sfondo
- Colori del testo
- Colori dell'intestazione
- Colori del lanciatore
- Colori dei messaggi dell'IA e dei visitatori
- Dati di input
È inoltre possibile configurare i caratteri utilizzati all'interno di Messenger.
Queste impostazioni di branding sono controllate da Notiondesk anziché tramite l'SDK JavaScript.
Personalizza l'avvio di Messenger
Il launcher è il pulsante che i visitatori utilizzano per aprire Messenger.
È possibile personalizzare:
- Se il launcher viene visualizzato
- Posizione del lanciatore
- Forma del lanciatore
- Spaziatura laterale
- Spazio inferiore
- Colori del lanciatore
- Icona di avvio personalizzata
Modifica la posizione del lanciatore
Messenger può apparire in uno dei due angoli inferiori del tuo sito web:
- In basso o
- In basso a sinistra
Scegli la posizione che eviti la sovrapposizione con la navigazione del tuo sito web, i controlli dei cookie, gli strumenti di accessibilità o altri elementi flottanti.
Modifica la forma del lanciatore
Il launcher può utilizzare:
- Quadrato arrotondato
- Cerchio
Scegli la forma che meglio si adatta alla tua interfaccia.
Utilizzare un launcher personalizzato
È possibile nascondere completamente il launcher standard Notiondesk e aprire Messenger dalla propria interfaccia.
Ad esempio, puoi aprire Messenger da:
- Un pulsante Aiuto nella navigazione
- Un pulsante per contattare l'assistenza .
- Il menu del tuo account
- Un pulsante fluttuante che già usi
- Una sezione di supporto all'interno della tua applicazione
Disattiva "Mostra launcher" nella configurazione di Messenger, quindi utilizza l'SDK JavaScript di Messenger Notiondesk per aprire o attivare Messenger.
Per esempio:
Vedi Controllo Notiondesk Messenger con l'SDK JavaScript per esempi di launcher personalizzati e controlli SDK.
Scegli il layout predefinito di Messenger
Notiondesk Messenger supporta layout diversi a seconda di come si desidera che l'assistenza appaia all'interno del prodotto.
I layout disponibili includono:
helpButton.addEventListener("click", () => {
void notiondesk.toggle();
});- Mobile: Messenger si apre come pannello mobile sopra il tuo sito web
- Barra laterale: Messenger si apre come un pannello laterale a tutta altezza
- Schermo intero: Messenger utilizza la finestra di visualizzazione disponibile
Configura il layout predefinito dalle impostazioni di Messenger.
Messenger si adatta automaticamente anche agli schermi più piccoli, consentendo ai visitatori di utilizzarlo comodamente sui dispositivi mobili.
Scegli quali moduli di Messenger sono disponibili
Messenger può contenere diversi moduli di supporto.
| Modulo | Scopo |
|---|---|
| Casa | Schermata iniziale personalizzata con contenuti di supporto e scorciatoie |
| Messaggi | Conversazioni di supporto basate sull'intelligenza artificiale |
| Aiuto | Esplora e cerca nel tuo centro assistenza |
| Contatto | Contatta il tuo team di supporto |
| Registro delle modifiche | Visualizza gli ultimi aggiornamenti del tuo prodotto |
Attiva solo i moduli che sono utili per la tua esperienza di supporto.
Messaggi
Il modulo Messaggi offre conversazioni basate sull'intelligenza artificiale all'interno di Messenger.
Per questo modulo è necessario connettere e configurare un chatbot AI Notiondesk.
I visitatori possono utilizzare la sezione Messaggi per porre domande e ricevere risposte basate sui contenuti di supporto.
Aiuto
Il modulo Aiuto consente ai visitatori di accedere al centro assistenza senza dover abbandonare il sito web.
I visitatori possono sfogliare le categorie, aprire gli articoli e cercare nella documentazione direttamente all'interno di Messenger.
Contatto
Il modulo Contatti offre ai visitatori un modo per contattare il tuo team quando il supporto self-service non è sufficiente.
Registro delle modifiche
Il modulo Changelog visualizza gli aggiornamenti dei prodotti pubblicati direttamente all'interno di Messenger.
Questo permette ai clienti di scoprire nuove funzionalità e miglioramenti senza dover uscire dall'applicazione.
Personalizza le lingue di Messenger
Configura le lingue disponibili in Messenger e scegli la lingua predefinita.
I visitatori possono selezionare solo le lingue abilitate per Messenger.
Se la tua applicazione conosce già la lingua preferita del visitatore, puoi impostare la lingua di Messenger anche a livello di codice tramite l'SDK JavaScript:
notiondesk.setLanguage("fr");La lingua richiesta deve essere abilitata anche nella configurazione di Messenger.
Vedi Controllo Notiondesk Messenger con l'SDK JavaScript per la sincronizzazione del linguaggio in fase di esecuzione.
Limita Messenger ai domini attendibili
È possibile limitare l'accesso a Messenger in modo che si carichi solo sui domini web approvati.
Utilizza domini attendibili quando Messenger deve essere integrato solo in siti web e applicazioni che controlli.
Ad esempio, potresti consentire:
Quando i domini attendibili sono configurati, Messenger non si avvierà da siti web non autorizzati.
Ciò è particolarmente utile quando Messenger espone funzionalità di assistenza clienti destinate esclusivamente alla tua applicazione.
www.example.com
app.example.com