Nota
Queste informazioni sono specifiche dell'Editor 2.0, precedentemente noto come All-Flex Editor. Per identificare la versione attuale dell'editor vediCome identificare la versione dell'editor utilizzata dal tuo sito .
Nota
[en] Not sure which form widget you're using? Click a field in the form. If only that field is selected, it's an advanced form. If the whole form is selected and the floating bar shows Manage Form, it's the Contact Form widget. See Widgets: Contact Forms.
Il widget Advanced Forms ti consente di creare moduli personalizzati che favoriscono sia il coinvolgimento che la conversione e si integrano perfettamente con il design del tuo sito. Ad esempio, puoi creare un modulo per raccogliere informazioni sui potenziali clienti, raccogliere il feedback dei clienti o offrire la registrazione di account ed eventi. Puoi anche suddividere moduli lunghi o complessi in più passaggi per un'esperienza di compilazione più fluida e mirata che aiuta ad aumentare i tassi di completamento
Di seguito sono riportati alcuni vantaggi dell'utilizzo del widget Advanced Forms:
-
Flessibilità di progettazione. Aggiungi widget e colonne interne per personalizzare davvero il design del modulo
-
Logica condizionale. Consente al modulo di adattare e mostrare/nascondere determinati campi in base alle risposte precedenti dell'utente
-
Messaggi personalizzati. Scrivi messaggi di errore e di successo personalizzati su misura per la tua attività.
-
Impostazioni di invio. Definisci chi riceve una copia dei moduli inviati e configura dove i visitatori vengono reindirizzati dopo l'invio del modulo
-
Monitoraggio degli invii. Visualizza facilmente le risposte ai moduli sia nell'editor che nella dashboard del sito.
Limitazioni
Di seguito sono riportate le limitazioni attuali:
-
Entrambi i campi di input e il pulsante di invio devono rimanere all'interno del contenitore del modulo.
-
Il pulsante di invio non può essere eliminato o duplicato.
Per una rapida panoramica e una demo del widget Advanced Forms, guarda il seguente video:
[en] Each field, inner column, and widget inside an advanced form is its own element. When you click a field, only that field is selected, and the floating bar shows the field's options (Content and Edit Design) instead of the form's options.
[en] To select the whole form:
-
[en] On the canvas, click any field or element inside the form.
-
[en] Do one of the following:
-
[en] Hover over the breadcrumb above the floating bar, then click Advanced Form.
-
[en] If the design panel is open, click Advanced Form in the breadcrumb at the top of the panel.
-
[en] When the form is selected, the floating bar shows Steps, Settings, and Edit Design.
Quando crei un modulo avanzato, puoi personalizzare il design con colonne e widget interni, quindi personalizzare la funzionalità con campi di input, passaggi e logica condizionale.
Per creare un modulo avanzato:
-
Cerca per Moduli avanzati, quindi trascinalo sull'area di disegno.
-
Trascina e rilascia le colonne e i widget interni dal Elemento pannello secondo necessità per ottenere il design desiderato.
-
Trascina e rilascia i campi di immissione nel modulo dal Modulo sezione del pannello Element.
Campi di input disponibili: testo breve, testo lungo, casella di controllo, pulsante di opzione, campo di attivazione, menu a discesa, numero di telefono, data, ora, caricamento del file, numero ed email.
-
Fai clic su un campo di immissione per aprire la barra mobile, quindi fai clic su Contenuto. Se applicabile, configura il titolo del campo, il testo segnaposto, le opzioni e se il campo è obbligatorio per inviare il modulo. Ripeti l'operazione per ogni campo aggiunto al modulo
-
(Facoltativo) Aggiungi passaggi al modulo seguendo le istruzioni nella Aggiungere passaggi a un modulo avanzato sezione. Nota che ogni passaggio viene inserito in una nuova pagina all'interno del modulo.
-
(Facoltativo) Aggiungi la logica condizionale al tuo modulo seguendo le istruzioni nella Aggiungere la logica condizionale a un modulo avanzato sezione.
-
Configura le impostazioni di invio dei moduli seguendo le istruzioni nella Configurare le impostazioni di invio per un modulo avanzato sezione.
Nota
Per ottenere il consenso di un visitatore, ad esempio ai fini del GDPR, aggiungi un campo Opt-in. A differenza di altri tipi di campo, il campo Opt-in non può essere impostato come obbligatorio. Per ulteriori informazioni sulla raccolta del consenso, consulta la panoramica sui moduli.
È possibile creare un modulo in più passaggi in cui ogni passaggio viene visualizzato in una pagina separata.
Per aggiungere passaggi:
-
Fai clic sul widget Advanced Forms per aprire il menu mobile, quindi fai clic su Passaggi.
-
Clicca +Aggiungi passaggio per ogni passaggio di cui hai bisogno. Trascina e rilascia i passaggi nell'ordine desiderato.
-
Fai clic sull'icona a tre punti accanto al passaggio rinominare, duplicato, o eliminare il passaggio. La duplicazione di un passaggio mantiene il layout del passaggio originale, consentendo di risparmiare tempo durante la creazione di più
La logica condizionale consente 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, scomparire o diventare obbligatori i campi
Per saperne di più su quando la logica condizionale può essere utile, vedi Casi d'uso della logica condizionale.
Note importanti:
-
Se si elimina un campo che fa parte di una regola logica condizionale, la logica si interromperà e il modulo non funzionerà correttamente. Accanto alla regola viene visualizzato anche il messaggio di errore «Problema logico»
-
I campi o le fasi del modulo che utilizzano la logica condizionale non possono essere duplicati.
Per aggiungere la logica condizionale:
-
Fai clic sul widget Advanced Forms per aprire il menu mobile, quindi fai clic su Impostazioni.
-
Fai clic su Logica scheda in Gestisci modulo dialogo.
-
Clicca + Aggiungi regola.
-
Inserisci un nome per la regola. È visibile solo internamente e non viene visualizzato dagli utenti del sito
-
Per SE parte della regola, utilizza i menu a discesa per selezionare un campo dal modulo, come viene definita la condizione* e, se applicabile, quale valore deve essere affinché la condizione sia soddisfatta e attiva 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, finisce con e non finisce con.
-
Per POI parte della regola, usa i menu a discesa per selezionare l'azione* che si verifica quando viene soddisfatta la condizione IF e a quale campo del modulo viene applicata l'azione.
*Le azioni disponibili includono: mostrare, nascondere, rendere opzionale o rendere obbligatorio.
-
Clicca Salva.
La logica condizionale è un potente strumento che consente di adattare i campi del modulo in tempo reale in base alle risposte precedenti dell'utente. Di seguito sono riportati i casi d'uso per vari settori
Acquisizione di lead immobiliari
Una società immobiliare utilizza un modulo avanzato per acquisire lead. Per garantire che gli agenti ricevano lead qualificati, è possibile aggiungere al modulo la seguente logica condizionale
-
Se è selezionato «acquisti», mostra i campi che richiedono informazioni sul budget e sull'area preferita.
-
Se è selezionato «vendita», mostra i campi che richiedono informazioni sul tipo di proprietà e sul valore stimato.
-
Se è selezionato «affitto», mostra i campi che richiedono informazioni sulle date di trasloco.
Servizi per animali domestici
Un'azienda che offre servizi per animali domestici (come toelettatura, veterinaria o formazione) consente ai clienti di prenotare appuntamenti tramite un modulo avanzato. Per fornire un'esperienza più personalizzata per il cliente, è possibile applicare la seguente logica condizionale al modulo
-
Se «cane» è selezionato come tipo di animale domestico, mostra i campi che richiedono informazioni su età e sesso.
-
Se «gatto» è selezionato come tipo di animale domestico, mostra i campi che richiedono informazioni sullo stato interno o esterno del gatto.
-
Se richiedi un appuntamento per la toelettatura, mostra i campi che richiedono informazioni sul tipo di pelo dell'animale.
-
Se richiedi un appuntamento di formazione, mostra i campi che richiedono informazioni sui problemi comportamentali.
Utilizza i campi nascosti per raccogliere informazioni aggiuntive sull'autore del modulo, come dati di tracciamento, identificatori delle campagne e valori di routing CRM. I campi nascosti non sono visibili al visitatore del sito e non devono essere compilati manualmente, ma sono
Campi nascosti disponibili:
-
Metadati raccolti automaticamente. Registra i metadati che il tuo sito web già
-
Parametro URL. Registra i valori dell'URL con cui il visitatore è arrivato, ad esempio l'ID di una campagna pubblicitaria.
-
Valore statico. Registra un valore fisso per modulo.
-
Associazione dinamica dei dati. Registra i valori della pagina corrente in cui si trova il modulo. Ciò può essere utile quando il modulo si trova in una pagina dinamica, ad esempio la pagina del prodotto di un negozio.
-
Personalizzato (JS). Registra un valore personalizzato.
Per aggiungere un campo nascosto:
-
Fai clic sul modulo avanzato per aprire la barra mobile, quindi fai clic su Impostazioni.
-
Nel Gestisci modulo popup, fai clic Campi nascosti.
-
Clicca + Nuova fonte di valoree seleziona una delle seguenti opzioni:
-
Metadati raccolti automaticamente
-
Parametro URL
-
Valore statico
-
Associazione dinamica dei dati
-
Personalizzato (JS)
-
-
A seconda della sorgente selezionata, utilizzare Valore menu a discesa o Valore campo di testo per inserire un valore.
Per Personalizzato (JS), fai clic su Apri la modalità dev. Rivedi e modifica il codice aggiunto, quindi fai clic Salva.
-
Tipo a Nome visualizzato. Il nome visualizzato viene visualizzato nella tabella di invio del modulo come nome della colonna per i dati
-
Clicca Salva.
Nelle impostazioni di invio del modulo è possibile aggiungere un nome per il modulo, configurare le e-mail inviate al proprietario del sito e al visitatore del sito che ha inviato il modulo e, facoltativamente, reindirizzare i visitatori del sito a una pagina specifica o a un sito Web esterno dopo l'invio del modulo.
[en] To configure submission settings:
-
[en] Select the advanced form (see Select an Advanced Form), then in the floating bar, click Settings.
-
[en] On the Settings tab of the Manage form dialog, type a Form name. This name is only visible internally. Give each form a different name so it's easy to tell forms apart when viewing form responses.
-
[en] Expand Email Notification to Site Owner to set up the email sent when someone submits the form:
-
[en] Sent from. Type a name. By default, this field displays your business name or site domain.
-
[en] Email subject. Enter a subject line.
-
[en] Notify by email to. Enter the email addresses that receive form submissions. To add more than one, press Space or Enter after each address.
-
[en] Use email in the Content Library. Check this box to send form submissions to the email listed in the content library.
-
-
[en] (Optional) To send site visitors an email copy of their responses, expand Email Notification to Site Visitor:
-
[en] Auto-reply to form submitter. Turn on this toggle to send the email as soon as the visitor submits the form.
-
[en] Sent from, Email subject, and Email message. Set up the email the visitor receives.
-
-
[en] (Optional) To send visitors to another page after they submit, expand After Submission Settings, click Redirect to a page after submission, and select a site page or external URL. Visitors are redirected instead of seeing the success message.
Puoi visualizzare gli invii dei moduli nell'editor o nella dashboard del progetto, tuttavia le risposte ai moduli possono essere scaricate solo dal dashboard del progetto.
Redattore
Per visualizzare gli invii dei moduli nell'editor, fai clic su Altro nel pannello laterale, quindi seleziona Impostazioni. Fai clic su Gestisci le risposte del modulo scheda.
Dashboard del progetto
Per visualizzare le risposte nella dashboard del progetto, accedi all'elenco dei siti, quindi fai clic sull'icona della dashboard del progetto accanto al sito desiderato. Panoramica del progetto sezione, fai clic Risposte al modulo. Se devi scaricare le risposte ai moduli, fai clic su Esporta in formato CSV.
Il widget Advanced Forms attualmente offre integrazioni con Zapier, Google, MailChimp, HubSpot, Albato e ActiveCampaign.
[en] To view available integrations, select the advanced form (see Select an Advanced Form), then in the floating bar, click Settings. Click the Integrations tab, then click the integration you want and follow the on-screen prompts.
Nota
Gli utenti devono avere Gestione gratuita delle app autorizzazione ad aggiungere integrazioni. Se un utente non dispone dell'autorizzazione, la sezione Integrazione sarà vuota
Il widget Advanced Forms offre una maggiore flessibilità di progettazione e opzioni di personalizzazione, mentre il widget Contact Form offre un design più semplice e meno opzioni di personalizzazione.
Di seguito è riportato un confronto tra funzionalità più grandi:
|
Caratteristica |
Widget del modulo di contatto |
Widget Moduli avanzati |
|---|---|---|
|
Aggiungere e disporre i widget |
No |
Sì Puoi aggiungere qualsiasi widget ed elemento flessibile nel contenitore Advanced Form. |
|
Campi widget unici |
No |
Sì Ogni campo del modulo avanzato è un widget separato, che consente di progettare ogni campo individualmente. |
|
Messaggi di errore e di successo personalizzati |
No |
Sì Scrivi e progetta messaggi di errore e di successo personalizzati per l'invio dei moduli. |
|
Modulo in più fasi |
No |
Sì |
|
Logica condizionale |
No |
Sì |
|
Integrazioni |
Sì |
|
|
Campi modulo disponibili |
Testo, menu a discesa, pulsante di opzione, caselle di controllo, file allegato, data, ora, testo lungo, clic sull'e-mail, numero di telefono, attivazione, numero e testo libero. |
Pulsante di opzione, email, testo breve, testo lungo, opt-in, numero, numero di telefono, casella di controllo, data, caricamento del file, ora e menu a discesa. |
[en] To set up the Contact Form widget, see Widgets: Contact Forms.
Per modificare i messaggi del modulo:
-
Fai clic sul widget Advanced Forms per aprire la barra mobile, quindi fai clic su Passaggi.
-
Fai clic su uno dei Successo o Errore. Sulla tela, il widget ora mostra il testo predefinito per il messaggio di successo o di errore anziché i passaggi o i 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. Puoi anche aggiungere altri widget o colonne interne in questa vista.
Per inviare ai visitatori del sito una copia delle risposte al modulo:
-
Fai clic sul widget Advanced Forms per aprire la barra mobile, quindi fai clic su Impostazioni.
-
Espandi il Notifica via e-mail al visitatore del sito sezione.
-
Abilita l'interruttore accanto a Risposta automatica al mittente del modulo. Quindi, configura i campi Inviato da, Oggetto e-mail e Messaggio e-mail.
[en] Yes. Add the recipient's email address in the form's settings.
[en] To send an email when a visitor submits a form:
-
[en] Select the advanced form (see Select an Advanced Form), then in the floating bar, click Settings.
-
[en] On the Settings tab, expand Email Notification to Site Owner.
-
[en] In Notify by email to, enter the email addresses that should receive form submissions. To add more than one, press Space or Enter after each address. Or, check Use email in the Content Library to send form submissions to the email listed in the content library.
Per nascondere il titolo di un campo:
-
Fai clic sul campo di immissione desiderato per aprire la barra mobile, quindi fai clic su Contenuto.
-
Fai clic sull'icona a forma di occhio accanto al titolo del campo di immissione. L'occhio viene barrato quando il titolo del campo è nascosto.