Come aggiungere un modulo a una pagina in WordPress [nessuna codifica necessaria]

Pubblicato: 2022-07-20

Ti chiedi come aggiungere un modulo a una pagina in WordPress?

I moduli di contatto sono un modo davvero utile per i potenziali clienti di mettersi in contatto, ma la maggior parte dei temi WordPress non include una funzione di modulo integrata. Ciò significa che dovrai installare un plug-in per moduli di terze parti.

Ma non è affatto un problema.

In questo articolo, ti mostreremo esattamente come aggiungere un modulo a una pagina in WordPress in modo semplice.

Pronto? Entriamo subito!

Qual è il miglior plugin per moduli di WordPress?

Con oltre 5 milioni di installazioni e recensioni a 5 stelle raccolte da oltre 11.000 utenti, dovremmo dire che WPForms è il miglior plugin per moduli WordPress.

Alcuni altri plugin WordPress popolari includono Formidable Forms, TypeForm, Ninja Forms, Contact Form 7 e così via.

Sebbene anche questi plugin siano generalmente utili, WPForms si distingue per la sua facilità d'uso, flessibilità, disponibilità di modelli gratuiti, tonnellate di funzionalità extra e così via.

Per un confronto completo, dai un'occhiata alla nostra guida ai migliori 7 plugin per moduli di contatto per siti Web WordPress.

Come aggiungere un modulo a una pagina in WordPress

Poiché consigliamo di utilizzare WPForms, questo è il plug-in per moduli di WordPress su cui ci concentreremo in questa guida. WPForms è facile da usare come vedrai.

Nei seguenti 5 passaggi, imparerai come creare un modulo di contatto in WordPress, utilizzando WPForms.

In questo articolo

  • 1. Installa il plug-in WPForms
  • 2. Crea un modulo
  • 3. Aggiungi il tuo modulo a una pagina
  • 4. Metti alla prova il tuo modulo di contatto
  • 5. Migliorare i tuoi moduli con le funzionalità di WPForms Pro (opzionale)

1. Installa il plug-in WPForms

Per prima cosa, dovrai installare il plug-in WPForms. Puoi scegliere di utilizzare WPForms Lite, il plug-in gratuito WPForms o utilizzare un abbonamento WPForms premium.

Se non sei sicuro di quale usare, dai un'occhiata al nostro confronto tra WPForms Lite e WPForms Pro.

Ti consigliamo di utilizzare una licenza a pagamento WPForms Pro, ed è quello che useremo in questo articolo.

WPForms Pro offre funzionalità come moduli di iscrizione e-mail, moduli di contatto multipagina, integrazioni di pagamento, centinaia di modelli di moduli predefiniti, logica condizionale, revisioni dei moduli, posizioni dei moduli e molto altro ancora.

Se il marketing e l'ottimizzazione dei lead sono importanti per te, WPForms dovrebbe essere parte integrante della gestione del tuo sito web.

Per iniziare, dovrai acquistare un piano WPForms Pro. È quindi possibile scaricare il plug-in dall'area Account del sito Web WPForms.

WPForms homepage

Se non sei sicuro di come installare il plug-in, questa guida passo passo all'installazione dei plug-in di WordPress ti coprirà.

2. Crea un modulo

Ora che hai installato WPForms, sei pronto per creare i tuoi moduli. Nella dashboard di WordPress, scorri verso il basso e fai clic su WPForms »Aggiungi nuovo .

Come aggiungere un modulo a una pagina in WordPress

Si aprirà la schermata del generatore di moduli, chiedendoti di nominare il modulo e selezionare un modello.

Dopo aver assegnato un nome al modulo, puoi selezionare un modello per rendere la creazione del modulo più rapida e intuitiva. Andremo con il modello di modulo di contatto semplice .

Per fare ciò, scorri verso il basso fino a Modulo di contatto semplice e fai clic su Usa modello .

Modello di modulo di contatto WPForms

Questo aprirà il generatore di moduli con un pannello delle opzioni a sinistra.

Modello di modulo di contatto semplice WPForms

Il modello sarà già completamente creato, quindi non dovrai intraprendere ulteriori azioni. Fai clic su Salva e il tuo modulo sarà pronto per l'uso.

Se preferisci creare il tuo modulo da zero, ecco cosa fare:

Dalla libreria dei modelli, fai clic su Modulo vuoto.

Modello di modulo vuoto WPForms

Questo ti porterà al generatore di moduli dove puoi trascinare e rilasciare i campi del modulo dal pannello a sinistra. Puoi spostare questi campi per disporli in un ordine personalizzato.

Modulo vuoto di WPForms

Se ti piace, fai semplicemente clic su Salva o incorporalo in una pagina. Ti mostreremo come nel passaggio successivo.

3. Aggiungi il tuo modulo a una pagina

Dopo aver creato un modulo, puoi aggiungerlo a qualsiasi pagina di WordPress utilizzando il semplicissimo strumento di incorporamento di WPForm.

Prima di aggiungerlo, ti consigliamo di visualizzare in anteprima il modulo per vedere come apparirà sul frontend una volta pubblicato. Basta fare clic sul pulsante Anteprima per dare un'occhiata.

Anteprima del tuo modulo

Una volta che sei soddisfatto del tuo modulo, puoi procedere e pubblicarlo. Fai clic sul pulsante Incorpora in alto per iniziare il processo.

Pulsante di incorporamento del modulo WPForms

Ora apparirà una modale con opzioni di incorporamento tra cui scegliere. Puoi aggiungere il tuo modulo a una nuova pagina di WordPress o aggiungerlo a una esistente sul tuo sito.

Popup di incorporamento del modulo WPForms

Per questo tutorial, supponiamo che tu voglia incorporare il tuo modulo in una nuova pagina. Dopo aver fatto clic su Crea nuova pagina , ti verrà chiesto di dare un nome alla tua nuova pagina. Inseriscine uno e seleziona Andiamo.

Incorpora in una nuova pagina

Ora verrai reindirizzato al tuo editor di blocchi di WordPress con il modulo già incluso all'interno. Come qualsiasi pagina WordPress, puoi modificare qualsiasi parte di questa pagina, visualizzarne l'anteprima e, quando sei pronto, pubblicarla.

Premi semplicemente il pulsante Pubblica in alto a destra per aggiungere il modulo alla tua nuova pagina WordPress.

Pubblica modulo

Ecco come apparirà il modulo sul frontend del tuo sito.

Form from the frontend

Eccellente! Ora che hai incorporato il tuo modulo, è una buona idea testarlo un'ultima volta per assicurarti che funzioni come previsto.

4. Metti alla prova il tuo modulo di contatto

Ora, abbiamo quasi finito. C'è solo un'altra cosa da fare, ed è assicurarsi che i tuoi moduli funzionino come dovrebbero. Questa si chiama convalida del modulo e ne parleremo nel passaggio successivo.

La prima cosa da fare è accedere al frontend del tuo sito Web e visitare la pagina in cui hai incorporato il modulo. Per una rapida convalida, segui questa semplice lista di controllo:

  • Tutti i campi sono in ordine?
  • I campi obbligatori funzionano?
  • CAPTCHA si carica correttamente?
  • La logica condizionale funziona correttamente?
  • Gli invii dei moduli vengono ricevuti correttamente sul back-end?

Per una guida più dettagliata alla convalida dei moduli, consulta questo elenco di controllo dettagliato per il test dei moduli.

5. Migliorare i tuoi moduli con le funzionalità di WPForms Pro (opzionale)

A questo punto, sai tutto quello che ti serve per creare moduli semplici ed efficaci. Ma potresti avere un po' di più in mente. Ad esempio, potresti voler integrare un campo CAPTCHA nei tuoi moduli per proteggerli dalle voci di spam.

Oppure potresti voler utilizzare la logica condizionale per creare più opzioni per gli utenti dei tuoi moduli che soddisfano criteri specifici. WPForms offre una serie di funzioni utili che ti aiuteranno a potenziare i tuoi moduli WordPress.

Se stai utilizzando un piano a pagamento WPForms, alcune di queste funzionalità sono abilitate per impostazione predefinita e le altre sono facili da integrare con i componenti aggiuntivi di WPForms.

Funzionalità e componenti aggiuntivi di WPForms

Ecco 5 delle nostre funzioni super popolari:

Componente aggiuntivo Captcha personalizzato

Lo spam è un problema comune con i moduli di WordPress. Il componente aggiuntivo WPForms Captcha è un potente strumento per aiutarti a aggirare questo problema. Per aiutarti a utilizzare l'addon in modo efficace, leggi questa guida per fermare lo spam dei moduli di contatto in WordPress.

Logica condizionale

La logica condizionale consente di creare opzioni aggiuntive in base a determinati criteri.

Integrazioni di pagamento

Le integrazioni di pagamento ti consentono di riscuotere i pagamenti utilizzando i tuoi moduli. WPForms supporta i principali gateway di pagamento tra cui PayPal, Square, Stripe e Authorize.net.

Posizioni dei moduli

La funzione delle posizioni dei moduli ti consente di vedere ogni singola posizione in cui hai incorporato i tuoi moduli. Questo può essere utile quando il tuo sito web diventa davvero grande e hai molti moduli su diverse pagine del tuo sito web.

Salva e riprendi componente aggiuntivo

Il componente aggiuntivo Salva e riprendi consente ai tuoi utenti di salvare facilmente i propri progressi e lasciare il tuo sito Web senza perdere i propri dati. Possono tornare in qualsiasi momento e riprendere l'inserimento del modulo da dove avevano interrotto in precedenza.

Ci sono un sacco di altri utili componenti aggiuntivi di WPForms che troverai davvero utili. Dai un'occhiata e scegli quelli più adatti alle tue esigenze.

In questo post, abbiamo spiegato quale plug-in per moduli di WordPress utilizzare, come iniziare e alcune funzionalità davvero utili per potenziare i tuoi moduli.

Questo è davvero tutto ciò di cui hai bisogno per imparare come aggiungere moduli a una pagina in WordPress!

Quindi, configura le impostazioni SMTP nel modo giusto

La creazione e l'incorporamento di moduli sui tuoi siti Web è solo il primo passo nell'acquisizione e conversione dei lead. Potresti voler inviare queste email di lead, ma questo può essere complicato se non lo fai bene. La nostra guida alla configurazione delle impostazioni SMTP di WordPress per l'invio di e-mail ti coprirà.

Pronto per iniziare? Approfitta della garanzia di rimborso del 100% e inizia oggi stesso con il plug-in di posta SMTP e PHP più famoso al mondo.

E se ti piace questo articolo, seguici su Facebook e Twitter per ulteriori tutorial gratuiti su WordPress.