Rich Messages

1. Creazione e Invio

   • Rich Message: Crea un Rich Message inserendo lo shortcode nell'editor di testo dell'area amministrativa. Personalizza tutti i parametri con le tue informazioni e invia il messaggio.

2. Visualizzazione del Messaggio

   • Rich Message: Quando viene utilizzato uno shortcode, l'utente vede il Rich Message (non lo shortcode) e può selezionare o inserire le informazioni richieste per completare l'invio del modulo.

3. Invio della Risposta dell'Utente

   • Rich Message: Una volta che il modulo del Rich Message è stato compilato e inviato dall'utente, viene mostrato un messaggio di successo e i dati del modulo vengono salvati.

Rich Messages

Ecco alcuni esempi di shortcode per creare diversi tipi di Rich Messages:

• Card

  [card image="URL" header="TITOLO" description="Lorem ipsum dolor sit amete" link="URL" link-text="Acquista" extra="$599" target="_blank"]

  Card con immagine, titolo, descrizione, link e altro.

• Slider

  [slider image-1="URL" header-1="TITOLO" description-1="Lorem ipsum dolor sit amete" link-1="URL" link-text-1="Acquista" extra-1="$599" image-2="URL" header-2="TITOLO" description-2="Lorem ipsum dolor sit amete" link-2="URL" link-text-2="Acquista" extra-2="$599" target="_blank"]

  Slider di card con immagini, titoli, descrizioni, link e altro. Puoi aggiungere fino a 10 diapositive.

• Slider di Immagini

  [slider-images images="URL,URL,URL"]

  Slider di immagini.

• Chips

  [chips options="A,B,C"]

  Elenco di pulsanti.

• Buttons

  [buttons options="A,B,C"]

  Elenco di pulsanti.

• Select

  [select options="A,B,C"]

  Lista a tendina di opzioni.

• Inputs

  [inputs values="A,B,C" button="Invia ora"]

  Elenco di campi di input di testo.

• Email

  [email name="true" last-name="true" phone="true" phone-required="false" placeholder=""]

  Modulo per raccogliere l'email e il numero di telefono dell'utente. Tutti gli attributi sono opzionali.

• Registrazione

  [registration]

  Modulo di registrazione.

• Orario

  [timetable]

  Tabella degli orari.

• Articoli

  [articles link="https://chat.gtechgroup.it/articles-demo"]

  Articoli con area di ricerca. L'attributo link viene utilizzato come messaggio di fallback per Messenger, WhatsApp, Telegram.

• Valutazione

  [rating label-positive="Utile" label-negative="Non utile" label="Valuta e recensisci" success-negative=""]

  Modulo di valutazione per l'agente. Per far funzionare lo shortcode di valutazione su WhatsApp, Messenger e altri canali, è necessario utilizzare Dialogflow e il chatbot, creare una nuova Intent con rating come Context di input, nessun Context di output, una lista dei messaggi più comuni degli utenti per una valutazione positiva come Training phrases (ad esempio: buono, positivo) e { "rating": 1, "force-message": true } come Custom Payload di risposta. Per la valutazione negativa, crea una nuova Intent con lo stesso context, ma sostituisci le Training phrases e il Custom Payload con { "rating": -1, "force-message": true }. Lo shortcode deve includere anche un titolo o un messaggio.

• List

  [list values="A,B,- C,- D,E" numeric="true"]

  Elenco di testo. Prefissa un elemento con il carattere - per farlo diventare un sotto-elemento.

• List Double

  [list values="A:X,B:Y,C:Z"]

  Elenco di testo con titoli.

• List Image

  [list-image values="URL:A,URL:B,URL:C"]

  Elenco di testo con titoli e immagini.

• Table

  [table header="A,B,C" values="A:B:C,A:B:C,A:B:C"]

  Tabella.

• Button

  [button link="https://chat.gtechgroup.it" name="Clicca qui" target="_blank" style="link"]

  Mostra un link o apri un articolo. L'attributo target="_blank" è opzionale e apre il link in una nuova finestra. L'attributo style="link" è opzionale e cambia il design del pulsante. Per aprire un articolo al clic, il valore del link deve essere #article-ID, sostituendo ID con l'ID dell'articolo.

• Video

  [video type="youtube" id="0TImic4N1ko" height="350"]

  Visualizza un video YouTube o Vimeo. Il valore dell'attributo type può essere youtube o vimeo. L'attributo id è l'ID del video, ottenibile dall'URL. L'attributo height è opzionale e imposta l'altezza del video in px.

• Image

  [image url="https://chat.gtechgroup.it/media/admin.png"]

  Immagine.

• Share

  [share fb="https://chat.gtechgroup.it/" tw="https://chat.gtechgroup.it/" li="https://chat.gtechgroup.it/" pi="https://chat.gtechgroup.it/" wa="https://chat.gtechgroup.it/"]

  Pulsanti di condivisione social.

Uso dei Rich Messages nel Chatbot

Per utilizzare i Rich Messages in un chatbot, devi creare un chatbot Dialogflow, quindi inserire semplicemente lo shortcode del Rich Message nella risposta di testo dell'Intent.

Risposta del Rich Message

Quando un utente completa un Rich Message, i dati di risposta vengono salvati in formato JSON nel database, sotto la tabella sb_messages e nella colonna payload. Esempio:

Traduzioni dei Rich Messages

Per tradurre una stringa di un Rich Message, il testo originale del Rich Message deve essere in inglese. Aggiungi il testo inglese esatto e le sue traduzioni in Impostazioni > Traduzioni > Front End.

Mostrare un Rich Message all'Inizio della Chat

Per visualizzare un Rich Message, come un elenco di pulsanti, quando un utente inizia una chat per la prima volta, inserisci lo shortcode del Rich Message nel messaggio di benvenuto.

Rich Messages Personalizzati

Puoi creare Rich Messages personalizzati con i tuoi contenuti personalizzati andando su Impostazioni > Varie. Attualmente, i Rich Messages personalizzati sono statici e non offrono opzioni interattive come gli shortcodes. Tuttavia, puoi inserire codici HTML personalizzati.

Codici HTML

Quando crei un Rich Message personalizzato, puoi utilizzare i seguenti codici:

• <a href="https://www.google.com" target="_blank" class="sb-rich-btn sb-btn">Clicca qui</a>

  Link con design a pulsante.

• <a href="https://www.google.com" target="_blank" class="sb-rich-btn sb-btn-text">Clicca qui</a>

  Link.

• <div class="sb-image"><img src="https://via.placeholder.com/1500x600" class="sb-image" /></div>