Nota
Queste informazioni sono specifiche per l'Editor 2.0, precedentemente noto come All-Flex Editor. Per identificare la versione corrente dell'editor, vedere Come identificare la versione dell'editor utilizzata dal sito.
Il widget Moduli Avanzati ti permette di creare moduli personalizzati che stimolano sia il coinvolgimento che la conversione, integrandosi perfettamente con il design del tuo sito. Ad esempio, puoi creare un modulo per raccogliere informazioni sui potenziali clienti, raccogliere feedback dei clienti o offrire l'iscrizione all'account e all'evento. Puoi persino suddividere forme lunghe o complesse in più fasi per un'esperienza più fluida e focalizzata che aiuta ad aumentare i tassi di completamento.
Di seguito sono riportati alcuni vantaggi dell'utilizzo del widget Moduli avanzati:
-
Flessibilità di progettazione. Aggiungi widget e colonne interne per personalizzare davvero il design del modulo.
-
Logica condizionale. Permette al modulo di adattarsi e mostrare/nascondere determinati campi in base alle risposte precedenti dell'utente.
-
Messaggi personalizzati. Scrivi messaggi di successo e di errore personalizzati, adattati alla tua azienda.
-
Impostazioni di invio. Definisci chi riceve una copia dei moduli inviati e configura dove i visitatori vengono reindirizzati dopo la consegna del modulo.
-
Tracciamento delle submission. Visualizza facilmente le risposte ai moduli sia nell'editor che dalla dashboard del sito.
Limitazioni
Di seguito sono riportate le limitazioni attuali:
-
Sia i campi di input che il pulsante invia devono rimanere all'interno del contenitore del modulo.
-
Il pulsante di invio non può essere eliminato o duplicato.
Quando crei un modulo avanzato, puoi personalizzare il design con colonne interne e widget, poi personalizzare la funzionalità con campi di input, step e logica condizionale.
Per creare un modulo avanzato:
-
Cerca Moduli Avanzati, poi trascina e rilascia sulla tela.
-
Trascina e rilasci colonne interne e widget dal pannello Elementi secondo necessità per ottenere il design desiderato.
-
Trascina e rilascia i campi di input nel tuo modulo dalla sezione Modulo del pannello Elementi.
Campi di input disponibili: testo breve, testo lungo, casella di spunta, pulsante radio, campo di iscrizione, menu a tendina, numero di telefono, data, ora, caricamento file, numero ed email.
-
Clicca su un campo di input per aprire la barra fluttuante, poi clicca su Contenuto. Se applicabile, configura il titolo del campo, il testo segnaposto, le opzioni e se il campo è necessario per inviare il modulo. Ripeti per ogni campo che hai aggiunto al modulo.
-
(Opzionale) Aggiungi dei passaggi al tuo modulo seguendo le istruzioni nella sezione Aggiungi passi a una sezione avanzata del modulo . Nota che ogni passaggio viene posizionato su una nuova pagina all'interno del modulo.
-
(Opzionale) Aggiungi logica condizionale al tuo modulo seguendo le istruzioni nell'articolo Aggiungi logica condizionale a una sezione di modulo avanzato .
-
Configura le impostazioni per l'invio dei moduli seguendo le istruzioni nelle impostazioni di Configura l'invio per una sezione avanzata del modulo .
Puoi creare un modulo multi-step in cui ogni passaggio appare su una pagina separata.
Per aggiungere i passaggi:
-
Clicca sul widget Moduli Avanzati per aprire il menu fluttuante, poi clicca su Passi.
-
Clicca su +Aggiungi Passo per ogni passaggio di cui hai bisogno. Trascina e rilasci i passaggi nell'ordine desiderato.
-
Clicca sull'icona a tre punti accanto al passaggio per rinominarlo, duplicarlo o eliminarlo . Duplicare un passaggio preserva la disposizione del passaggio originale, risparmiando tempo quando crei più passaggi.
La logica condizionale ti permette di impostare regole che controllano il comportamento di un modulo in base a ciò che l'utente inserisce. Il modulo utilizza la logica if/then per adattarsi alle risposte precedenti degli utenti facendo apparire, far sparire o diventare necessari i campi.
Per saperne di più su quando la logica condizionale può essere utile, vedi Casi d'uso per la logica condizionale.
Note importanti:
-
Se elimini un campo che fa parte di una regola di logica condizionale, la logica si romperà e il modulo non funzionerà correttamente. Accanto alla regola appare anche un messaggio di errore "Problema logico".
-
I campi o i passaggi di forma che utilizzano la logica condizionata non possono essere duplicati.
Per aggiungere la logica condizionale:
-
Clicca sul widget Moduli Avanzati per aprire il menu fluttuante, poi clicca su Impostazioni.
-
Clicca sulla scheda Logica nella finestra di dialogo Gestisci Modulo .
-
Clicca + Aggiungi regola.
-
Inserisci un nome di regola. Questo è visibile solo internamente e non viene visualizzato agli utenti del sito.
-
Per la parte IF della regola, usa i menu a tendina per selezionare un campo dal modulo, come viene definita la condizione* e, se applicabile, quale sia il valore necessario affinché la condizione venga soddisfatta e attivi la parte THEN della regola.
*A seconda del tipo di campo selezionato, le condizioni disponibili includono: è uguale a, non è uguale a, è vuoto, non è vuoto, contiene, non contiene, inizia con, non inizia con, termina con, e non termina con.
-
Per la parte ALLORA della regola, usa i menu a tendina per selezionare l'azione* che avviene quando la condizione IF è soddisfatta e a quale campo forma viene applicata l'azione.
*Le azioni disponibili includono: mostrare, nascondere, rendere opzionale o rendere obbligatorie.
-
Fai clic su Salva.
La logica condizionale è un tool potente che permette di adattare i campi dei moduli in tempo reale basandosi sulle risposte precedenti dell'utente. Di seguito sono riportati casi d'uso per vari settori.
Rilevamento dei lead nel settore immobiliare
Una società immobiliare utilizza un modulo avanzato per catturare i contatti. Per garantire che gli agenti ricevano lead qualificati, la seguente logica condizionale può essere aggiunta al modulo:
-
Se è selezionato "acquisto", mostra i campi che chiedono budget e area preferita.
-
Se è selezionato "vendere", mostra campi che chiedono il tipo di proprietà e il valore stimato.
-
Se è selezionato "affittare", mostra i campi che chiedono le date di trasferimento.
Servizi per animali domestici
Un'attività che offre servizi per animali (come toelettatura, veterinario o addestramento) permette ai clienti di prenotare appuntamenti tramite un modulo avanzato. Per offrire un'esperienza più personalizzata al cliente, la seguente logica condizionale può essere applicata al modulo:
-
Se viene selezionato "cane" come tipo di animale domestico, mostra i campi che chiedono età e genere.
-
Se viene selezionato "gatto" come tipo di animale domestico, mostra i campi che chiedono lo stato del gatto sia dentro che all'esterno.
-
Se richiedi un appuntamento per la toelettatura, mostra i campi che chiedono il tipo di pelo dell'animale.
-
Se richiedi un appuntamento di addestramento, indica i campi che chiedono questioni comportamentali.
Usa campi nascosti per raccogliere informazioni aggiuntive sul presentatore del modulo, come dati di tracciamento, identificatori di campagne e valori di routing CRM. I campi nascosti non sono visibili al visitatore del sito e non devono essere compilati manualmente, ma sono inclusi nell'invio del modulo.
Campi nascosti disponibili:
-
Metadati raccolti automaticamente. Registra i metadati che il tuo sito già monitora.
-
parametro URL. Registra i valori dell'URL con cui è arrivato il visitatore, come un ID della campagna pubblicitaria.
-
Valore statico. Registra un valore fisso per ogni modulo.
-
Collegamento dinamico dei dati. Registra i valori dalla pagina corrente dove si trova il modulo. Questo può essere utile quando il modulo si trova su una pagina dinamica, come una pagina store prodotto.
-
Personalizzato (JS). Registra un valore personalizzato.
Per aggiungere un campo nascosto:
-
Clicca su Modulo Avanzato per aprire la barra fluttuante, poi clicca su Impostazioni.
-
Nel popup del modulo Gestisci , clicca su Campi Nascosti.
-
Clicca + Nuova fonte di valore e seleziona una delle seguenti:
-
Metadati raccolti automaticamente
-
Parametro URL
-
Valore statico
-
Binding dinamico dei dati
-
Personalizzazione (JS)
-
-
A seconda della fonte selezionata, puoi utilizzare il menu a tendina Valore o il campo testo Valore per inserire un valore.
Per Personalizzato (JS), clicca su Apri modalità sviluppo. Rivedi e modifica il codice aggiunto, poi clicca su Salva.
-
Digita un nome di visualizzazione. Il nome visualizzato appare nella tabella di invio del modulo come nome della colonna per i dati.
-
Fai clic su Salva.
Nelle impostazioni di invio del modulo aggiungi un nome del modulo, configuri le email inviate al proprietario del sito e al visitatore che ha inviato il modulo, e opzionalmente reindirizzi i visitatori del sito a una pagina specifica o a un sito esterno dopo aver inviato il modulo.
Per configurare le impostazioni di invio:
-
Clicca sul widget Moduli Avanzati per aprire la barra mobile, poi clicca su Impostazioni.
-
Nella scheda Impostazioni della finestra di dialogo Gestisci Modulo , espandi le varie sezioni e configura quanto segue:
-
Nome del modulo. Scrivi un nome per il modulo. Questo nome è visibile solo all'interno. Consigliamo di dare a ciascuna forma un nome diverso in modo che sia facile distinguere tra le forme quando si osservano le risposte delle forme.
-
Inviato da. Scrivi un nome. Di default, questo campo mostra il nome della tua azienda o il dominio del sito.
-
Oggetto dell'email. Inserisci una riga di oggetto.
-
Avvisare via e-mail a. Inserisci un indirizzo e-mail in questo campo. Se inserisci più e-mail, separali con uno spazio o fai clic sul tasto Invio.
-
(Opzionale) Seleziona la casella Usa email della libreria di contenuti per far inviare i moduli inviati all'email elencata nella libreria di contenuti.
-
-
(Opzionale) Attiva l'interruttore Auto-reply to form submissioner se vuoi che i visitatori ricevano una copia via email delle loro risposte. L'email viene inviata non appena il visitatore del sito invia il modulo. Se abilitato, dovrai configurare i campi Inviato da, Oggetto dell'email e messaggio Email.
-
(Opzionale) Nella sezione Impostazioni dopo l'invio , clicca su Reindirizza a una pagina dopo l'invio per selezionare la pagina del sito esistente o l'URL esterno a cui i visitatori vengono indirizzati dopo l'invio. Se abilitato, salta il messaggio di successo.
-
Puoi visualizzare le invii dei moduli nell'editor o nella dashboard del progetto, tuttavia le risposte dei moduli possono essere scaricate solo dalla dashboard del progetto.
Editor
Per visualizzare i moduli inviati nell'editor, clicca su Altro nel pannello laterale, poi seleziona Impostazioni. Clicca sulla scheda Gestisci Risposte al Modulo .
Cruscotto del Progetto
Per visualizzare le risposte nella dashboard del progetto, naviga fino alla lista dei tuoi sito, poi clicca sull'icona della dashboard accanto al sito desiderato. Nella sezione Panoramica del Progetto , clicca su Risposte Modulo. Se hai bisogno di scaricare risposte modulo, clicca su Esporta in CSV.
Il widget Moduli Avanzati offre maggiore flessibilità di design e opzioni di personalizzazione, mentre il widget Modulo di Contatto offre un design più basilare e meno opzioni di personalizzazione.
Di seguito è riportato un confronto delle caratteristiche più grandi:
|
Caratteristiche |
Modulo di contatto widget |
Forme Avanzate widget |
|---|---|---|
|
Aggiungere e disporre i widget |
No |
Sì È possibile aggiungere qualsiasi widget ed elemento flex nel contenitore Modulo avanzato. |
|
Campi widget univoci |
No |
Sì Ogni campo nel modulo avanzato è un widget separato, che consente di progettare ogni campo individualmente. |
|
Messaggi di errore e di riuscita personalizzati |
No |
Sì Scrivi e progetta messaggi di successo ed errore personalizzati per l'invio di moduli. |
|
Modulo in più fasi |
No |
Sì |
|
Logica condizionale |
No |
Sì |
|
Campi modulo disponibili |
Testo, menu a discesa, pulsante di opzione, caselle di controllo, file allegato, data, ora, testo lungo, clic per inviare un'e-mail, numero di telefono, opt-in, numero e testo libero. |
Pulsante radio, email, testo breve, testo lungo, iscrizione, numero, numero di telefono, casella di spunta, data, caricamento file, ora e menu a tendina. |
Per modificare i messaggi del modulo:
-
Clicca sul widget Moduli Avanzati per aprire la barra mobile, poi clicca su Passi.
-
Clicca su Successo o Errore. Sulla tela, il widget ora mostra il testo predefinito per il messaggio di successo o errore invece dei passaggi o dei campi del modulo.
-
Fai clic sul widget di testo che contiene il messaggio di errore o di successo e modifica il testo e il design come desideri. In questa vista è possibile aggiungere anche altri widget o colonne interne.
Per inviare ai visitatori del sito una copia delle risposte al modulo:
-
Clicca sul widget Moduli Avanzati per aprire la barra mobile, poi clicca su Impostazioni.
-
Espandi la notifica via email alla sezione Visitatori del sito .
-
Attiva il toggle accanto a Auto-reply per form submitter. Poi, configura i campi Inviato da, Oggetto dell'email e Messaggio Email.
Sì. Per ricevere un'email quando il modulo viene inviato, devi aggiungere l'indirizzo email del destinatario desiderato nel pannello dei contenuti del modulo.
Per inviare un'email quando un visitatore invia un modulo:
-
Clicca sul widget Moduli Avanzati per aprire la barra mobile, poi clicca su Impostazioni.
-
Nella scheda Impostazioni di Invio , scorri verso il basso ed espandi la sezione Notifiche via Email fino alla sezione Proprietario del Sito .
-
Inserisci un'e-mail nel campo Notifica via e-mail a: . Se inserisci più e-mail, separali con uno spazio o fai clic sul tasto Invio. In alternativa, seleziona la casella di posta elettronica Usa libreria di contenuti per inviare gli invii del modulo all'indirizzo di posta elettronica elencato nella libreria di contenuti.
Per nascondere il titolo di un campo:
-
Clicca sul campo di input desiderato per aprire la barra fluttuante, poi clicca su Contenuto.
-
Clicca sull'icona dell'occhio accanto al titolo del campo di input. L'occhio viene cancellato quando il titolo del campo è nascosto.