Riepilogo AI
Volete imparare ad aggiungere WPForms a una pagina di WordPress?
Lavoro con WPForms ormai da un po’ di tempo. Una delle domande più frequenti che mi vengono poste dai nuovi utenti è come trasferire il modulo dal generatore alla pagina vera e propria.
La buona notizia? WPForms ti offre 5 modi diversi per farlo, e ciascuno richiede solo pochi clic. In questa guida ti illustrerò ogni metodo, così potrai scegliere quello più adatto alla tua configurazione.
Crea subito il tuo modulo WordPress! 😉
Come si aggiungono i WPForm a una pagina di WordPress?
WPForms ti permette di inserire facilmente i tuoi moduli in qualsiasi punto del tuo sito.
Puoi utilizzare la procedura guidata di incorporamento integrata, l'editor a blocchi di WordPress, uno shortcode, un widget o un page builder come Elementor o Divi.
Di seguito illustrerò tutti e 5 i metodi. Se non sai quale scegliere, inizia dal Metodo 1: è il più veloce.
Prima di iniziare
Prima di poter aggiungere un modulo a una pagina, devi avere due cose pronte.
1. Installare e attivare WPForms
Se non l'hai ancora fatto, installa il plugin WPForms sul tuo sito WordPress. Puoi scaricare gratuitamente WPForms Lite da WordPress.org oppure caricare la versione Pro dal tuo account. Se hai bisogno di aiuto, consulta questa guida passo passo su come installare un plugin in WordPress.
2. Crea il tuo modulo
A questo punto, vai su WPForms » Aggiungi nuovo nella tua dashboard di WordPress. WPForms include un generatore di moduli "drag-and-drop" e oltre 2.100 modelli di moduli per aiutarti a iniziare subito. Scegli un modello, personalizza i campi che ti servono e clicca su Salva.
La configurazione è terminata. Ora inseriamo il modulo in una pagina.
Metodo 1: Utilizzare la procedura guidata di incorporamento
Questo è il modo più veloce per aggiungere WPForms a una pagina. Non devi nemmeno uscire dal generatore di moduli. Dopo aver creato o modificato il modulo, clicca sul pulsante "Incorpora " in alto a destra nel generatore.
Si aprirà una finestra pop-up che ti offrirà due opzioni: creare una nuova pagina o selezionarne una esistente.
Incorpora in una nuova pagina
Se desideri creare una nuova pagina per il tuo modulo, clicca su «Crea nuova pagina». Inserisci un nome per la pagina e clicca su «Avanti».
Verrai reindirizzato direttamente all'editor della pagina con il modulo già incorporato. Non ti resta che cliccare su "Pubblica".
Incorpora in una pagina esistente
Hai già una pagina in cui desideri inserire il modulo? Clicca su «Seleziona pagina esistente » e scegli la pagina dal menu a tendina.
Clicca su "Let’s Go" e verrai reindirizzato all'editor di quella pagina. Da qui, potrebbe essere necessario aggiungere il blocco WPForms alla pagina (ti spiegherò come farlo nel prossimo metodo). Clicca su "Aggiorna" per salvare le modifiche.
Metodo 2: Utilizzare l'editor a blocchi
Se stai già modificando una pagina e desideri inserire un modulo, puoi aggiungere direttamente il blocco WPForms.
Apri la pagina in cui desideri inserire il modulo. Fai clic sull'icona con il segno più (+) nell'angolo in alto a sinistra per aprire la libreria dei blocchi.
Cerca "WPForms" oppure scorri fino alla sezione Widget. Clicca sul blocco WPForms per aggiungerlo alla tua pagina.
Ora seleziona il modulo che desideri visualizzare dal menu a tendina "Seleziona un modulo ".
Il modulo apparirà direttamente nell'editor. Quando sei pronto, clicca su Pubblica o Aggiorna.
Configura le impostazioni del blocco WPForms
Una volta aggiunto il modulo, noterai delle impostazioni aggiuntive nel pannello laterale destro.
Ecco cosa puoi modificare:
- Titolo e descrizione: seleziona queste opzioni per visualizzare il nome e la descrizione del modulo sopra i campi del modulo.
- Personalizzazione dei moduli: WPForms ti permette di personalizzare i tuoi moduli direttamente nell'editor a blocchi senza dover scrivere codice CSS. Puoi modificare le dimensioni dei campi, i colori e lo stile dei pulsanti in modo visivo.
- Avanzate: aggiungi classi CSS personalizzate se desideri un maggiore controllo sull'aspetto del modulo.
Metodo 3: Utilizza uno shortcode
WPForms genera uno shortcode unico per ogni modulo creato. Ciò risulta utile se si utilizza l'Editor classico, un tema che non supporta pienamente i blocchi o qualsiasi altra area che accetti gli shortcode.
Per trovare lo shortcode del tuo modulo, vai su WPForms » Tutti i moduli nella tua dashboard di WordPress. Lo shortcode è indicato accanto a ciascun modulo. Ha un aspetto simile a questo:
Copia lo shortcode, quindi apri la pagina o il post in cui desideri aggiungere il modulo. Aggiungi un blocco "Shortcode" (oppure incollalo direttamente se stai utilizzando l'editor classico), inserisci lo shortcode e clicca su "Pubblica" o "Aggiorna".
Metodo 4: Utilizza un widget (barra laterale o piè di pagina)
Vuoi visualizzare un modulo nella barra laterale o nel piè di pagina? Puoi aggiungerlo come widget. È l'ideale per le iscrizioni alla newsletter, i moduli di contatto rapidi o i moduli per la raccolta di contatti che devono apparire in tutto il sito.
Vai su Aspetto » Widget nella tua dashboard di WordPress.
Individua l'area widget in cui desideri inserire il modulo (barra laterale, piè di pagina, ecc.) e cliccaci sopra per espanderla.
Clicca sul pulsante con il segno più (+) nell'angolo in alto a sinistra dell'editor e cerca il blocco WPForms, proprio come faresti su una pagina normale.
Seleziona il modulo dal menu a tendina.
Clicca sul pulsante "Aggiorna " nell'angolo in alto a destra per salvare le impostazioni del widget.
Ecco come appare un modulo in un widget a piè di pagina su un sito online:
Per una guida più dettagliata, consulta la nostra guida su come aggiungere un modulo di contatto in un widget della barra laterale di WordPress.
Metodo 5: Utilizza un page builder
Se crei le tue pagine con Elementor o Divi, WPForms offre integrazioni native per entrambi. Non servono shortcode né soluzioni alternative.
Aggiungi WPForms a una pagina Elementor
Apri la tua pagina nel builder di Elementor. Nella barra laterale sinistra, cerca il widget WPForms nella sezione "Base". Trascinalo nella pagina nel punto in cui desideri che appaia il modulo.
Seleziona il modulo dal menu a tendina nelle impostazioni del widget. Elementor mostrerà un'anteprima in tempo reale del modulo direttamente sulla pagina.
Se devi apportare modifiche al modulo stesso, clicca sul link " Modifica il modulo selezionato " per aprire il generatore di moduli in una finestra pop-up.
Quando tutto sembra a posto, clicca su «Pubblica» o «Aggiorna» nella parte inferiore del builder di Elementor.
WPForms supporta inoltre la personalizzazione completa dello stile dei moduli all'interno di Elementor, compresi i colori dei campi, gli stili dei pulsanti e gli sfondi dei contenitori.
Per una guida completa, consulta la nostra guida su come aggiungere WPForms a una pagina Elementor.
Aggiungi WPForms a una pagina Divi
Apri la tua pagina e clicca su "Usa Divi Builder " per avviare l'editor visivo. Scegli il layout e aggiungi una nuova riga alla tua pagina.
Quando Divi ti chiede di inserire un modulo, cerca WPForms e selezionalo.
Nelle impostazioni del modulo, seleziona il tuo modulo dal menu a tendina "Seleziona modulo ". Se desideri che vengano visualizzati, puoi anche attivare il titolo e la descrizione del modulo.
Clicca sul segno di spunta verde per salvare il modulo, quindi pubblica la tua pagina. Per ulteriori dettagli sullo stile e sulle opzioni avanzate, consulta la nostra guida su come aggiungere WPForms a una pagina Divi.
Bonus: tieni traccia di dove sono incorporati i tuoi moduli
Una volta aggiunti i moduli in varie sezioni del sito, può diventare difficile ricordare dove si trova ciascuno di essi. WPForms dispone di una funzione integrata che mostra esattamente dove è inserito ogni modulo.
Vai su WPForms » Tutti i moduli. Quindi apri "Opzioni schermo " nella parte superiore della pagina e seleziona la casella "Posizioni".
In questo modo si aggiunge una colonna alla tabella con tutti i moduli, che mostra il numero di posizioni aggiunte per ciascun modulo. Fare clic su di essa per visualizzare tutte le posizioni di un modulo specifico.
In questo modo, potrai sempre vedere su quale pagina si trova il tuo modulo di contatto senza dover setacciare l'intero sito.
Domande frequenti sull'integrazione di WPForms in WordPress
Aggiungere moduli al tuo sito WordPress è semplice, ma ci sono alcune domande che ricorrono spesso. Ecco le più frequenti.
Perché il mio modulo WPForms non viene visualizzato sulla pagina?
Ci sono alcune cose da controllare. Innanzitutto, assicurati di aver effettivamente pubblicato o aggiornato la pagina dopo aver aggiunto il modulo. Se hai utilizzato uno shortcode, verifica che l'ID del modulo sia corretto.
Un errore di battitura nello shortcode impedirà la visualizzazione dei contenuti. Alcuni plugin di cache potrebbero inoltre visualizzare una versione precedente della pagina, quindi prova a svuotare la cache del sito e ricontrolla.
Posso aggiungere lo stesso modulo a più pagine?
Sì. Puoi incorporare lo stesso modulo in tutte le pagine, i post o le aree widget che desideri. Tutti i metodi descritti in questa guida consentono di riutilizzare un modulo in qualsiasi punto del sito. Tutti i dati inviati vengono comunque raccolti in un unico posto, nella sezione WPForms » Inserimenti.
Quale metodo di incorporamento dovrei usare?
Dipende dalla tua situazione. Ecco una breve guida:
- Procedura guidata di incorporamento: l'opzione più veloce. Utilizzala quando crei o modifichi un modulo e desideri pubblicarlo immediatamente.
- Editor a blocchi: l'ideale quando stai già lavorando su una pagina. Ti offre controlli di stile a livello di blocco.
- Shortcode: da utilizzare con l'editor classico o in qualsiasi contesto che accetti gli shortcode ma non i blocchi.
- Widget: per le barre laterali e i piè di pagina. Ideale per i moduli che devono apparire su ogni pagina del tuo sito.
- Page Builder: se utilizzi Elementor o Divi, l'integrazione nativa con WPForms mantiene tutto all'interno del flusso di lavoro del tuo page builder.
Ora personalizza i tuoi moduli WordPress
E questo è tutto! Ora conosci 5 modi diversi per aggiungere WPForms a una pagina in WordPress. Ora che il tuo modulo è attivo, ecco alcune cose che potresti voler fare in seguito:
- Personalizza l'aspetto del tuo modulo con colori, caratteri e opzioni di impaginazione
- Blocca lo spam nei moduli di contatto con CAPTCHA, token antispam ed elenchi di autorizzazioni/esclusioni
- Imposta diverse notifiche via e-mail per inoltrare i moduli inviati alle persone giuste del tuo team
Costruite ora il vostro modulo WordPress
Siete pronti a creare il vostro modulo? Iniziate oggi stesso con il più semplice plugin per la creazione di moduli per WordPress. WPForms Pro include molti modelli gratuiti e offre una garanzia di rimborso di 14 giorni.
Se questo articolo vi ha aiutato, seguiteci su Facebook e Twitter per altre guide e tutorial gratuiti su WordPress.
C'è un modo per incorporare il modulo per generare un codice da incorporare in una pagina esterna (non wordpress)?
Ciao Daniel - Mi scuso, ma questo non è possibile. Questo perché WPForms è un plugin di WordPress e per poterlo utilizzare è necessario creare un sito WordPress.
Grazie.
Come posso inserire il popup "Pulsante di richiesta" accanto al pulsante Aggiungi al carrello della mia pagina prodotto?
Grazie
Ehi Mohamamd - Per essere sicuri di rispondere alla tua domanda nel modo più esauriente possibile ed evitare qualsiasi confusione, potresti contattare il nostro team?
Se avete una licenza WPForms, avete accesso al nostro supporto via e-mail, quindi inviate un ticket di supporto. Altrimenti, forniamo un supporto gratuito limitato nel forum di supporto di WPForms Lite WordPress.org.
Grazie.
Il modulo di contatto di wpforms invia e-mail se si trova su un sito web locale?
Ciao Hazem,
Sì, le e-mail di notifica possono essere ricevute e inviate all'autore dell'invio se il sito è ospitato in ambiente locale.
È possibile incorporare un WPform creato in un menu a schede? Se sì, come?
Ciao Dave - Per essere sicuri di rispondere alla tua domanda nel modo più esauriente possibile ed evitare qualsiasi confusione, potresti contattare il nostro team?
Se avete una licenza WPForms, avete accesso al nostro supporto via e-mail, quindi inviate un ticket di supporto. Altrimenti, forniamo un supporto gratuito limitato nel forum di supporto di WPForms Lite WordPress.org.
Grazie.
Come posso aggiungere un modulo a tutte le mie pagine contemporaneamente?
Ciao Lucy, mi dispiace ma non è possibile aggiungere un modulo a tutte le pagine in una volta sola; una soluzione più semplice sarebbe quella di creare un modulo breve e aggiungerlo ai modelli di pagina come indicato qui.
Spero che questo sia d'aiuto.
Grazie per questa guida, è molto chiara e lineare anche per una persona nuova a Wordpress come me. Quello che non capisco è come ricevere la risposta se qualcuno completa e invia il mio modulo - non ne ho la minima idea e il tutorial tace completamente su questo argomento essenziale. Cordiali saluti, Mike
Ciao Michael - Puoi dare un'occhiata alla nostra documentazione qui per impostare le e-mail di notifica dei moduli. Nel caso in cui volessi migliorare la consegna delle email, ecco un post del blog che puoi consultare.
Esiste un modo per aggiungere un modulo di conversazione a una pagina specifica? Nel mio caso vorrei inserirlo nella mia home page (o almeno trasformare il modulo di conversazione nella mia home page).
Ciao Joao - Al momento non disponiamo della funzione per incorporare i moduli di conversazione in una pagina specifica, anche se è presente nel nostro tracker delle richieste di funzionalità. In alternativa, si può prendere in considerazione l'utilizzo dell'addon Leads Form, che consente di creare un modulo interattivo per acquisire contatti sul proprio sito WordPress.
Buongiorno, pur avendo inserito correttamente le email di chi deve ricevere la notifica ed essendo certo che le email sono corrette separandole con una virgola .... la email vengono ricevute solo dall'admin.
Come mai?
Ciao Riccardo - Ci dispiace che non funzioni come previsto. Saremo lieti di aiutarti. Per gli utenti a pagamento, consigliamo di contattare il nostro team inviando un ticket di supporto qui. Oppure, se stai utilizzando la nostra versione lite, non esitare a creare un thread di supporto qui.
Grazie.
Come posso scaricare e installare manualmente la scala Likert?
Ciao Sheena - Se vuoi utilizzare il campo Scala di Likert, devi installare il componente aggiuntivo Sondaggi e indagini. Per maggiori dettagli, si prega di dare un'occhiata alla nostra documentazione qui.
C'è un modo per incorporare un modulo in una pagina di prodotto di woocommerce?
Ehi Catamara - purtroppo al momento non abbiamo un modo per incorporare un modulo nella pagina del prodotto di Woo. Tuttavia, ho inserito una nota nella nostra lista di richieste di funzionalità in modo da poterla tenere nel nostro radar! Grazie 🙂
Salve,
Ho installato il Webform ed è funzionante, ma nessuna delle richieste arriva al mio indirizzo e-mail, per favore potete aiutarmi?
Ciao Tash, mi dispiace molto sapere che stai riscontrando un problema di consegna delle e-mail. Per risolvere il problema, puoi seguire questo documento.
Spero che questo sia d'aiuto. Fatemi sapere se avete altre domande. Grazie 🙂