Personalizzazione

Qui trova tutto ciò che può impostare in reactive.chat: l’aspetto del widget, ciò che dice, quando si rivolge ai visitatori e come risponde l’assistente IA. Per ogni impostazione vede dove trovarla nell’account, quali valori accetta e, quando possibile, come impostarla nel codice per singole pagine.

Come incorporare il widget e come funziona l’interfaccia JavaScript nel suo insieme è descritto in Integrazione tecnica. L’uso quotidiano di reactive.chat è trattato nel manuale del prodotto.

Dove sono le impostazioni

Configura quasi tutto nella pagina del progetto: /app/projects/{id}. Ha sette schede:

• Installazione: codice di incorporamento, nome, dominio, schema di colori, lingua predefinita, disponibilità, flusso guidato
• Aspetto: marchio (colori, pulsante della chat, stile, finestra, CSS personalizzato), schermata iniziale, scheda promozionale, nota su reactive.chat
• Testi e moduli: modulo pre-chat, testi personalizzati, tour del prodotto, risposte predefinite
• IA e conoscenze: assistente, passaggio di scansione, aree bloccate, prodotti
• Regole e servizio: tooltip e azioni programmate, obiettivi di risposta e servizio, notifica e-mail, conversazione via e-mail
• Privacy: consenso, revoca, cancellazione, conservazione
• Archivia

Vi sono inoltre pagine separate in /app/projects/{id}/…, ad esempio per Smart Answer, memoria, versioni, esecuzioni di test, automazione e campagne, oltre ai test A/B in /app/ab.

Le modifiche nell’account raggiungono normalmente i visitatori entro un minuto. L’anteprima nella pagina del progetto mostra il widget reale con i Suoi valori, anche prima di salvare.

Nell’account o nel codice?

L’account si applica a tutte le pagine del progetto. Nel codice (attributi nel codice di incorporamento o chiamate ReactiveChat(…)) adatta una singola pagina, ad esempio una pagina di campagna, oppure imposta elementi per cui l’account non ha un campo, come la posizione del pulsante della chat.

<script src="https://cdn.reactive.chat/loader.js"
        data-rc-site-key="SITE_KEY"
        data-rc-position="left"
        data-rc-strings='{"input.placeholder":"Your question …"}'
        async></script>

Quale impostazione ha priorità quando sono presenti entrambe è spiegato caso per caso. Come regola generale: testi e tema impostati nel codice hanno priorità sull’account. Per il marchio, il codice ha priorità solo se contiene più del colore iniziale.

Capitoli

1. Colori, carattere e tema: colore del marchio, superfici, protezione del contrasto, chiaro/scuro, assistente di design, CSS personalizzato, logo nell’intestazione
2. Il pulsante della chat: forma, dimensioni, icona, dicitura, visualizzazione, posizione, evitare le barre, chat senza pulsante
3. Finestra della chat: stile, dimensioni, pannello laterale, sfondo, dimensione del testo, intestazione, telefoni
4. Testi e lingue: rilevamento della lingua, lingua predefinita, testi personalizzati, testi nel codice
5. La schermata iniziale della chat: saluto, logo, riquadri, scheda Aiuto, scheda promozionale
6. Disponibilità, moduli e servizio: orari di apertura, modulo offline, modulo pre-chat, flusso guidato, conversazione via e-mail, allegati
7. Messaggi proattivi: tooltip, messaggi programmati, regole come JSON, fumetti nel codice, campagne
8. Tour del prodotto e «Me lo mostri»
9. Test A/B: provare varianti di pulsante, finestra e testi (beta)
10. Assistente IA: nome, tono, ambito tematico, passaggio al team, memoria, versioni, esecuzioni di test
11. Conoscenze e fonti: passaggio di scansione, aree bloccate, file, approvazioni, risposte migliorate
12. Smart Answer: risposte IA sotto il campo di ricerca del sito
13. Privacy e consenso: consenso, cancellazione, conservazione, banner cookie
14. Team, console e notifiche: risposte predefinite, comandi, obiettivi di servizio, automazione, notifiche
15. Piani, beta e assistente di configurazione

Guide correlate

• Incorporare il widget
• Aprire la chat da un link o pulsante personalizzato
• La scheda promozionale nella chat
• Incorporare automaticamente il testo sulla privacy
• Dominio personalizzato (first-party)
• Dettagli tecnici

Tutte le parti della documentazione in una panoramica: Documentazione.