Come incorporare un modulo nel vostro sito WordPress (3 modi)

Incorporare un modulo nel tuo sito WordPress significa aggiungere un modulo funzionante e compilabile direttamente in qualsiasi pagina o articolo. In questo modo i visitatori possono contattarti, registrarsi o inviare informazioni senza uscire dal tuo sito. Con un plugin come WPForms, puoi farlo con pochi clic utilizzando il pulsante "Incorpora" integrato, il blocco WPForms in Gutenberg o un semplice shortcode.

A dire il vero, pensavo che fosse molto più complicato di quanto non sia in realtà. Prima di usare WPForms, immaginavo di dover ricorrere a codice iframe e CSS personalizzati solo per inserire un modulo di contatto in una pagina. A quanto pare, non serve nulla di tutto ciò.

In questa guida ti illustrerò, passo dopo passo, tre diversi modi per incorporare un modulo nel tuo sito WordPress, così potrai scegliere il metodo che ti sembra più semplice.

Create subito il vostro modulo WordPress 🙂

3 modi per aggiungere un modulo a qualsiasi pagina WordPress

Confronto rapido

È possibile incorporare un modulo nel proprio sito web utilizzando un plugin per moduli come WPForms, che è il modo più semplice e veloce. Normalmente, per aggiungere un modulo al proprio sito web è necessario utilizzare uno snippet di codice embed.

Ad esempio, se si volesse incorporare i moduli di Google nel proprio sito, sarebbe necessario un po' di codice html chiamato iframe per aggiungere il modulo al sito. Poi dovrete usare i CSS per dare al modulo lo stile che desiderate.

Con WPForms, aggiungere un modulo al tuo sito WordPress è molto più semplice. Offre 3 diversi metodi per incorporare moduli nel tuo sito web senza bisogno di lunghi frammenti di codice.

Metodo	Ideale per	Dove funziona
Pulsante "Incorpora"	Principianti — l'opzione più veloce	Pagine (nuove o esistenti)
Blocco WPForms	Utenti di Gutenberg — Anteprima visiva	Pagine e post
Codice breve	Massima flessibilità	Pagine, post, barre laterali, piè di pagina, widget

Alcuni prerequisiti

Prima di passare all'integrazione di un modulo, ci sono un paio di cose che dobbiamo spuntare dalla nostra lista.

Installare il plugin WPForms

WPForms ti consente di creare i tuoi moduli web da zero o di scegliere tra oltre 2.100 modelli di moduli. Le opzioni includono moduli di iscrizione, moduli di registrazione e tantissimi moduli specifici per ogni tipo di attività commerciale. Inoltre, sono facilissimi da incorporare nel tuo sito WordPress. Per iniziare, scarica il plugin WPForms.

Una volta scaricato il plugin, dovrete caricarlo sul vostro sito web. Se non siete sicuri di come fare, questa guida per principianti all'installazione dei plugin di WordPress può guidarvi attraverso il processo.

Ottenere il plugin WPForms ora! 🙂

Creare un nuovo modulo

Una volta installato il plugin WPForms, siete pronti a creare moduli utilizzando il costruttore drag-and-drop. Potete scegliere se costruire il vostro modulo o partire da un modello, ma la prima cosa da fare è cliccare su Aggiungi nuovo.

Una volta fatto clic su questo pulsante, viene visualizzata una serie di modelli tra cui scegliere. È anche possibile selezionare un modulo vuoto e creare il proprio.

Quando si passa il mouse sulla selezione, vengono visualizzate 2 opzioni:

• Utilizzare il modello
• Visualizza la demo

Se si visualizza la demo, viene mostrato l'aspetto del modulo incorporato. Ricordate che il modello è personalizzabile, quindi se c'è qualcosa che volete cambiare, potete farlo.

Una volta stabilito il modello da utilizzare, fare clic sul pulsante Usa modello. Si aprirà l'editor. Per questo post, utilizzeremo il modello del modulo di contatto semplice.

Ora è il momento di personalizzare il modulo, se lo si desidera. Nel nostro caso, il modello raccoglieva solo un numero di telefono. Lo abbiamo personalizzato aggiungendo prima un campo di controllo che chiedeva le preferenze di contatto e aggiungendo un'opzione di posta elettronica.

Poi abbiamo impostato un po' di logica condizionale, che si trova nella scheda Logica intelligente sotto Opzioni campo. La logica condizionale consente di impostare le regole in modo che gli utenti vedano solo i campi che li riguardano.

In questo esempio, se selezionano l'email, vedranno un campo per fornire un indirizzo email. Se si volesse includere una casella di controllo GDPR, si potrebbe facilmente fare anche questo.

Se selezionano telefono, possono fornire un numero di telefono. Ora è il momento di scegliere come incorporare il modulo.

E ora passiamo alla parte più importante: incorporare il tuo modulo!

Metodo 1: Utilizzo del pulsante di incorporamento di WPForms

WPForms offre tre modi per aggiungere un modulo al tuo sito web. Qui ti mostrerò tutti e tre i metodi, così potrai scegliere quello che ti risulta più semplice.

Il primo metodo di incorporazione consiste nell'utilizzare semplicemente il pulsante di incorporazione nella parte superiore dell'editor del modulo.

Una volta fatto clic su questo pulsante, si avrà la possibilità di selezionare una pagina WordPress esistente o di creare una nuova pagina. Potete scegliere quella che ha più senso per il vostro sito. Noi abbiamo creato una pagina di contatto. Una volta creata, potete fare clic sul pulsante Let's Go!

Una volta fatto ciò, si aprirà la bozza della pagina e si vedrà il modulo incorporato. Fate clic su Pubblica e il gioco è fatto!

Metodo 2: Utilizzo dell'editor a blocchi di WordPress

Incorporare un modulo direttamente dall'editor di blocchi di WordPress (noto anche come Gutenberg) è un altro modo semplice per aggiungere uno dei vostri moduli a un post o a una pagina.

Aprire la pagina in cui si desidera visualizzare il modulo e fare clic sull'icona blu più (+).

Si aprirà un menu con una serie di opzioni per i widget. Scorrete verso il basso fino a trovare il widget WPForms e cliccateci sopra. In questo modo, si aprirà un riquadro in cui si potrà selezionare il modulo che si desidera incorporare.

Dopo aver effettuato la selezione, si vedrà il modulo incorporato nella pagina.

Metodo 3: Utilizzo dello shortcode di incorporamento

Un altro modo semplice per incorporare un modulo nel vostro sito web è incollare uno shortcode, il che richiede solo pochi secondi. Potete trovare lo shortcode del vostro modulo in 2 posti:

Il pulsante di incorporamento

Quando si fa clic sul pulsante di incorporamento dall'editor, come abbiamo fatto sopra, una delle opzioni alternative è quella di utilizzare un codice breve. Se si fa clic su questo pulsante, apparirà il codice breve del modulo e sarà possibile copiarlo.

L'elenco dei moduli nel plugin WPForms

Dalla dashboard di WordPress, fate clic sul plugin WPForms nella barra laterale. Verrà visualizzato l'elenco dei moduli creati e verranno visualizzati gli shortcode per tutti i moduli. Questo è utile se non state lavorando attivamente su un modulo, ma avete bisogno di prendere rapidamente lo shortcode per incorporarlo da qualche parte.

Dopo aver copiato lo shortcode, andate alla pagina o al post in cui volete incorporarlo. Ancora una volta, si dovrà fare clic sul segno più (+) blu nell'angolo in alto a sinistra per ottenere un elenco di opzioni a discesa.

Invece di selezionare il widget WPForms come abbiamo fatto prima, selezioneremo il widget Shortcode.

Facendo clic su di esso, viene visualizzata una casella nell'editor del post. Tutto ciò che si deve fare è incollare lo shortcode nella casella.

Se si visualizza l'anteprima della pagina, si vedrà che il modulo è stato incorporato con successo. Inoltre, è possibile incollare lo shortcode direttamente nell'editor, invece di passare attraverso il widget.

E ancora, dopo averla incollata nel punto in cui si desidera che appaia all'interno del contenuto, è possibile visualizzare l'anteprima della pagina e vedere che è stata incorporata.

Questo metodo è ottimo anche per aggiungere facilmente un modulo al piè di pagina del vostro sito web.

Pubblica ora il tuo modulo

Dopo aver creato e incorporato correttamente il modulo, è ora di pubblicarlo! Clicca sul pulsante "Pubblica " in WordPress. Quando visiti la pagina online, il modulo incorporato è pronto per raccogliere le informazioni.

Per impostazione predefinita, l'utente rimarrà nella stessa pagina. Se si desidera reindirizzare gli utenti a un'altra pagina dopo l'invio delle risposte al modulo, è possibile farlo.

Crea subito il tuo modulo WordPress! 🙂

Domande frequenti - Come incorporare un modulo nel vostro sito web WordPress

Come posso incorporare un modulo di contatto nel mio sito web WordPress?

Per incorporare un modulo nel vostro sito web WordPress, basta creare il modulo in WPForms, quindi fare clic sul pulsante Incorpora nella parte superiore del costruttore di moduli. Potete aggiungere il modulo a una pagina esistente o crearne una nuova. Il modulo apparirà automaticamente sulla pagina dopo aver selezionato la posizione desiderata.

Come si aggiunge un modulo compilabile a un sito web?

Con WPForms potete aggiungere facilmente un modulo compilabile al vostro sito WordPress. Una volta creato il modulo, copiate lo shortcode fornito e incollatelo in qualsiasi pagina o post. In alternativa, è possibile utilizzare l'editor di blocchi per inserire il blocco WPForms, quindi selezionare il modulo dall'elenco a discesa.

Come si fa a collegare un modulo su WordPress?

Per collegarsi a un modulo in WordPress, creare una pagina o un post con il modulo incorporato, quindi copiare l'URL della pagina. È possibile condividere questo URL su pulsanti o link di testo in qualsiasi punto del sito, indirizzando gli utenti al modulo.

Qual è il modo migliore per aggiungere un widget modulo a WordPress?

Il modo più semplice per aggiungere un widget modulo in WordPress è utilizzare i blocchi nativi di WPForms. Basta modificare qualsiasi pagina o post, fare clic sul pulsante più (+), cercare "WPForms" e selezionare il modulo.

Questo metodo funziona meglio dei widget tradizionali di WordPress, perché è più flessibile e non richiede aree widget tematiche specifiche.

Posso incorporare i moduli senza avere conoscenze di codifica?

Assolutamente! WPForms è stato progettato appositamente per gli utenti non tecnici. È possibile incorporare i moduli utilizzando l'editor visuale di WordPress, i pulsanti di incorporamento con un solo clic o semplici shortcode.

Non è richiesta alcuna conoscenza di HTML, CSS o PHP. Questo lo rende molto più semplice rispetto ad alternative come Google Forms (che richiede codici iframe) o moduli HTML personalizzati.

Qual è la differenza tra incorporare i moduli con i blocchi e gli shortcode?

I blocchi di WordPress (il blocco WPForms) offrono un'interfaccia visiva e sono più facili per i principianti, mentre gli shortcode offrono maggiore flessibilità per gli utenti avanzati.

I blocchi funzionano benissimo nell'area del contenuto principale, mentre i codici brevi possono essere collocati ovunque: nelle barre laterali, nei piè di pagina, nelle posizioni dei modelli personalizzati o persino nelle aree del contenuto di altri plugin.

Posso incorporare lo stesso modulo in più punti del mio sito web?

Sì! È possibile incorporare lo stesso modulo WPForms in più pagine, post o posizioni utilizzando uno dei tre metodi di incorporazione.

Tutti gli invii vanno nello stesso posto, il che lo rende perfetto per avere un modulo di contatto contemporaneamente nell'intestazione, nel piè di pagina e nella pagina di contatto dedicata.

I moduli WordPress incorporati funzionano sui dispositivi mobili?

Sì, WPForms crea automaticamente moduli incorporati reattivi ai dispositivi mobili che funzionano perfettamente su tutti i dispositivi.

A differenza dei costruttori di moduli esterni, che a volte presentano problemi di visualizzazione sui dispositivi mobili, WPForms utilizza il design reattivo del vostro tema WordPress, garantendo un aspetto e una funzionalità coerenti su desktop, tablet e dispositivi mobili.

Quindi, proteggere il modulo con hCaptcha

Volete aggiungere un ulteriore livello di protezione antispam al vostro modulo? WPForms include l'integrazione di hCaptcha, che lo rende semplice da fare. Scoprite come proteggere il vostro modulo WordPress con hCaptcha.

Create 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.