Creazione del tuo primo modulo

Sei pronto a creare il tuo primo modulo con WPForms? Seguendo le istruzioni passo passo di questa guida, potrai facilmente pubblicare il tuo primo modulo sul tuo sito.

Questo tutorial ti mostrerà come creare e pubblicare il tuo primo modulo.


Prima di iniziare, assicurati di aver installato e attivato WPForms sul tuo sito.

Aggiungere un Nuovo Modulo

Per iniziare, dovrai accedere alla tua area di amministrazione di WordPress. Una volta lì, fai clic su WPForms nella barra laterale dell'amministratore per andare alla pagina Panoramica Moduli.

Quindi, per creare un nuovo modulo, fai clic sul pulsante Aggiungi Nuovo per avviare il costruttore di moduli WPForms.

Aggiunta di un nuovo modulo

Nella pagina Impostazioni del costruttore di moduli, puoi inserire un nome per il tuo modulo (ad esempio "Contattaci") nel campo di input Dai un Nome al tuo Modulo .

Denominazione del nuovo modulo

Se preferisci non inserire un nome, il nome del modulo assumerà il nome del modello che scegli.

Sotto il campo Dai un Nome al tuo Modulo, troverai molti modelli di modulo nella sezione Seleziona un Modello. Questi sono modelli predefiniti di moduli comunemente usati per aiutarti a iniziare rapidamente.

La libreria di modelli di WPForms

Puoi usare le categorie nel menu a sinistra o la barra di ricerca nell'angolo in alto a sinistra della libreria dei modelli per cercare tra le opzioni disponibili.

Le funzionalità di ricerca dei modelli di WPForms

Una volta trovato un modello che soddisfa le tue esigenze, passaci sopra il mouse e fai clic sul pulsante Usa modello .

Nota: Il modulo in questo tutorial utilizza il modello Modulo di contatto semplice. Puoi visualizzarlo in anteprima per vedere come appare e funziona prima di iniziare.

Scelta di un modello di modulo

Se preferisci creare il tuo modulo interamente da zero, seleziona il modello Modulo vuoto.

Creazione di un modulo vuoto

Nota: Cerchi ancora più modelli? Puoi creare il tuo o suggerirne uno nuovo. Ci piacerebbe conoscere le tue idee!

Utilizzare l'IA di WPForms per Creare Moduli

Se preferisci generare rapidamente un modulo invece di crearlo da zero, puoi utilizzare il generatore di moduli AI di WPForms. Fornendo una semplice descrizione delle tue esigenze, WPForms AI può generare un modulo personalizzabile per te.

Per farlo, vai su WPForms » Aggiungi nuovo. Una volta qui, vedrai l'opzione Genera con AI .

Genera con WPForms AI

Quando fai clic su questa opzione, WPForms AI ti aiuterà a creare un modulo seguendo le tue istruzioni testuali. Puoi quindi personalizzare il modulo generato utilizzando il generatore di moduli, proprio come qualsiasi altro modello WPForms.

Nota: Per i dettagli completi sull'utilizzo di WPForms AI per generare moduli, consulta la nostra guida su come generare moduli con WPForms AI.

Personalizzare il tuo Modulo

Una volta selezionato un modello di modulo, il generatore di moduli ti porterà alla schermata Campi.

Il pannello di sinistra ti mostrerà i campi disponibili. Quelli a cui hai accesso dipenderanno dal tuo livello di licenza.

Campi disponibili nell'editor di moduli di WPForms

Puoi anche utilizzare la barra di ricerca sopra i campi disponibili per cercare un campo specifico. Inserisci semplicemente il nome del campo o una parola correlata e verranno visualizzati i campi corrispondenti.

Barra di ricerca nell'editor di moduli di WPForms

Nota: Se desideri maggiori informazioni su tutti i campi di WPForms, assicurati di consultare il nostro tutorial su come scegliere il campo del modulo giusto.

Nel pannello di destra, vedrai un'anteprima modificabile del tuo modulo.

Il pannello di anteprima nell'editor di moduli di WPForms

Per aggiungere un campo al tuo modulo, puoi fare clic su di esso nel pannello di sinistra o trascinarlo direttamente nell'anteprima del modulo.

Trascinare e rilasciare un campo nell'editor di moduli

Per eliminare un campo dal tuo modulo, puoi passarci sopra il mouse e fare clic sull'icona rossa del cestino.

Eliminare un campo da un modulo

Accedere alle Opzioni dei Campi

Le opzioni dei campi ti consentono di configurare i dettagli e le impostazioni di ciascun campo, come la sua etichetta e descrizione.

Per visualizzare e modificare le opzioni disponibili per un campo, fai clic su di esso nel pannello di anteprima. Le opzioni del campo appariranno quindi nel pannello di sinistra del generatore di moduli.

Accedere alle opzioni del campo nell'editor di moduli

Nota: Vuoi saperne di più sulla personalizzazione dei campi dei tuoi moduli? Dai un'occhiata alla nostra guida alle opzioni dei campi di WPForms.

Una volta terminate le modifiche alle opzioni dei campi, fai clic sul pulsante Salva per salvare le modifiche.

Salvare un modulo

Ottenere Aiuto Durante la Creazione del Modulo

Se in qualsiasi momento senti il bisogno di una guida durante la creazione del modulo, fai clic sull'opzione etichettata Aiuto in cima allo schermo.

Pulsante Aiuto nell'editor di moduli di WPForms

Ci ilde{o} apre una sovrapposizione con documentazione contestualizzata, fornendo informazioni direttamente correlate al campo con cui stai lavorando o alla sezione del form builder in cui ti trovi.

Modificare le Impostazioni del Modulo

Per accedere alle impostazioni del tuo modulo, fai clic sulla scheda Impostazioni sul lato sinistro del form builder.

Accedere alle impostazioni dell'editor di moduli

Per questo tutorial, ci concentreremo sulle prime 4 impostazioni disponibili: Generali, Protezione antispam e Sicurezza, Notifiche e Conferme.

Generali

In questa sezione, puoi modificare il nome e la descrizione del modulo.

Le impostazioni generali del modulo

Puoi anche aggiungere tag al modulo e personalizzare il pulsante di invio per il tuo modulo.

Aggiungere tag al modulo e impostazioni di personalizzazione del pulsante di invio

Espandendo la sezione Avanzate, puoi anche aggiungere CSS personalizzato ai tuoi moduli. Consigliamo queste impostazioni solo per utenti più esperti.

Le impostazioni generali avanzate

Nota: Vuoi saperne di più sull'incorporamento di CSS personalizzato nei tuoi moduli? Consulta la nostra documentazione per sviluppatori per tutorial avanzati e snippet.

AI MCP

La sezione Generali include anche le impostazioni AI MCP, che ti consentono di connettere i tuoi moduli ad assistenti AI come Claude, ChatGPT e Cursor. Per configurare questo, consulta la nostra guida su come utilizzare WPForms con assistenti AI.

Pannello principale: titolo 'Usa WPForms con la tua IA preferita' con paragrafo descrittivo e un pulsante blu 'Configura WPVibe'; la colonna di destra mostra le schede Claude, ChatGPT e Cursor.

Protezione antispam e Sicurezza

Questa sezione aiuta a mantenere i tuoi moduli sicuri. Può filtrare silenziosamente lo spam e impostare limiti su chi può compilare i moduli. Puoi anche aggiungere CAPTCHA per assicurarti che solo persone reali compilino il tuo modulo.

Impostazioni di protezione antispam e sicurezza

Nota: Se desideri maggiori dettagli sulle impostazioni di prevenzione dello spam e di sicurezza, consulta la nostra guida su come prevenire lo spam in WPForms.

Notifiche

Le notifiche del modulo sono email automatiche che vengono inviate quando i tuoi utenti inviano i moduli. Nelle impostazioni Notifiche, puoi configurare queste email secondo le tue preferenze.

Il campo Invia a indirizzo email è dove inserirai l'indirizzo/gli indirizzi email che desideri ricevere le notifiche. Per impostazione predefinita, è impostato sull'indirizzo email dell'amministratore del tuo sito. Ma puoi aggiornarlo a qualsiasi indirizzo desideri.

Nota: Puoi aggiungere più indirizzi email al campo Invia a indirizzo email. Assicurati solo di separare ogni email con una virgola.

Le impostazioni delle notifiche del modulo

Nota: Se desideri maggiori dettagli sulla configurazione delle email di notifica, assicurati di consultare la nostra guida su come impostare le notifiche del modulo in WPForms.

Conferme

Le conferme del modulo sono modi per informare gli utenti che hanno inviato correttamente un modulo. Puoi anche usarle per fornire ulteriori informazioni o opzioni ai tuoi utenti.

Le impostazioni delle conferme del modulo

Nota: Se desideri maggiori dettagli sulle impostazioni di Conferme di WPForms, consulta il nostro tutorial su come impostare le conferme del modulo.

Una volta terminata la configurazione delle impostazioni del tuo modulo, fai clic sul pulsante Salva in cima alla schermata per salvare le modifiche. Puoi fare clic sul pulsante X per uscire dal form builder.

Uscire dall'editor di moduli

Visualizzare i Moduli sul tuo Sito

Ci sono diversi modi per aggiungere i tuoi moduli al tuo sito. Se lo desideri, potresti incorporarlo in un post o in una pagina del tuo sito.

Una volta terminata la personalizzazione del tuo modulo, puoi utilizzare la procedura guidata di incorporamento direttamente dall'editor del modulo facendo clic sul pulsante Incorpora.

Accedere alla procedura guidata di incorporamento di WPForms nell'editor di moduli

Per saperne di più sull'incorporamento dei moduli, consulta il nostro tutorial su come visualizzare i moduli in WordPress per maggiori dettagli.

Ecco fatto! Ora sai come creare moduli con WPForms.

Successivamente, assicurati di testare il tuo modulo. Abbiamo creato una checklist di test dettagliata per aiutarti a garantire che il tuo modulo appaia e funzioni esattamente come desideri.

Il miglior plugin per la creazione di moduli drag and drop per WordPress

Facile, veloce e sicuro. Unisciti a oltre 6 milioni di proprietari di siti web che si affidano a WPForms.