La scheda promozionale nella chat

La scheda promozionale permette di mostrare la Sua offerta nella finestra della chat, tipicamente il Suo piano a pagamento. È composta da un’immagine, un titolo, un breve testo, un grande pulsante e un link nel testo sottostante. Compare in cima alla conversazione, nella schermata iniziale della chat o in entrambi i punti.

La scheda non è un messaggio: non compare nella cronologia vista dal Suo team e i visitatori non possono chiuderla. Il pulsante e il link nel testo aprono la destinazione in una nuova scheda.

Configurazione

Trova la scheda promozionale nell’account in Progetto → Aspetto → Scheda promozionale. L’anteprima della chat su quella pagina mostra la scheda mentre digita.

• Titolo – obbligatorio, fino a 80 caratteri.
• Testo sotto – facoltativo, fino a 200 caratteri.
• Immagine – facoltativa, un indirizzo che inizia con https://. Senza immagine la scheda contiene solo testo.
• Testo del pulsante – obbligatorio, fino a 40 caratteri, ad esempio «Prova gratis per 30 giorni».
• Link del pulsante – obbligatorio, la pagina a cui porta il pulsante.
• Link nel testo – facoltativo, fino a 60 caratteri, ad esempio «Vedi tutti i piani». Se aggiunge un link nel testo, è obbligatoria anche una destinazione del link. Il widget aggiunge autonomamente la freccia finale.
• Colore personalizzato per pulsante e accento – senza spunta la scheda usa il colore del Suo marchio. Il testo del pulsante viene impostato automaticamente chiaro o scuro per rimanere leggibile.
• Dove appare la scheda – «Nella conversazione, in alto» e/o «Nella schermata iniziale». Per la seconda opzione la schermata iniziale deve essere attiva.
• Chi la vede – tutti i visitatori oppure solo quelli non identificati (veda sotto).

Usi indirizzi che iniziano con https:// per il link del pulsante e la destinazione del link. Il widget mostra pulsante e link nel testo solo con una destinazione https.

La scheda può essere attivata solo quando è completa: con titolo, testo del pulsante, link del pulsante e almeno una posizione. Se manca qualcosa, viene salvata come bozza e l’account indica ciò che manca.

I testi valgono nella lingua predefinita del progetto. Dopo il salvataggio, può trascorrere fino a un minuto prima che i visitatori vedano la modifica.

Nascondere la scheda ai clienti paganti

I clienti che pagano già non hanno bisogno della pubblicità del Suo piano a pagamento. reactive.chat non conosce i piani dei Suoi utenti: il Suo sito sì. Ci sono tre modi per gestirlo.

1. Pubblico «Solo visitatori non identificati». Se il Suo sito autentica già gli utenti con ReactiveChat('identify', …) (con userId o email), questi utenti non vedono più la scheda. Basta se solo i clienti paganti hanno un accesso presso di Lei.

2. Una riga nello script della pagina, non appena sa che l’utente paga:

ReactiveChat('promo', false);

Se questa riga può essere eseguita prima del caricamento del codice di incorporamento, anteponga:

window.ReactiveChat = window.ReactiveChat || function () { (window.ReactiveChat.q = window.ReactiveChat.q || []).push(arguments); };

3. Un attributo nel codice di incorporamento, se il Suo server fornisce già la pagina in modo diverso ai clienti paganti:

<script src="https://cdn.reactive.chat/loader.js"
        data-rc-site-key="SITE_KEY"
        data-rc-promo="false"
        async></script>

Entrambi gli interruttori valgono solo per la pagina in cui sono presenti e solo per quella visualizzazione della pagina. ReactiveChat('promo', true) mostra di nuovo la scheda come configurata nell’account.

Adattare la scheda per pagina

Al posto di true o false può passare un oggetto. I suoi campi sostituiscono le impostazioni dell’account su questa pagina; ciò che omette proviene dall’account.

ReactiveChat('promo', {
  titel: 'Annual plan: 2 months free',
  knopf: 'Switch now',
  ziel: 'https://www.your-domain.com/pricing?annual=1'
});

I nomi dei campi sono gli stessi dell’account (sono in tedesco):

• titel – titolo (fino a 80 caratteri),
• text – testo sotto (fino a 200 caratteri),
• bild – indirizzo dell’immagine che inizia con https://,
• knopf e ziel – testo del pulsante (fino a 40 caratteri) e link del pulsante,
• link_text e link_ziel – link nel testo (fino a 60 caratteri) e relativa destinazione,
• farbe – colore personalizzato come #rrggbb,
• orte – una lista di "gespraech" (nella conversazione) e "start" (schermata iniziale); se non lo imposta né l’oggetto né l’account, vale ["gespraech"],
• zielgruppe – "alle" (tutti) o "anonym" (solo visitatori non identificati).

Può anche fornire testi per lingua, ad esempio titel: { en: 'Annual plan', de: 'Jahrestarif' }. I testi più lunghi vengono accorciati.

Un oggetto mostra la scheda su questa pagina anche se è disattivata nell’account. In tal caso fornisca tutto Lei stesso: almeno titel e, per un pulsante, anche knopf e ziel.

Visualizzazioni e clic

Nell’account, sotto la scheda promozionale, la sezione Rendimento mostra visualizzazioni, clic sul pulsante e sul link nel testo e tasso di clic, complessivamente per gli ultimi 7 e 30 giorni e per giorno. Per visitatore e giorno vengono conteggiati al massimo una visualizzazione per posizione e un clic per destinazione. L’anteprima nell’account non conta, né conta una scheda mostrata solo tramite ReactiveChat('promo', {...}) mentre è disattivata nell’account.

Eventi per le Sue analisi

Inoltre, due eventi nello script della pagina segnalano ciò che accade alla scheda, ad esempio per inoltrarlo al Suo strumento di analisi.

ReactiveChat('on', 'promo:shown', function (e) {
  // e.ort: "gespraech" (conversation) or "start" (start page)
});

ReactiveChat('on', 'promo:click', function (e) {
  // e.ziel: "knopf" (button) or "link" (text link), e.ort: "gespraech" or "start"
});

promo:shown scatta una volta per posizione e visualizzazione della pagina e solo quando la finestra della chat è aperta con la scheda al suo interno. Nessuno ha visto una scheda dentro una chat chiusa. promo:click scatta a ogni clic sul pulsante o sul link nel testo.

Se la scheda non compare

• È attiva? Una scheda incompleta rimane una bozza.
• Fino a un minuto dopo il salvataggio prima che i visitatori vedano la modifica.
• Posizione «schermata iniziale»: la schermata iniziale della chat è attiva?
• Pubblico «non identificati»: se il Suo sito autentica il visitatore con ReactiveChat('identify', …), non vede la scheda.
• Disattivata su questa pagina? Cerchi data-rc-promo="false" nel codice di incorporamento e ReactiveChat('promo', false) negli script.
• Manca il pulsante o il link nel testo: la destinazione non inizia con https://.

Come aprire la chat da un link o pulsante sul Suo sito è descritto in Aprire la chat da un link o pulsante proprio. Le basi dell’incorporamento sono trattate in Incorporare il widget.

Approfondimenti nella documentazione

In dettaglio: La schermata iniziale della chat. Tutti i capitoli sono nella documentazione.