In questa serie di lezioni, impareremo ad utilizzare Ninja Forms, un altro plugin gratuito per la realizzazione di un modulo di contatto.
Come si può vedere dal loro sito web, offrono anche delle versioni a pagamento, ma versione base, si adatta benissimo alla maggior parte dei siti web, e comprende tutte le principali funzioni per personalizzare un form sotto ogni aspetto, esattamente come con contact form 7.
Quello che lo differenzia dal precendete è sicuramente l’interfaccia per la creazione dei moduli, più semplice e intuitiva perchè al posto del codice html vengono mostrati dei blocchi personalizzabili singolarmente.
Per installare il plugin si segue la solita procedura, cercando Ninjia Forms nell’appositco campo, sarà il primo della lista.
Una volta installato apparirà la voce moduli sul menu di sinistra con tutte le sottovoci del menu di Ninja Forms e che vedremo nelle prossime lezioni.
Nella prima troverai già un modulo di default inserito e pronto per essere personalizzato e lo shortcode che ti consentirà di inserirlo dove ti è più comodo.
Poi c’è il tasto che consente semplicemente di aggiungere un nuovo form.
Invii registrerà tutte le comunicazioni che gli utenti ti manderanno.
Importa ed esporta serve per salvare il tuo modulo e importarlo ad esempio su un altro sito web dotato di Ninja Forms.
In impostazioni invece troviamo dei parametri da configurare, come ad esempio il formato della valuta, che dobbiamo inserire in euro.
Più in basso c’è lo spazio per inserire le chiavi API esattamente come con contact form 7.
Nelle impostazioni avanzate possiamo controllare diverse opzioni.
- La prima riguarda cosa deve succedere ai dati registrati al momento dell’eventuale disinstallazione, quindi, nel caso decidessi di non utilizzare più il plugin puoi decidere di rimuoverli completamente o tenerli nel database.
- La seconda disabilita gli avvisi del plugin nella dashboard.
- Poi troviamo delle impostazioni per i colori a seconda che il modulo sia inserito su pagine chiare o scure.
- Alla voce aiuto ci sono tutti i riferimenti alla documentazione ufficiale in inglese mentre in componenti aggiuntivi puoi aggiungere delle estensioni a pagamento per integrare il modulo e farlo interagire con altre applicazioni.
Nella prossima lezione impareremo a modificare il modulo di contatto esistente e a costruirne uno da zero.
Ciao.
Su smartphone il modulo risulta un po strettino come spazi compilabili, è possibile allargare i riquadri?
Grazie.
Ciao Andrea,
Non è ancora stato previsto un controllo specifico per il mobile.
In ogni caso le modifiche ai form si possono apportare con un po di HTML e CSS.
Ecco la guida sul sito ufficiale.
In alternativa c’è anche l’estensione a pagamento Layout & Styles che trovi nella sezione Add-Ons che ti permette un controllo semplificato dell’aspetto grafico.
Buona giornata
Grazie Gianluca.
Il css lo devo inserire nel modulo ninja dove c’è lo spazio css o nel css editor di WP?
Grazie.
Ciao Andrea,
il codice lo puoi inserire in posizioni differenti, sia nei singoli campi del form (dove possibile), sia richiamando gli stili da un file css che carichi sul server o che configuri con un plugin.
Dai un’occhiata ai link che ci sono sotto all’articolo che ti ho postato, mostrano tutte le possibilità e spiegano nel dettaglio come fare.
Buona giornata
Grazie mille.
Buona giornata a te.