Per aggiungere contenuti ai tuoi messaggi on site (testo, media o elementi di interazione) puoi utilizzare i numerosi oggetti disponibili nell'editor.
È sufficiente trascinare gli oggetti nell'area di lavoro e configurarne le relative opzioni che compaiono automaticamente una volta trascinati.
Gli oggetti disponibili sono:
| Testo | Aggiunge un elemento testo. | |
| Immagine | Aggiunge un'immagine. | |
| Codice sconto | Aggiunge un elemento codice sconto. Il testo inserito al suo interno può essere direttamente copiato dall'utente che lo visualizza. | |
| Video | Aggiunge un video. | |
| Spazio | Aggiunge uno spazio vuoto tra due oggetti. | |
| Separatore | Aggiunge un separatore tra due oggetti | |
| 2 colonne | Aggiunge un blocco a 2 colonne. | |
| 3 colonne | Aggiunge un blocco a 3 colonne. | |
| 4 colonne | Aggiunge un blocco a 4 colonne. | |
| Campo testo | Permette ai visitatori di inserire del testo (si può usare per es. per chiedere l'indirizzo email del visitatore). | |
| Campo di testo lungo | Permette al visitatore di aggiungere del testo multilinea. | |
| Scelta singola | Consente di scegliere una sola opzione tra quelle proposte. | |
| Scelta multipla | Consente di scegliere una o più opzioni tra quelle proposte. | |
| Scelta a tendina | Aggiunge un menu a tendina. Le opzioni del menu possono essere collegate a specifici campi del database. | |
| Matrice a scelta | Mostra una matrice di valori. | |
| Valutazione | Aggiunge un elemento di tipo valutazione che permette di raccogliere un punteggio. | |
| Net Promoter Score | Aggiunge un elemento di tipo NPS che permette di raccogliere un punteggio da 0 a 10 per ogni domanda. | |
| Casella di controllo | È usato per accettare o meno un'opzione (per es. per richiedere l'accettazione di una privacy policy). | |
| Captcha | Aggiunge un controllo di tipo Captcha. Al visitatore viene richiesto di ricopiare il codice alfanumerico mostrato nell'immagine per confermare la compilazione. | |
| Campo data | Permette al visitatore di inserire una data. | |
| Campo numero | Permette al visitatore di inserire un numero. | |
| Pulsante | Aggiunge un pulsante. | |
| Messaggi errore | Mostra il blocco dei messaggi di errore. | |
| Testo dinamico | Aggiunge un elemento testo dinamico. |
Molti oggetti, una volta trascinati sull'area di lavoro prevedono la configurazione di alcuni parametri coi quali è possibile accedere cliccando direttamente su di essi.
Testo
Per modificare i contenuti di questo oggetto clicca su di esso ed accedi all'editor dei contenuti di testo.
Campo di testo
Dopo aver trascinato l'oggetto nell'area di lavoro, si aprirà la finestra di configurazione delle sue opzioni.
-
Generale
-
Testo della domanda:
testo della domanda visualizzato dai visitatori; -
Personalizza il nome:
etichetta che identifica la domanda esclusivamente nei report di piattaforma e che non sarà mostrato ai visitatori; -
Collega ad un campo del Database:
se attivi questa opzione, il valore scritto nel campo sarà salvato in un campo contatti del database. Dovrai inoltre configurare l'opzione:-
Campo contatti:
scegli il campo contatti del database in cui saranno registrati i valori inseriti in questo campo;
-
Campo contatti:
-
Formato della risposta:
selezionandonessunoil campo accetterà qualsiasi sequenza di caratteri venga inserita, altrimenti effettuerà un controllo di coerenza sul valore inserito per assicurarsi che sia conforme con il tipo di campo scelto.
I formati di campo disponibili sono:- Indirizzo email;
-
Elenco di valori:
è richiesto di inserire i valori accettati per il campo; -
Numero intero:
scegliendo questa opzione è possibile configurare anche il limite minimo e massimo accettato; -
Numero decimale:
è possibile impostare il numero di cifre decimali accettate; - Numero di telefono;
-
Numero minimo/massimo di caratteri:
è possibile impostare il valore minimo e massimo di caratteri che possono essere inseriti nel campo; -
CAP italiano:
il campo accetterà solo un valore numerico di 5 cifre; -
Espressione regolare
il campo accetterà il risultato di un'espressione.
-
Risposta obbligatoria:
se attivi questa opzione il visitatore dovrà obbligatoriamente compilare il campo; -
Lunghezza del testo:
inserisci il numero massimo di caratteri accettati nel campo;
-
Testo della domanda:
-
Stili
-
Nascondi il testo della domanda:
se flaggato nasconde il testo della domanda; -
Testo descrittivo:
Mostra un testo descrittivo (Placeholder) all'interno del campo. Il testo scompare quando il contatto inizia a digitare all'interno del campo. -
Campo invisibile:
Usa questa opzione per nascondere il campo se viene compilato automaticamente, ad esempio da un link personalizzato o da uno script nella pagina. -
Visibilità:
permette di modificare la visibilità del campo tra Tutti i dispositivi (default), Desktop o Mobile.
-
Nascondi il testo della domanda:
-
Validazione
-
Risposta di default:
è la risposta che sarà inserita di default nel campo; -
Non usare il valore del campo contatto come default:
Se viene attivata questa opzione, non sarà caricato il valore del campo contatto come default.
In questo caso, come default, sarà caricato il valore che indichi nell'opzione precedente (Risposta di default). -
Messaggio di errore:
Seleziona la posizione in cui visualizzare i messaggi di errore tra Vicino al campo, Nel box errori, Vicino al campo e nel box errori, Non mostrare gli errori. Se vuoi mostrare gli errori nel box errori, assicurati di inserire il componente Box errori nella stessa pagina. -
Errore per risposta non valida rispetto al campo database:
messaggio che sarà mostrato in casi di compilazione errata. Se selezioni il valoreDefaultverrà mostrato il seguente messaggio: "Il valore per il campo [nome_campo] non è valido." Se scegli il valorePersonalizzatoti sarà richiesto di personalizzare il testo del messaggio.
-
Risposta di default:
-
Visibilità
-
Visibile solo se si verifica unacondizione:
se abiliti questa opzione, puoi mostrare o nascondere la domanda in base a:- Campo contatto
- Campo statistiche
- Informazioni contatto
- Campo pagina
-
Modalità avanzata:
puoi inserire un'espressione regolare creata in precedenza o scriverla direttamente nel campo
-
Visibile solo se si verifica unacondizione:
-
Codice
-
Personalizza l'attributo "NAME":
-
NAME:
Puoi utilizzare l'attributo NAME per creare codice HTML avanzato o per script e automazioni. Se lo utilizzi lascia la personalizzazione attiva per evitare che sia modificato in automatico. Se modifichi il "NAME" perdi eventuali risposte già registrate per questa domanda.
NAME è case sensitive quando usato nel codice HTML.
Esempio: vuoi atterrare nel survey con una domanda già compilata passando il valore nell'URL; se il NAME è v_email, puoi usare https://example.com/form.mn?v_email=utente@email.com.
-
NAME:
-
STYLE:
Puoi inserire del codice CSS per specificare gli stili della domanda. Il codice sarà inserito nell'attributo STYLE. Esempio: color:green; text-align:center; background-color:#CCCCCC. -
Altri attributi:
Puoi inserire del codice per specificare ulteriori attributi per la domanda, esclusi quelli indicati sopra.
Esempio: autocomplete="off" -
ID della domanda:
Indica l'attributo ID della domanda. Puoi utilizzarlo per creare codice HTML avanzato. -
Inserisci il controllo form in un contenitore:
Attiva sempre questa opzione se hai delle condizioni di visibilità, in caso contrario le condizioni non funzioneranno.- Tag HTML
- Classe CSS
-
Formattazione avanzata:
Puoi inserire del codice HTML prima e dopo il campo per modificare l'aspetto. L'utilizzo di queste opzioni è consigliato solo ad utenti esperti in HTML e CSS.- Codice HTML prima del campo
- Codice HTML dopo il campo
-
Personalizza l'attributo "NAME":
-
Personalizzazione
-
Personalizza il segnaposto:
-
Nome segnaposto:
Puoi utilizzare questo parametro come segnaposto per stampare la risposta data dal contatto. Il segnaposto deve iniziare con una lettera o un underscore (non può iniziare con un numero).
-
Nome segnaposto:
-
Personalizza il segnaposto:
Casella di controllo
La casella di controllo permette di selezionare o meno una singola opzione. Dovrai configurarne le seguenti opzioni già illustrate per il Campo di testo:
- Testo della domanda;
- Personalizza il nome;
- Collega ad un campo del database;
- Risposta obbligatoria.
Potrai inoltre configura una risposta di default.
Questo testo è proposto, a chi compila, come risposta di default. Se questa domanda è collegata a un campo del database sarà valorizzata comunque con il valore presente nel database.
Viene proposto questo valore di default solo se il campo collegato non è valorizzato oppure se è attiva l'opzione seguente per non usare il valore del campo contatto come default.
Pulsante
Nella configurazione specifica dell'oggetto dovrai configurare:
-
Generale
-
Etichetta:
il testo che sarà mostrato sul pulsante; -
Personalizza il nome:
etichetta che identifica l'oggetto nei report di piattaforma. Non è mostrato all'utente; -
Tipo:
l'oggetto potrà avere l'aspetto di un pulsante o di un link; -
Immagine di sfondo:
il colore del pulsante sarà sostituito dall'immagine selezionata.
-
Etichetta:
-
Azioni
-
Aggiungi azione:
Puoi far eseguire più di un'azione al pulsante, le azioni saranno eseguite nell'ordine. Di seguito alcune azioni particolari:- Completa risposta: valida e registra i valori inseriti dall'utente. Se non inserisci questa azione i valori non saranno salvati.
- Naviga: va alla pagina indicata.
- Salva i campi collegati sul contatto: aggiorna i campi collegati al database con il valore inserito dal contatto. Se non inserisci questa azione i valori dei campi contatto non saranno aggiornati.
-
Usa solo per navigazione:
Se attivi questa opzione, il pulsante sarà utilizzato soltanto per la navigazione e le risposte inserite nella pagine non si salveranno nei report. L'utente che compila potrà andare avanti e indietro tra le pagine anche se sono presenti degli errori di compilazione.
-
Aggiungi azione:
Scelta multipla
L'oggetto Scelta multipla consente al visitatore di scegliere una o più preferenze tra quelle indicate nella lista proposta. Andrà configurato:
-
Generale
-
Testo domanda:
il testo della domanda legato alle opzioni da scegliere; -
Personalizza il nome:
etichetta che identifica la domanda esclusivamente nei report di piattaforma. Non viene mostrato ai visitatori; -
Collega ad un campo del Database:
attivando questa opzione, le scelte dell'utente saranno memorizzate in un campo del database. Comparirà inoltre la voce Opzioni da un campo contatti nel campo sottostante Opzioni di risposta. -
Opzioni di risposta:
la formattazione del campo potrà essere:-
Semplice:
definisci le risposte possibili ed i valori da assegnare ad ogni singola risposta; -
Opzioni da una tabella dati:
puoi selezionare una tabella esistente ed al suo interno una colonna in cui mostrare le Risposte e i Valori; -
Filtro su tabella dati:
potrai selezionare i valori da mostrare ai visitatori mediante una query per il filtro; -
Opzioni da un campo contatti:
puoi indicare un campo contatti del database da cui prendere le risposte possibili.
-
Semplice:
-
Risposta obbligatoria
se attivi questa opzione il visitatore dovrà obbligatoriamente fornire una risposta a questa domanda. -
Disposizione delle risposte
Stabilisci se mostrare le risposte una sotto l’altra o distribuite su più colonne.
-
Testo domanda:
-
Stili
- Nascondi il testo della domanda
-
Numero di colonne dinamico:
Adatta automaticamente la disposizione delle opzioni in base alla larghezza disponibile. Utile per la visualizzazione su mobile. Quando attivo, ignora la scelta tra colonna singola e più colonne.-
Larghezza massima colonna (px):
Imposta la larghezza massima di ogni opzione per consentire l’andata a capo automatica del testo.
-
Larghezza massima colonna (px):
-
Campo invisibile:
Usa questa opzione per nascondere il campo se viene compilato automaticamente, ad esempio da un link personalizzato o da uno script nella pagina. - Visibilità
-
Validazione
-
Rendi casuale l'ordine delle risposte:
se attivi questa opzione, le opzioni di risposta saranno mostrate ai visitatori in maniera casuale;-
Rimane fisso l'ordine per le seguenti risposte:
Se rendi casuale l'ordine delle risposte, puoi scegliere di avere alcune risposte in ordine sempre fisso, nella posizione in cui si trovano. Indica le risposte che vuoi che rimangano in posizione fissa, scrivendo le posizioni separate da virgola.
Esempio: se vuoi mantenere in posizione fissa la prima e la terza risposta devi scrivere: 1,3.
-
Rimane fisso l'ordine per le seguenti risposte:
-
Validazione del numero di risposte fornite
imposta il numero di risposte che l'utente deve obbligatoriamente selezionare; Se abiliti questa opzione, puoi indicare il numero di opzioni di risposta che l'utente deve indicare.
Puoi personalizzare il messaggio di errore che verrà mostrato solo se l'utente non indica esattamente il numero di opzioni indicato.-
L'utente deve indicare:
Possibilità di scelta tra le opzioni almeno, al massimo, esattamente, un numero di risposte tra. -
Numero risposte:
indicare il numero di risposte -
Messaggio per numero di risposte non valido:
Personalizza il messaggio di errore che sarà mostrato se l'utente non seleziona il numero di opzioni da te indicato. Se non lo compili, sarà visualizzato il messaggio di default Il valore non è valido per il campo (scelta multipla).
-
L'utente deve indicare:
-
Ricarica la pagina
Se attivi questa opzione, quando l'utente cambia la risposta fornita, la pagina si ricarica in automatico. -
Risposta di default:
puoi proporre una risposta di default. Se il visitatore non esprime una preferenza, sarà registrato il valore della risposta di default; -
Risposte esclusive:
Puoi inserire i valori delle risposte che vuoi rendere esclusive, separati da invio. Se il partecipante ne sceglierà una, eventuali risposte già selezionate verranno deselezionate automaticamente. -
Mostra i messaggi di errore
questa opzione consente di scegliere la posizione in cui saranno visualizzati i messaggi di errore, scegliendo tra:- Vicino al campo;
- Nel box errori (questa scelta sarà valida solo se nella pagina hai aggiunto un oggetto di tipo Box errori);
- Vicino al campo e nel box errori;
- Non mostrare gli errori.
-
Rendi casuale l'ordine delle risposte:
Scelta singola
Una domanda a scelta singola permette al visitatore di scegliere una sola risposta tra quelle disponibili.
La configurazione della domanda a scelta singola è identica a quella della domanda a scelta multipla descritta precedentemente.
Menu a tendina
Il Menu a tendina permette all'utente di scegliere un valore tra quelli proposti da un menu a tendina. La sua configurazione è identica a quella della Domanda a scelta multipla descritta precedentemente.
Testo lungo
Il testo lungo è un campo all'interno del quale il visitatore può inserire testi più lunghi di una riga. Oltre ai campi descritti precedentemente, dovrai configurare le opzioni:
-
Formato della risposta:
-
Nessuno:
non viene applicata nessun controllo ai valori inseriti nel campo; -
Numero minimo / massimo di caratteri:
puoi impostare il numero minimo e massimo di caratteri accettati nel campo; -
Espressione regolare:
il limite di caratteri viene calcolato sulla base di una espressione.
-
Nessuno:
-
Lunghezza dell'area di testo:
puoi impostare la lunghezza dell'area in caratteri. -
Altezza dell'area di testo:
puoi impostare l'altezza dell'area in righe.
Campo numero
Questo oggetto inserisce un campo per l'inserimento di valori di tipo numerico (interi o decimali) da parte del visitatore. Dovrai configurare i parametri relativi a:
-
Formato del numero:
i valori inseriti possono essere numeri interi o decimali (in questo secondo caso dovrai anche definire di quante cifre decimali sarà composto il numero); -
Valore minimo / massimo:
inserisci il valore minimo e massimo che può accettare il campo.
Campo data
Il campo data permette di inserire una data. Oltre alla configurazione dei campi descritti precedentemente dovrai configurare:
-
Usa un valore di default:
Se abiliti questa opzione, puoi specificare un valore di default, scegliendo tra:- Data corrente (data in cui l'utente compila)
- Altra data.
Se l'utente non modifica il valore proposto, sarà salvata la risposta di default. Se questo campo è collegato a un campo del database, viene valorizzato comunque con il valore presente nel database. Viene proposto questo valore di default solo se il campo collegato non è valorizzato oppure se è attiva l'opzione seguente per non usare il valore del campo contatto come default.
-
Valida a partire dal / Valida fino a:
in questi due campi puoi inserire i limiti temporali (da..., fino a...) accettati nel campo.
Matrice/scala di valutazione
L'oggetto Matrice/scala di valutazione crea una tabella con la quale è possibile assegnare un valore a ciascun elemento descritto nelle righe della tabella stessa. La configurazione di questo oggetto prevede:
-
Generale
-
Testo della domanda:
il testo mostrato prima della tabella; -
Nome per i report:
etichetta che identifica la domanda esclusivamente nei report di piattaforma. Questa etichetta non è mostrata ai visitatori; -
Formato delle righe della matrice:
scegli il tipo di matrice che intendi creare. Puoi selezionare una Scelta singola, una Scelta multipla o una Scala di valutazione; -
Righe:
definisci gli elementi di riga che saranno mostrati ai visitatori; -
Colonne:
definisci i valori di colonna associati a quelli di riga. Nel campo Colonne inserisci le opzioni come saranno visualizzate dai tuoi contatti. Nel campo Valori inserisci il valore numerico reale assegnato a ciascuna opzione -
Risposta obbligatoria:
se attivi questa opzione rendi obbligatoria la compilazione di questo campo; -
Posizione dell'etichetta delle colonne:
puoi mostrare l'etichetta delle colonne come Solo nell'intestazione o In ogni cella.
-
Testo della domanda:
-
Validazione
-
Rendi casuale l'ordine delle risposte:
se l'opzione è attiva, per ogni utente le opzioni di risposta saranno visualizzate in ordine casuale;-
Rimane fisso l'ordine per le seguenti risposte:
Se rendi casuale l'ordine delle risposte, puoi scegliere di avere alcune risposte in ordine sempre fisso, nella posizione in cui si trovano. Indica le risposte che vuoi che rimangano in posizione fissa, scrivendo le posizioni separate da virgola.
Esempio: se vuoi mantenere in posizione fissa la prima e la terza risposta devi scrivere: 1,3.
-
Rimane fisso l'ordine per le seguenti risposte:
-
Permetti una sola risposta per colonna:
se l'opzione è attiva, l'utente potrà dare una sola risposta per colonna; -
Mostra i messaggi di errore
questa opzione consente di scegliere la posizione in cui saranno visualizzati i messaggi di errore, scegliendo tra:- Vicino al campo;
- Nel box errori (questa scelta sarà valida solo se nella pagina hai aggiunto un oggetto di tipo Box errori);
- Vicino al campo e nel box errori;
- Non mostrare gli errori.
-
Rendi casuale l'ordine delle risposte:
Captcha
L'oggetto Captcha permette di inserire un codice di controllo di tipo Captcha nel messaggio on site.
Per verificare che la compilazione non sia stata effettuata da un sistema automatico, il visitatore deve inserire il codice mostrato nell'immagine. Dovrai configurare:
-
Testo della domanda:
il testo mostrato prima dell'area di inserimento del testo; -
Nome per i report:
etichetta che identifica la domanda esclusivamente nei report. Non è visibile ai visitatori; -
Tipo:
puoi scegliere se usare il Captcha generato dalla piattaforma o il Google ReCAPTCHA di tipo v2 (verifica delle richieste con un test) fornito da Google. Per usare questa tipologia di codice, assicurati di averlo configurato nella sezione Setup del journey nel quale stai creando il tuo Survey.Per attivare il Google ReCaptcha segui il percorso:
Journey Lab > Nome_journey > Setup
Clicca sul tab Web per accedere alla configurazione delle pagine web del journey. Nella sezione Captcha (Prevenzione Spam) dovrai compilare i campi:
- Chiave del sito
- Chiave segreta
con i valori che otterrai configurando il tuo sito nella pagina di configurazione al servizio di Google reCAPTCHA.
Una volta completata la configurazione, clicca sul pulsante Salva in alto a destra per memorizzare le tue preferenze. Se l'operazione è andata a buon fine potrai cominciare ad inserire il controllo del Google reCAPTCHA nelle pagine di piattaforma che ne prevedono l'utilizzo.
-
Numero di caratteri:
numero di caratteri del codice (minimo 4, massimo 15 caratteri); -
Lunghezza dell'immagine:
lunghezza (in pixel) del Captcha. La lunghezza deve essere minimo di 100 e massimo di 500 pixel; -
Altezza dell'immagine:
altezza massima del Captcha. L'altezza può essere minimo di 45 e massimo di 200 pixel; -
Colore per il testo:
definisci il colore del testo del Codice Captcha. Cliccando sul colore mostrato nel box, aprirai il selettore colori mediante il quale scegliere un nuovo colore; -
Colore per lo sfondo:
modifica il colore di sfondo del Captcha; -
Rispetto al campo per inserire il codice, visualizza l'immagine:
definisci la posizione del codice, se sopra o sotto l'immagine.