La schermata iniziale della chat: saluto, logo, riquadri e schede

La schermata iniziale è la prima cosa che un visitatore vede aprendo la chat: un saluto, il Suo logo, un’intestazione colorata e fino a dieci riquadri. Sotto può passare tra le schede Home, Messaggi e Aiuto. Senza schermata iniziale, la chat si apre direttamente sulla conversazione.

Trova le impostazioni in /app/projects/{id}, scheda Aspetto, sezione Schermata iniziale widget.

L’anteprima dal vivo

Accanto al modulo viene eseguito il widget reale, alimentato dai Suoi inserimenti. Ciò che digita compare subito nell’anteprima. Questo non salva nulla: solo il pulsante Salva applica la modifica. Dopo il salvataggio può trascorrere fino a un minuto prima che i visitatori la vedano.

Nell’anteprima manca la scheda Aiuto: dipende dagli articoli pubblicati del centro assistenza, che il widget recupera dal Suo dominio. Sul Suo sito web è presente.

Gli interruttori

• Mostra la schermata iniziale – disattivato (predefinito): la chat si apre direttamente sulla conversazione e non c’è una riga di schede. Attivo: la chat parte dalla schermata iniziale.
• Mostra la scheda Aiuto – mostra gli articoli pubblicati del centro assistenza, con ricerca. La scheda compare solo quando il centro assistenza ha un indirizzo e almeno un articolo pubblicato. La configurazione del centro assistenza è descritta nel manuale del prodotto.
• Mostra l’ultimo messaggio nella schermata iniziale – attivo (predefinito): i visitatori di ritorno vedono dove erano rimasti e raggiungono la conversazione con un clic.
• Mostra il pulsante «Parla con il team» sotto il campo del messaggio – attivo (predefinito). Il pulsante compare mentre risponde l’assistente IA. Quando nessuno del team è online, mostra «Lascia un messaggio al team».

Logo, colori e saluto

• Logo nella schermata iniziale – un indirizzo che inizia con https://, oppure un’immagine come data:image/…. Massimo 255 caratteri. Vuoto significa nessun logo: compare solo il saluto.
• Sfumatura in alto, da e a – due colori per l’intestazione colorata della schermata iniziale. Senza valore, il widget usa il colore del Suo marchio (veda Colori, carattere e tema).
• Saluto – la riga grande in alto. Vuoto significa il nostro testo tradotto («Salve 👋»).
• Riga sottostante – la riga più piccola. Vuoto significa «Come possiamo aiutarLa?» nella lingua del visitatore.

Scriva saluto, riga sottostante e testi dei riquadri nella lingua predefinita del progetto (Installazione → Dati di base). Massimo 400 caratteri per testo. Per questi testi non esiste una traduzione separata per lingua: ciò che inserisce viene visto anche dai visitatori il cui widget usa un’altra lingua. Scriva quindi la schermata iniziale nella lingua letta dalla maggior parte dei visitatori. Se lascia vuoto il saluto o la riga sottostante, compare il nostro testo nella lingua del visitatore.

Lo stile dell’intestazione (sfumatura, piatto o vetro) e la densità della schermata iniziale si impostano in Aspetto → Marchio → Stile, veda Finestra della chat: stile, dimensione e pannello laterale.

Riquadri

I riquadri sono grandi pulsanti sulla schermata iniziale. Può crearne fino a dieci. Un riquadro senza titolo non viene mostrato; per rimuoverlo basta quindi cancellare il titolo e salvare.

Ogni riquadro ha:

• Comportamento – che cosa fa un clic:
• vai alla conversazione – apre la conversazione. Se Destinazione contiene una frase, viene inserita nel campo di input del visitatore. Non viene inviata.
• apri un link – apre l’indirizzo in Destinazione. Deve iniziare con https://, altrimenti non viene salvato.
• apri Aiuto – passa alla scheda Aiuto.
• lascia un messaggio – apre il modulo per un messaggio via e-mail.
• Titolo – obbligatorio, altrimenti il riquadro non compare.
• Riga sottostante – facoltativa.
• Destinazione – a seconda del comportamento, l’indirizzo o la frase precompilata, massimo 200 caratteri.

L’intera schermata iniziale (riquadri, testi e scheda promozionale insieme) può avere una dimensione massima di 16 KB al salvataggio. Dieci riquadri con titolo e seconda riga rimangono ben al di sotto. Se è troppo, l’account indica il motivo anziché omettere qualcosa senza avviso.

Scheda promozionale

Nella schermata iniziale e/o in cima alla conversazione può mostrare una scheda per la Sua offerta, ad esempio il Suo piano a pagamento. Si trova in Aspetto → Scheda promozionale e ha una guida dedicata: La scheda promozionale nella chat. Per la posizione «schermata iniziale», la schermata iniziale deve essere attiva.

Scegliere una scheda all’apertura

La scheda in primo piano all’apertura della chat può essere impostata per ciascun link o chiamata, con data-rc-tab o l’opzione tab:

<a href="#rc-open" data-rc-tab="help">Browse help articles</a>

ReactiveChat('open', { tab: 'home' });

Sono consentiti home (schermata iniziale), msg (conversazione) e help (aiuto). Se la scheda non esiste, la chat si apre semplicemente come di consueto. Maggiori informazioni in Aprire la chat da un link o pulsante proprio.

Se qualcosa non compare

• Nessuna riga di schede: Mostra la schermata iniziale è selezionato e salvato?
• Nessuna scheda Aiuto: il centro assistenza ha un indirizzo e almeno un articolo pubblicato?
• Manca un riquadro: ha un titolo?
• Manca il logo: l’indirizzo inizia con https:// o data:image/?

Può modificare i testi delle schede («Home», «Messaggi», «Aiuto») e dei riquadri integrati in Testi e lingue.