Come personalizzare i moduli WordPress con WPForms

Creare un'esperienza personalizzata per i tuoi utenti può fare la differenza quando si tratta di aumentare il coinvolgimento e le percentuali di completamento dei moduli.

Se gestisci un sito WordPress, potresti chiederti come personalizzare i moduli per renderli più pertinenti ai tuoi visitatori senza aggiungere complessità.

In questa guida, ti illustrerò alcune potenti funzionalità di WPForms che rendono facile creare moduli personalizzati e spiegherò come possono trasformare la creazione dei tuoi moduli e migliorare la soddisfazione degli utenti.

Una volta nell'editor dei moduli, apri le Opzioni campo per il campo a scelta multipla o a discesa pertinente. Quindi, fai clic sul pulsante Genera scelte per iniziare ad aggiungere un elenco di Scelte AI!

1. Scelte AI per trasformare la creazione dei tuoi moduli

Anche se la creazione di moduli è rapida e semplice con WPForms, compilare menu a discesa e domande a scelta multipla richiede comunque tempo. Per semplificare le cose, puoi affidarti alla funzione Scelte AI.

Tutto ciò che devi fare è fare clic su un pulsante e descrivere ciò di cui hai bisogno, e l'IA di WPForms compilerà le tue caselle di controllo, gli elenchi a discesa e le opzioni a scelta multipla in pochi secondi!

La parte migliore di tutte è che Scelte AI è disponibile per tutti, indipendentemente dal fatto che tu abbia una licenza WPForms gratuita o a pagamento. Ecco come puoi usarla:

Come funzionano le Scelte AI in WPForms

Crea qualsiasi tipo di modulo con campi a scelta multipla o a discesa, oppure risparmia tempo utilizzando uno dei nostri modelli di modulo predefiniti. WPForms offre un enorme elenco di oltre 2.100 modelli di moduli WordPress.

Una volta nell'editor di moduli, apri le Opzioni campo per il campo Scelta multipla o a discesa pertinente. Quindi, fai clic sul pulsante Genera scelte per iniziare ad aggiungere un elenco di scelte AI!

Apparirà una finestra popup in cui ora puoi aggiungere dettagli relativi all'elenco richiesto in una o due frasi. Una volta fatto, premi il tasto invio.

L'assistente AI di WPForms ora genererà un elenco di scelte. Non è necessario copiarle e incollarle: fai clic sul pulsante Inserisci scelte e verranno automaticamente aggiunte al tuo modulo.

Ora ci vogliono secondi per fare ciò che prima richiedeva ore. Puoi riorganizzare gli elenchi, rimuovere opzioni o aggiungere ulteriori dettagli. Le possibilità sono infinite!

Senza contare che, se non sei soddisfatto dei risultati generati, puoi sempre chiedere all'IA di WPForms di migliorare la risposta finché non sarai soddisfatto.

Leggi anche: Best Practice di WPForms: Come Creare il Modulo Perfetto per il Tuo Sito

2. Geolocalizzazione per una personalizzazione mirata

Il Componente aggiuntivo Geolocalizzazione di WPForms è uno strumento incredibilmente utile per acquisire e utilizzare la posizione di un visitatore per personalizzare i campi del modulo.

Integrandosi con Google Maps, questa funzionalità può rilevare automaticamente la città, lo stato e il paese dell'utente, consentendoti di personalizzare l'esperienza del modulo in base alla sua posizione.

Ad esempio, puoi impostare automaticamente un paese o uno stato predefinito in un menu a discesa, rendendo più facile per gli utenti compilare i moduli senza selezionare manualmente la propria posizione.

Come funziona la geolocalizzazione in WPForms

Per configurare la geolocalizzazione in WPForms, dovrai installare e configurare il Componente aggiuntivo Geolocalizzazione. Ecco una rapida panoramica dei passaggi per iniziare:

Innanzitutto, assicurati di avere WPForms Pro, poiché il Componente aggiuntivo Geolocalizzazione è disponibile solo nel piano Pro. Quindi, installa e attiva il Componente aggiuntivo.

Dopo aver attivato l'addon, puoi configurare le sue impostazioni andando su WPForms » Impostazioni e selezionando la scheda Geolocalizzazione. Quindi, segui i passaggi in questa guida per collegare il tuo modulo a Google Places.

Personalizzazione dell'autocompletamento dell'indirizzo

Ecco un esempio di come il tuo modulo potrebbe apparire agli utenti quando le opzioni di autocompletamento dell'indirizzo e della mappa sono abilitate per consentire ai tuoi utenti di inviare i tuoi moduli ancora più velocemente!

Campo Mappa Interattiva

Oltre all'autocompletamento dell'indirizzo, il Geolocation Addon include anche un campo Mappa che incorpora una mappa interattiva direttamente nei tuoi moduli.

Questo è perfetto per esperienze personalizzate in cui desideri che i visitatori:

• Selezionino la loro posizione preferita: Visualizza più sedi di negozi, filiali d'ufficio o centri di assistenza su una mappa con pulsanti di opzione per la selezione.
• Visualizzino le aree di servizio: Mostra zone di copertura o aree di consegna in modo che i visitatori possano vedere se rientrano nella tua regione di servizio prima di inviare.
• Scelgano le sedi degli eventi: Per i moduli di registrazione eventi, consenti ai partecipanti di vedere tutte le sedi e scegliere quella più vicina a loro.
• Personalizzino i contrassegni: Utilizza icone e colori personalizzati per abbinarli al tuo marchio o differenziare tra tipi di posizione (ad esempio, negozi vs magazzini).

Il campo Mappa supporta l'integrazione sia con Google Maps che con Mapbox, e puoi abilitare funzionalità come "Trova posizione vicina" per utilizzare la geolocalizzazione del browser del visitatore per aiutarlo a identificare l'opzione più vicina.

Questo livello di personalizzazione basata sulla posizione rende i moduli più intuitivi e aiuta a garantire che le richieste vengano instradate al team o alla posizione giusta fin dall'inizio.

3. Precompila i campi del modulo utilizzando parametri URL o stringhe di query

Precompilare i campi del modulo con WPForms utilizzando parametri URL o stringhe di query è un ottimo modo per migliorare l'esperienza utente, specialmente per i visitatori di ritorno. Ti consente di passare dati direttamente nei tuoi moduli, risparmiando agli utenti il tempo di reinserire le informazioni.

Utilizzo delle stringhe di query per precompilare un campo di testo

Le stringhe di query sono piccole informazioni aggiunte a un URL, spesso dopo un punto interrogativo (?). Vengono utilizzate per passare dati da una pagina all'altra.

In WPForms, le stringhe di query possono precompilare automaticamente i campi del modulo quando un utente visita una pagina con quell'URL specifico.

Questo è un ottimo modo per personalizzare i moduli per gli utenti che tornano sul tuo sito o che hanno fatto clic su un link speciale da un'e-mail o da un annuncio.

Ad esempio, se vuoi che il campo per il nome dell'utente sia precompilato, potresti creare un URL simile a questo:

https://yourwebsite.com/form-page/?name=John

In questo caso, "name" è il campo del modulo e "John" è il valore che appare automaticamente in quel campo quando l'utente visita la pagina.

Dai un'occhiata a questa guida per imparare come usare le stringhe di query per precompilare automaticamente un campo di testo.

Configurazione di moduli precompilati in WPForms

Un altro modo per configurare i campi del modulo precompilati è far compilare prima un modulo di base al tuo visitatore, quindi passare tali informazioni a un secondo modulo quando fa clic sul pulsante Invia.

Per fare ciò, dovrai impostare il Tipo di conferma su Vai a URL (Reindirizzamento) e configurare i campi da popolare utilizzando una stringa di query.

Ad esempio, aggiungeresti un URL come questo all'URL di reindirizzamento per abilitare il popolamento dinamico dei campi:

• ?wpf: Questo contrassegna l'inizio della stringa di query per la funzione di precompilazione di WPForms.
• ID modulo: Indica a quale modulo andranno i dati (in questo caso, l'ID modulo sarebbe 20).
• ID campo: Questo identifica quale campo nel modulo stai prendendo di mira (qui, l'ID campo è 1).
• Identificatore sotto-campo (Opzionale): Questo viene utilizzato se stai prendendo di mira una parte specifica di un campo multi-parte, come la città in un campo Indirizzo (ad esempio, etichettato come "sotto-campo").
• =: Il segno di uguale indica al sistema dove inizia il valore del campo.
• Valore: Questo sono i dati che vuoi precompilare nel campo. Qualsiasi spazio nel valore deve essere sostituito con %20 per funzionare correttamente nell'URL.

Leggi anche:Idee creative con WPForms per far crescere la tua attività

4. Utilizzo della logica condizionale per moduli dinamici

La logica condizionale in WPForms è una potente funzionalità che ti consente di controllare quali campi i tuoi utenti vedono in base ai loro input precedenti.

Ad esempio, se stai raccogliendo feedback, puoi porre domande di follow-up più dettagliate se l'utente indica insoddisfazione.

Un altro esempio è personalizzare i moduli per diversi tipi di clienti: se un utente seleziona "Azienda" invece di "Privato", puoi adattare dinamicamente il modulo per mostrare campi pertinenti alle richieste aziendali.

Impostazione della logica condizionale

Uno dei modi più pratici per utilizzare la logica condizionale in WPForms è far apparire o scomparire campi in base a ciò che gli utenti selezionano.

Per fare ciò, apri prima l'editor di moduli e fai clic sul campo che desideri controllare. Questo aprirà il pannello Opzioni campo, dove troverai la scheda Logica intelligente.

Facendo clic su questa scheda, puoi abilitare la logica condizionale per quel campo. Puoi applicare la logica condizionale a intere sezioni del tuo modulo, non solo a singoli campi.

Una volta attivata, la logica condizionale ti consente di mostrare o nascondere campi a seconda di come gli utenti interagiscono con il tuo modulo. Puoi persino impostare regole avanzate per automatizzare le azioni in base al loro input.

Ad esempio, puoi consentire agli utenti di scegliere il loro metodo di pagamento preferito, personalizzare le notifiche o instradare automaticamente i lead in base alle risposte.

5. Moduli multi-step per un'esperienza utente unica

Suddividendo un modulo in più passaggi, crei un'esperienza più user-friendly, consentendo alle persone di concentrarsi su una sezione alla volta.

Ciò è particolarmente utile per i moduli che richiedono informazioni dettagliate o che hanno una varietà di domande. Gli utenti si sentono meno sopraffatti quando vengono presentati con parti più piccole e gestibili.

Impostazione di moduli multi-passaggio in WPForms

Per creare un modulo multi-passaggio in WPForms, inizierai creando il tuo modulo come al solito all'interno del generatore di moduli. Invece di sopraffare gli utenti con troppi campi contemporaneamente, puoi suddividere il modulo in sezioni o "passaggi".

Questo viene fatto utilizzando il campo Interruzione di pagina. Trascina e rilascia semplicemente il campo dove vuoi dividere il tuo modulo in parti diverse.

Una volta aggiunto il Page Break, puoi personalizzare ogni passaggio con un'intestazione o una descrizione univoca, aiutando gli utenti a capire dove si trovano nel processo.

Puoi anche configurare la barra di avanzamento, che guida gli utenti attraverso ogni sezione del modulo, rendendo l'esperienza più fluida e meno scoraggiante.

6. Personalizza il tuo modulo con l'editor a blocchi

Se desideri dare ai tuoi moduli un aspetto personalizzato, WPForms si integra perfettamente con l'editor a blocchi di WordPress. Ciò ti consente di stilizzare i tuoi moduli senza scrivere alcun codice personalizzato.

Suddividendo le sezioni con intestazioni chiare, regolando lo spazio e aggiungendo font o pulsanti personalizzati, rendi il modulo più intuitivo e piacevole da completare.

Personalizzazione dei moduli tramite l'editor a blocchi

Inizia incorporando il tuo modulo direttamente nell'editor a blocchi, dove puoi facilmente visualizzare in anteprima e modificare il layout. Utilizzando il blocco WPForms all'interno dell'editor, avrai il pieno controllo su come il tuo modulo viene visualizzato nella pagina.

Le impostazioni del blocco WPForms ti consentono di modificare il tema dei colori, i campi del modulo, le etichette, i pulsanti, nonché gli stili del contenitore e dello sfondo.

Apprezzerai in particolare i temi di modulo predefiniti che ti consentono di applicare uno stile coerente ai tuoi moduli con pochi clic.

Questi temi sono particolarmente utili se stai cercando di mantenere un aspetto coeso senza passare troppo tempo a stilizzare manualmente ogni elemento.

Domande frequenti — Come personalizzare i moduli WordPress con WPForms

La personalizzazione dei moduli WordPress è un argomento di grande interesse per i nostri lettori. Ecco le risposte ad alcune domande comuni in merito:

Come creare moduli personalizzati in WordPress?

Per creare un modulo personalizzato in WordPress, puoi utilizzare il plugin WPForms. Dopo aver installato il plugin, vai su WPForms » Aggiungi nuovo. Da lì, scegli un modello o inizia da zero.

Personalizza il tuo modulo trascinando e rilasciando i campi, quindi configura le impostazioni. Infine, incorpora il modulo in qualsiasi pagina utilizzando lo shortcode o l'editor a blocchi.

Come posso cambiare il design di un modulo in WordPress?

Puoi facilmente cambiare il design dei tuoi moduli creati con WPForms utilizzando i temi di modulo. Accedi all'editor a blocchi dopo aver incorporato il tuo modulo e seleziona un tema che corrisponda allo stile del tuo sito web. Puoi anche utilizzare il blocco WPForms per regolare colori, font e layout.

Come creo uno Smart Tag personalizzato in WPForms?

La creazione di uno Smart Tag personalizzato in WPForms richiede un po' di codice. Dovrai agganciarti a WPForms utilizzando wpforms_smart_tag_process e scrivere una funzione che definisca il comportamento del tag.

Una volta impostato, puoi utilizzare lo Smart Tag personalizzato nei campi del tuo modulo o nelle notifiche per inserire dinamicamente informazioni sull'utente. Dai un'occhiata a questa guida per maggiori informazioni su come creare Smart Tag personalizzati.

Puoi personalizzare WPForms?

Sì, WPForms è altamente personalizzabile. Puoi utilizzare la logica condizionale per personalizzare l'esperienza utente, i temi di modulo per regolare il design e vari componenti aggiuntivi per personalizzare l'esperienza del modulo.

WPForms offre anche funzionalità avanzate come moduli precompilati, geolocalizzazione e Smart Tag per un'ulteriore personalizzazione.

Successivamente, esplora queste funzionalità nascoste di WPForms

WPForms è ricco di strumenti e opzioni che non sono immediatamente evidenti ma che possono migliorare significativamente il tuo flusso di lavoro e i moduli che crei.  Dai un'occhiata a questa guida per saperne di più su funzionalità che potrebbero esserti sfuggite o a questa guida per altri suggerimenti su WordPress.

Crea subito il tuo modulo WordPress

Pronto a creare il tuo modulo? Inizia oggi stesso con il plugin per la creazione di moduli WordPress più semplice. WPForms Pro include molti modelli gratuiti e offre una garanzia di rimborso di 14 giorni.

Se questo articolo ti è stato utile, seguici su Facebook e Twitter per altri tutorial e guide gratuite su WordPress.