Trasforma una semplice risposta in qualcosa su cui cliccare
I messaggi avanzati sono componenti interattivi che inserisci in un messaggio con un codice breve. La persona con cui parli vede una card, un set di pulsanti o un piccolo modulo, lo compila e la sua risposta viene salvata nella conversazione.
Scrivere un elenco di opzioni sperando che qualcuno risponda con le parole giuste crea lavoro per entrambi. I messaggi avanzati offrono invece qualcosa su cui cliccare, utile per scelte, card prodotto, dettagli di contatto, tabelle prezzi e video.
Passo dopo passo
Scrivi un messaggio e aggiungi un codice breve
I messaggi avanzati si inseriscono con codici brevi nell'editor di testo del pannello. Digita o incolla il codice breve desiderato, ad esempio [buttons options="A,B,C"], e invia il messaggio normalmente. Dall'altra parte, la persona vede il componente renderizzato anziché il testo del codice.
Compila i parametri
Ogni codice breve accetta i propri parametri. Una card prodotto appare come [card image="URL" header="TITOLO" description="..." link="URL" link-text="Acquista" extra="599€" target="_blank"], mentre un video è [video type="youtube" id="ID_VIDEO" height="350"] e accetta youtube o vimeo.
Aggiungi i parametri globali se necessario
Ogni messaggio avanzato accetta anche id, title, message, success e settings. Usa title e message per introdurre il componente, e success per ciò che viene mostrato dopo che la persona ha risposto.
Esegui l'escape dei caratteri problematici
Virgole, due punti e virgolette hanno un significato all'interno di un codice breve, quindi esegui l'escape nel tuo testo con una barra rovesciata: \, per una virgola, \: per due punti e \" per una virgoletta. Saltare questo passaggio è la causa più comune per cui un messaggio avanzato viene renderizzato in pezzi.
Traduci il testo se gestisci più di una lingua
Il testo originale di un messaggio ricco deve essere in inglese. Aggiungi la stringa inglese e la sua traduzione in Impostazioni > Traduzioni > Front End.
Creane uno personalizzato quando gli shortcode non lo coprono.
I messaggi ricchi statici creati con il tuo HTML vengono generati in Impostazioni > Varie. Le classi utili sono sb-rich-btn sb-btn per un pulsante link, sb-rich-btn sb-btn-text per un link testuale e sb-image per permettere agli utenti di ingrandire un'immagine al clic.
Riferimento impostazioni
| Impostazione | Cosa fa |
|---|---|
| [card] | Una scheda in stile prodotto con immagine, intestazione, descrizione, prezzo o testo aggiuntivo e un pulsante link. |
| [slider] e [slider-images] | Un set di schede scorrevoli, fino a 10 slide, o un semplice slider di immagini scritto come [slider-images images="URL,URL,URL"]. |
| [chips] | Piccole opzioni a chip selezionabili, scritte come [chips options="A,B,C"]. |
| [buttons] | Un set di pulsanti di risposta, scritti come [buttons options="A,B,C"]. |
| [select] | Un elenco a discesa di opzioni, scritto come [select options="A,B,C"]. |
| [inputs] | Un piccolo modulo di campi di testo con un pulsante di invio, scritto come [inputs values="A,B,C" button="Invia ora"]. |
| [email] | Raccoglie i dati di contatto, ad esempio [email name="true" last-name="true" phone="true" phone-required="false" placeholder=""]. |
| [timetable] | Mostra i tuoi orari di apertura come componente all'interno del messaggio. |
| [articles] | Mostra articoli nel messaggio, scritti come [articles link="..."]. |
| [list] e [list-image] | Un elenco semplice, numerato, a due colonne o con immagini, ad esempio [list values="A,B,- C,- D,E" numeric="true"] o [list-image values="URL:A,URL:B"]. |
| [table] | Una tabella di dati, scritta come [table header="A,B,C" values="A:B:C,A:B:C"]. |
| [button], [image] e [share] | Un pulsante con link singolo, un'immagine tramite [image url="..."], o icone di condivisione social tramite [share fb="" tw="" li="" pi="" wa=""]. |
Da sapere
L'HTML grezzo è bloccato nei messaggi normali
Per motivi di sicurezza, HTML grezzo e JavaScript non sono consentiti nei messaggi ordinari. Se hai bisogno di markup personalizzato, crea un rich message personalizzato in Impostazioni > Varie.
Gli elementi annidati negli elenchi richiedono un trattino
In [list], anteponi a una voce un trattino e uno spazio per renderla un elemento interno, come in [list values="A,B,- C,- D,E"]. Per un elenco a due colonne con titoli, usa i due punti: [list values="A:X,B:Y,C:Z"].
I pulsanti possono aprire un articolo
Un pulsante si scrive come [button link="..." name="Clicca qui" target="_blank" style="link"]. Per aprire uno dei tuoi articoli, usa #article-ID come valore del link.
Richiedere i dati di contatto sulle app di messaggistica
Aggiungi required-messaging-apps="true" allo shortcode [email] per richiedere l'email o il numero di telefono anche sulle app di messaggistica.
Formattazione e link nell'editor
L'editor riconosce *grassetto*, __corsivo__, ~barrato~, `codice` e ```blocco di codice```. I link vengono trasformati automaticamente; per assegnare un nome a un link, aggiungi #sb-esempio, con gli spazi scritti come doppi trattini.
I ritorni a capo non sono il tasto Invio
Premere Invio invia il messaggio. Usa MAIUSC+INVIO o CTRL+INVIO per aggiungere un ritorno a capo all'interno di un messaggio.
Domande frequenti
Dove scrivo un messaggio ricco?
Cosa succede a ciò che qualcuno seleziona o digita?
La mia card è apparsa rotta in mezzo a una frase. Perché?
Quante diapositive può contenere uno slider?
I messaggi ricchi possono apparire in altre lingue?
E se ho bisogno di un componente che non offri?
Pronto a mettere fine al caos?
Unifica i messaggi, automatizza le domande ripetitive e trasforma le conversazioni in fatturato, a partire da oggi.
Inizia