Riassunto AI
Personalizzare un modello di modulo in WPForms è un modo semplice ma potente per adattare i tuoi moduli alle tue esigenze specifiche.
Sia che tu stia creando un modulo di contatto di base o un'applicazione complessa, WPForms ti offre il pieno controllo sul design e sulla funzionalità dei tuoi moduli.
In questa guida, ti illustrerò le opzioni di personalizzazione chiave che dovresti considerare. Alla fine, avrai gli strumenti per creare moduli che si adattano perfettamente al tuo pubblico e ai tuoi obiettivi.
Iniziamo!
Come personalizzare un modello di modulo in WPForms
Titoli, Etichette e Testo
Quando inizi con un modello di modulo, vorrai verificare che ogni elemento rifletta il tuo scopo.
La personalizzazione di titoli, etichette dei campi e testo segnaposto rende il tuo modulo più intuitivo e facile da usare. Fortunatamente, puoi modificare questi elementi direttamente nel costruttore di WPForms.
Denominazione del Tuo Modulo
Il primissimo passo che completerai quando costruisci un nuovo modulo è dargli un nome. Darai un nome al tuo modulo prima ancora di scegliere un modello da cui costruirlo.
Ma non preoccuparti di trovare un branding e una personalizzazione intelligenti per gli utenti del tuo modulo. Questo nome del modulo è per te.
Vedrai tutti i moduli che hai creato all'interno della tua dashboard WPForms elencati per nome, in modo da poter determinare in quali pagine, widget o altre aree del tuo sito web incorporerai il tuo modulo.
Quindi, se hai più moduli e rischi di usare lo stesso nome due volte, WPForms ti avviserà che hai già un modulo con quel nome, come mostrato nell'immagine sopra.
Una volta creato il tuo modulo, puoi sempre aggiornare il nome del tuo modulo in seguito nella scheda Impostazioni del costruttore di moduli.
Ricorda che puoi personalizzare più elementi in questa parte della scheda Impostazioni, incluso il testo visualizzato dal pulsante di invio del tuo modulo e ciò che gli utenti vedranno al momento dell'invio.
Etichette dei Campi
Successivamente, consideriamo le opzioni di personalizzazione che hai per i campi del tuo modello di modulo.
Facendo clic su un dato campo, le sue impostazioni si aprono sul lato sinistro del costruttore di moduli. I dettagli che puoi personalizzare possono variare da campo a campo, ma l'elemento comune che puoi modificare per qualsiasi campo del tuo modulo è la sua etichetta.
L'etichetta del campo è ciò che gli utenti del tuo modulo vedranno per ogni campo che stanno compilando.
Sebbene queste etichette dei campi siano piuttosto autoesplicative, potresti considerare di modificarle un po'.
Ad esempio, puoi usare l'etichetta del campo per porre una domanda o fornire alcune indicazioni. Invece di lasciare l'etichetta del campo Nome così com'è, potresti modificarla per chiedere: "Qual è il tuo nome completo?". Oppure, ogni volta che aggiungi il campo Testo Paragrafo a un modulo, probabilmente modificherai la sua etichetta in qualcosa di pertinente come "Commento o Messaggio".
Fortunatamente, quando utilizzi uno dei nostri modelli di modulo pronti all'uso, abbiamo già personalizzato questi tipi di campi per visualizzare etichette appropriate per te!
Poiché ogni etichetta di campo è facilmente modificabile, assicurati di tenere a mente il suo ID Campo #.
In questo modo, quando vedrai o userai questo numero ID altrove, saprai a quale campo si riferisce.
Crea ora il tuo modulo WordPress
Organizzazione dei Campi del Modulo
Anche se i nostri modelli di modulo sono predefiniti con tutti i campi di base di cui avrai bisogno, probabilmente dovrai eliminare, aggiungere e spostare alcuni campi.
Rimuovere un campo dal modello di modulo è un gioco da ragazzi: fai semplicemente clic sull'icona del cestino nell'angolo destro del campo per eliminarlo.
E cosa fa l'altro simbolo alla sua sinistra? Facendo clic sull'icona della doppia pagina si duplica il campo.
Per quanto riguarda l'aggiunta di altri campi al tuo modello di modulo, è qui che eccelle il nostro generatore di moduli. Tutto quello che devi fare è fare clic su un campo sul lato sinistro dello schermo, trascinarlo dove lo desideri sul tuo modulo e rilasciarlo!
Puoi anche spostare i campi su e giù nel modello di modulo in questo modo. Basta trascinare e rilasciare il campo in un'altra area del modulo.
Leggi anche: Come randomizzare i campi del modulo in WordPress
Campo del layout
Quando aggiungi e sposti campi sul tuo modulo, dovresti considerare come sono disposti.
Per mantenere le cose organizzate e concise, mi piace utilizzare l'opzione Campo Layout per trascinare altri campi nelle sue colonne.
Puoi disporre questi campi in una singola colonna o in più colonne, con opzioni per più colonne che includono un'intera selezione di forme e dimensioni.
Vuoi ancora più ispirazione per i campi Layout? Dai un'occhiata al nostro articolo creativo sulle migliori pratiche di layout dei moduli per un design user-friendly.
Campo Ripetitore
Hai anche il campo Ripetitore per mantenere il tuo modello di modulo pulito e conciso.
Se prevedi che l'utente del tuo modulo dovrà inserire lo stesso tipo di informazioni più volte, come esperienze lavorative in un modello di modulo di candidatura, puoi utilizzare il campo Ripetitore per consentire all'utente del tuo modulo di ripetere semplicemente questo campo con il clic di un pulsante.
Invece di intasare il tuo modulo con campi vuoti e creare una serie di impostazioni di logica condizionale per nasconderli, puoi semplicemente trascinare i campi necessari nella zona del campo Ripetitore. Quindi, puoi scegliere quale tipo di layout desideri che seguano questi campi ripetibili.
Utilizzo delle Scelte AI
Per i campi che forniscono varie scelte tra cui selezionare per l'utente del tuo modulo, dovrai anche personalizzare queste scelte.
Questi tipi di campi sono i campi a discesa, scelta multipla e caselle di controllo.
Ma non preoccuparti se non sai quali scelte offrire ai tuoi utenti del modulo: puoi utilizzare l'IA per crearle istantaneamente per te.
I nostri modelli di campo sono meticolosamente ricercati, quindi le opzioni di scelta che abbiamo incluso per questi campi saranno probabilmente simili a quelle che genereresti. Ma, come sempre, ti incoraggiamo a personalizzare ogni elemento del tuo modulo come ritieni opportuno.
Se fai clic o aggiungi uno dei tipi di campo che ho menzionato, vedrai il pulsante per far generare le tue scelte dall'IA.
Nel mio esempio di modulo sopra, userò la funzione IA integrata per generare le scelte per il metodo di contatto preferito del mio utente del modulo.
Quando uso l'IA, mi piace creare un prompt che chieda esattamente ciò di cui ho bisogno per il mio modulo specifico. Quindi, chiederò all'IA di generare scelte per il metodo di contatto preferito per un modulo di contatto.
Quindi, queste scelte possono essere aggiunte direttamente al modulo!
Questo ti fa risparmiare un sacco di tempo nel decidere quali opzioni utilizzare e aggiungerle manualmente al tuo modulo.
Cerchi ancora più guida sull'IA? Dai un'occhiata al nostro articolo che copre metodi semplici per utilizzare l'IA con il tuo sito web.
Notifiche e Conferme
Ricordi la scheda Impostazioni a cui siamo arrivati all'inizio di questo post? Ho menzionato che ci sono opzioni di personalizzazione aggiuntive qui, e anche le opzioni di notifica del tuo modulo e il messaggio di conferma possono essere modificati qui.
Le impostazioni della scheda Notifiche ti consentono di inserire chi e dove devono essere inviati i dettagli dell'invio del modulo.
Di solito, queste impostazioni vengono applicate ai dettagli dell'amministratore del tuo sito web, come l'email admin impostata per le tue credenziali di accesso a WPForms.
Con le impostazioni di notifica, puoi anche designare l'indirizzo email inserito dall'utente del tuo modulo a cui invierai eventuali risposte. La maggior parte dei moduli che crei includerà un solo indirizzo email che l'utente del tuo modulo dovrà fornire, quindi le risposte da parte tua verranno inviate automaticamente a quell'indirizzo email specificato.
Ma, come ho detto, puoi cambiare a quale email utente risponderai qui, nelle impostazioni di Notifica.
Per quanto riguarda ciò che l'utente del tuo modulo vedrà dopo aver inviato il proprio modulo, puoi personalizzare questo messaggio nella scheda Conferme appena sotto Notifiche.
Tutti i modelli di WPForms che puoi utilizzare per creare il tuo modulo hanno già un messaggio di conferma pertinente scritto e incluso nelle loro impostazioni.
Ma ti suggerisco di personalizzare questo messaggio di conferma con il branding e la messaggistica del tuo sito. Il messaggio di conferma è anche un ottimo posto per includere codici coupon o informazioni su saldi e sconti che stai offrendo!
Aggiunta di Integrazioni
Molti dei modelli di modulo che offriamo sono progettati per funzionare con le integrazioni che hai impostato sul tuo sito.
Ad esempio, potresti utilizzare Constant Contact per la tua piattaforma di email marketing e desiderare che gli utenti del modulo che si iscrivono alla tua newsletter vengano aggiunti alla tua lista di distribuzione di Constant Contact.
È possibile integrando Constant Contact con WPForms!
Per aggiungere una qualsiasi delle nostre integrazioni al tuo modello di modulo, vai semplicemente alla scheda Marketing nel generatore di moduli. Quindi, fai clic sul pulsante Aggiungi nuova connessione.
Ora, tutto ciò che devi fare è inserire le tue credenziali di Constant Contact e sei pronto per partire!
Branding del Tuo Modulo
Ci sono molte aree e modi per personalizzare il tuo modello di modulo durante il processo di personalizzazione. Non solo puoi aggiungere elementi del tuo brand direttamente all'interno del generatore di moduli, ma troverai anche opportunità di branding una volta che il tuo modulo è incorporato nel tuo sito.
Campo Contenuto
Un modo per personalizzare un modello di modulo con il tuo branding è con il campo Contenuto.
Il campo Contenuto ti consente di stilizzare il carattere, i colori e altri elementi del campo oltre alle normali impostazioni del campo. Soprattutto, però, il campo Contenuto ti consente di caricare un'immagine direttamente sul tuo modulo.
Quindi, posizionare il campo Contenuto in cima al tuo modello di modulo è un ottimo modo per aggiungere la tua immagine di intestazione o il tuo logo.
Intestazione Notifica Email
Un'altra area in cui puoi aggiungere la tua immagine di intestazione è nelle email di notifica utente che ho trattato in precedenza.
Naviga semplicemente alla scheda Email nella tua dashboard di WPForms per aggiungere e personalizzare un'immagine di intestazione email.
Qui puoi aggiungere un'immagine di intestazione in cima a uno qualsiasi dei modelli email disponibili. Questo è un posto efficace per visualizzare il tuo logo e il tuo marchio.
Oppure, preferisco includere qui un messaggio stagionale o un saluto per promuovere l'interazione dell'utente.
Basta non dimenticare di aggiornare l'immagine di intestazione in seguito!
Temi per moduli
Infine, dopo aver terminato tutte le personalizzazioni del tuo modello di modulo, puoi ulteriormente stilizzare il tuo modulo all'interno dell'editor a blocchi di WordPress.
Quindi, una volta che hai incorporato il tuo modulo nella pagina del sito web scelta, vedrai le opzioni per stilizzare il blocco WPForms. Qui, la sezione Temi include tutti gli stili di tema disponibili che WPForms offre.
Assicurati di dare un'occhiata alla nostra documentazione completa su come utilizzare i temi dei moduli per assicurarti di ottenere il massimo da questi strumenti di branding.
Tutto qui! Ora hai a portata di mano tutti i tipi di opzioni diverse per personalizzare i tuoi modelli di modulo.
WPForms è più di un semplice costruttore di moduli: è uno strumento potente che può aiutare la tua attività a crescere in modi creativi e inaspettati.
Esplorando questi usi innovativi, puoi generare nuove opportunità di crescita. Inizia a sperimentare con queste idee oggi stesso e scopri come WPForms può portare il tuo sito web al livello successivo!
Crea ora il tuo modulo WordPress
FAQ
Cerchi qualcosa di specifico? Sfoglia le nostre domande più frequenti per scoprire di più:
Posso usare un modello predefinito e personalizzarlo comunque?
Assolutamente! WPForms offre una vasta gamma di modelli su misura per vari scopi. Puoi personalizzare qualsiasi modello modificando le etichette dei campi, aggiungendo o rimuovendo campi, regolando le impostazioni e persino incorporando funzionalità avanzate come scelte generate dall'IA.
È possibile visualizzare in anteprima il mio modulo prima della pubblicazione?
Sì. WPForms ti consente di visualizzare in anteprima il tuo modulo in qualsiasi momento nell'editor. In questo modo, puoi apportare modifiche prima di incorporarlo sul tuo sito web affinché gli utenti possano interagire.
Posso integrare WPForms con il mio servizio di email marketing?
Certamente! WPForms si integra perfettamente con molti servizi di email marketing popolari. Per configurarlo, installa semplicemente il componente aggiuntivo di email marketing pertinente per WPForms, collega il tuo account e mappa i tuoi campi modulo alla tua lista email.
Questa integrazione semplifica l'aggiunta automatica di iscritti, l'invio di email di conferma e la gestione delle tue liste direttamente dal tuo sito WordPress.
Successivamente, segui queste best practice
Ora che sai come personalizzare il tuo modulo utilizzando un modello, assicurati che le modifiche apportate siano coerenti e vantaggiose per il tuo sito.
Per seguire le nostre best practice che suggeriamo per la creazione del tuo modulo, dai un'occhiata al nostro articolo completo sull'argomento.
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.
