Crea un modulo di contatto personalizzato con un plugin per moduli di WordPress

Sei frustrato da plugin per moduli di contatto macchinosi che ti costano molto, opzioni di personalizzazione limitate con funzionalità premium nascoste sotto livelli superiori, o processi di configurazione confusi?

Non sei solo. Molti utenti WordPress faticano a creare un modulo di contatto che soddisfi davvero le loro esigenze, sia perché il plugin è troppo restrittivo, richiede codifica o nasconde funzionalità essenziali dietro paywall.

La buona notizia? Puoi creare un modulo di contatto personalizzato in WordPress, su misura, potente e facile da gestire, senza codice o mal di testa. Puoi persino creare un modulo personalizzato nel tuo sito WordPress gratuitamente usando questo costruttore di moduli. In questa guida, ti mostreremo esattamente come creare il modulo di contatto perfetto per il tuo sito, passo dopo passo.

Come creare un modulo di contatto personalizzato in WordPress? (Guida passo passo)

E se un modulo di contatto nel tuo sito WordPress potesse fare di più che raccogliere le richieste dei clienti? Ti chiedi come sia possibile? 

È possibile personalizzandolo con alcuni campi avanzati. Ad esempio, un semplice modulo di contatto di WordPress contiene tipicamente campi generali - “Nome, Email, Messaggio” - mentre in un modulo di contatto personalizzato, è possibile aggiungere campi pertinenti aggiuntivi come caricamento file avanzato, campo ripetitore, campo firma, campo selezione immagine e campi più avanzati per rendere il tuo modulo di contatto più coinvolgente. 

Allora, pronto a creare un modulo di contatto personalizzato per il tuo sito WordPress? Oggi utilizzerò un avanzato ma super Plugin per la creazione di moduli conveniente chiamato Bit Form per creare questo fantastico modulo, che offre la maggior parte delle funzionalità in versione gratuita.

Passaggio 1: Installare e attivare il generatore di moduli Bit Form per WordPress

Per iniziare, devi installa e attiva questo plugin per i moduli Per prima cosa, apri la dashboard di WordPress > vai alla sezione Plugin > clicca sul pulsante “Aggiungi nuovo” > cerca “Bit Form” > clicca su “Installa” e attiva il plugin.

Passaggio 2: Creare un modulo di contatto

Ora puoi creare un modulo di contatto senza scrivere codice in due modi. Un modo consiste semplicemente nell'utilizzare i modelli predefiniti di Bit Form, mentre un'altra opzione è quella di creare un modulo da zero. 

Anche se è semplicissimo creare il modulo da zero, oggi vi mostrerò come utilizzare il modello.

Usa il modello predefinito e crea il modulo con un clic

Una volta completata l'attivazione di Bit Form, apri la dashboard di Bit Form. Lì vedrai un “Crea Modulo” pulsante, basta fare clic su di esso.

Dopo di che, vedrai più di 30 modelli di questo costruttore di moduli drag and drop. Questi modelli utili e dal design accattivante includono un modulo per newsletter, un modulo di registrazione di sale riunioni, un modulo di candidatura per un lavoro, un modulo di reclamo del cliente e molti altri.

Poiché oggi creeremo un modulo di contatto personalizzabile, fai clic sul “Usa modello” pulsante sotto il modello del modulo di contatto.

Come puoi vedere, il modello fornisce tutti i campi di base che un semplice modulo di contatto dovrebbe contenere.

Con Bit Form, puoi sempre modificare i campi come preferisci. Inoltre, puoi personalizzare il modulo con i campi più pertinenti dal menu a sinistra, per renderlo più professionale e utile.

Qui, aggiungerò un campo per il numero di telefono, un campo per il caricamento di file e un campo Google reCAPTCHA.

Campo di caricamento file: Ad esempio, se i vostri clienti riscontrano un problema con una parte particolare, possono caricare uno screenshot qui o caricare il file di conferma della loro prenotazione confermata. 

reCAPTCHA: Aggiungere questo campo al tuo modulo proteggerà il tuo sito web dagli attacchi malware. Segui questa documentazione per configura Google reCAPTCHA.

Passaggio 3: Personalizza i campi del tuo modulo di contatto personalizzato

Una volta completata la creazione del modulo, concentriamoci sulla personalizzazione dei campi. Con Bit Form è possibile personalizzare letteralmente ogni singolo campo. Basta selezionare il campo e apportare le modifiche necessarie nel Impostazioni del campo opzione sul lato destro.  

Ad esempio, se selezioni il campo email, potrai trovare diverse opzioni di impostazione del campo sulla destra.

Lascia che te ne mostri alcuni. Puoi cambiare il etichetta del campo, aggiungi un'icona iniziale e una finale per rendere il modulo visivamente accattivante. Puoi anche impostare un adeguato Segnaposto.

Inoltre, puoi rendere obbligatorio qualsiasi campo o persino nascondere qualsiasi campo specifico.

Ora, quando il campo Caricamento File viene selezionato, è possibile configurarne le impostazioni. Ad esempio, è possibile fissare il numero di file che un utente può condividere. E si può impostare la dimensione del file. 

Bit Form offre anche la possibilità di specificare il tipo di file (Zip, immagini, audio, ecc.)

Dopo aver completato la configurazione dei campi del modulo, non dimenticare di salvare le modifiche facendo clic sul pulsante Aggiorna in alto a destra. Et voilà! Il tuo modulo è pronto per essere pubblicato.

Passaggio 4: Aggiungere un modulo di contatto personalizzato a WordPress Sito

Ora è il momento di aggiungere il modulo personalizzato al tuo sito web WordPress. 

Quindi puoi aggiungere questo modulo a qualsiasi pagina o post esistente, o puoi anche crearne uno nuovo. 

Per creare una nuova pagina, fai clic su “Aggiungi nuovo”pulsante. Questo ti porterà all'Editor di Gutenberg, dai un nome alla tua pagina e poi premi il “+” icona. 

Qui, cerca Blocco Bit Form. Quindi seleziona il modulo dal menu a discesa. Infine, fai clic su “Pubblica” pulsante e hai finito.

Allo stesso modo, puoi incorporare il modulo sul tuo sito utilizzando il Blocco ShortCode. Per prima cosa, devi copiare lo shortcode del modulo che hai creato.

Poi incolla il codice nel blocco Shortcode e premi “Pubblica” bottone.

Guarda! Il tuo modulo di contatto personalizzato è attivo sul tuo sito web.

Bonus: Decora il tuo modulo di contatto WordPress (Opzionale)

Questo passaggio è completamente facoltativo. Ora puoi personalizza il tuo modulo WordPress personalizzabile con colori personalizzati, stili e dimensioni dei caratteri per rendere il modulo più attraente.

La padronanza del design e della personalizzazione dei moduli di contatto è un'abilità molto ricercata nel mondo tecnologico di oggi. Se sei uno sviluppatore WordPress o un web designer che cerca di trasformare queste competenze di costruzione di siti e personalizzazione in opportunità di carriera, il mercato globale è costantemente alla ricerca della tua esperienza. Considera l'esplorazione di migliaia di offerte di lavoro attive disponibili su https://jooble.org/ per trovare il tuo prossimo progetto entusiasmante, contratto da remoto o ruolo di sviluppo web a tempo pieno.

Conclusione

Se vuoi creare un modulo di contatto personalizzato in WordPress, avere il plugin giusto è fondamentale. Non solo accelera il processo, ma ti dà anche la flessibilità di progettare moduli che soddisfino le tue esatte esigenze.

E per questo motivo consigliamo vivamente Bit Form. È dotato di un fantastico generatore “drag-and-drop” che permette anche ai principianti di utilizzarlo in modo efficiente. Inoltre, un modulo di contatto personalizzato non si limita a raccogliere messaggi: offre agli utenti un’esperienza fluida e utile e definisce il tono della professionalità del tuo marchio. Aggiungendo campi avanzati e adattando il modulo alle tue esigenze specifiche, rendi più facile per i potenziali clienti comunicare in modo efficace.

Con Bit Form, questo processo diventa semplice, non richiede la scrittura di codice ed è sorprendentemente divertente.