![\"Elenco](\"https:\/\/gtechgroup.it\/blog\/wp-content\/uploads\/2026\/05\/ff-01-forms.png\")
<\/p>\nDopo aver installato e configurato Fluent Forms sul tuo sito WordPress, è il momento di creare il tuo primo modulo. In questo articolo ti guideremo attraverso l’intero processo di creazione di un form utilizzando l’editor drag and drop di Fluent Forms, uno degli strumenti più intuitivi e potenti disponibili nel panorama dei form builder per WordPress.<\/p>\n
<\/p>\n
Per iniziare a creare un nuovo modulo, dalla dashboard di WordPress vai su Fluent Forms<\/strong> → Tutti i Form<\/strong> e clicca sul pulsante Aggiungi un Nuovo Form<\/strong> in alto a destra. Si aprirà una finestra che ti offre diverse opzioni per partire:<\/p>\n Per questa guida, partiremo da un form vuoto<\/strong> così potrai capire il funzionamento dell’editor nel dettaglio. Tuttavia, se hai fretta, i template predefiniti sono un ottimo punto di partenza che puoi personalizzare successivamente.<\/p>\n L’editor di Fluent Forms è diviso in tre aree principali che rendono il flusso di lavoro estremamente efficiente:<\/p>\n La barra superiore dell’editor contiene i pulsanti per salvare il modulo, visualizzare l’anteprima, accedere alle impostazioni del form e configurare le notifiche email.<\/p>\n Il processo di aggiunta dei campi è semplicissimo. Hai due opzioni:<\/p>\n Per un modulo di contatto base, aggiungeremo i seguenti campi:<\/p>\n Cerca il campo Nome<\/strong> nella sezione “Campi Generali” e trascinalo nell’area del modulo. Per default, Fluent Forms crea un campo nome composto da Nome e Cognome affiancati. Cliccando sul campo potrai personalizzare:<\/p>\n Aggiungi il campo Email<\/strong> sotto al campo nome. Questo campo ha già una validazione integrata che verifica automaticamente il formato dell’indirizzo email inserito dall’utente. Nelle opzioni puoi:<\/p>\n Aggiungi un campo Testo Singolo<\/strong> (Single Line Text) e personalizza l’etichetta cambiandola in “Oggetto”. Questo campo è perfetto per informazioni brevi come l’oggetto del messaggio, un numero di telefono o qualsiasi altro dato testuale su una singola riga.<\/p>\n Per il corpo del messaggio, aggiungi un campo Area di Testo<\/strong> (Text Area). Questo campo permette all’utente di scrivere testi più lunghi su più righe. Nelle opzioni puoi configurare:<\/p>\n Ogni campo in Fluent Forms offre due schede di personalizzazione: Generale<\/strong> e Avanzato<\/strong>.<\/p>\n Nella scheda Generale trovi le opzioni più comuni:<\/p>\n Nella scheda Avanzato trovi opzioni più specifiche:<\/p>\n Fluent Forms permette di creare layout sofisticati senza dover scrivere codice. Ogni campo ha un’opzione Larghezza Container<\/strong> che ti permette di affiancare più campi sulla stessa riga. Ad esempio:<\/p>\n Puoi anche utilizzare il campo Container<\/strong> per raggruppare i campi in colonne e creare layout ancora più complessi con sezioni visivamente distinte.<\/p>\n Il pulsante di invio è aggiunto automaticamente in fondo al modulo. Cliccandoci sopra, puoi personalizzare:<\/p>\n Prima di pubblicare il modulo, è fondamentale configurare le impostazioni. Clicca sull’icona Impostazioni e Integrazioni<\/strong> nella barra superiore dell’editor.<\/p>\n Nella sezione Impostazioni del Form<\/strong>, puoi configurare cosa succede dopo che l’utente invia il modulo:<\/p>\n Nella stessa sezione puoi configurare le protezioni anti-spam per il modulo specifico:<\/p>\n Vai nella sezione Notifiche Email<\/strong> per configurare le email che vengono inviate quando qualcuno compila il modulo. Per default, Fluent Forms crea una notifica per l’amministratore, ma puoi aggiungerne quante ne vuoi.<\/p>\n La notifica predefinita invia un’email all’amministratore con tutti i dati del modulo. Puoi personalizzare:<\/p>\n Ti consigliamo di creare anche una notifica di conferma per l’utente che ha compilato il modulo. Clicca su Aggiungi Notifica<\/strong> e configura il destinatario con la variabile Una volta salvato il modulo, hai diverse opzioni per inserirlo nelle pagine del tuo sito:<\/p>\n Ogni modulo ha uno shortcode unico del tipo Se usi l’editor a blocchi di WordPress (Gutenberg), cerca il blocco “Fluent Forms”<\/strong> e seleziona il modulo dal menu a tendina. Questo metodo è il più semplice e ti permette di vedere un’anteprima del modulo direttamente nell’editor.<\/p>\n Se usi Elementor come page builder, Fluent Forms è compatibile e offre un widget dedicato. Cerca “Fluent Forms” nella libreria dei widget di Elementor e trascinalo nella tua pagina.<\/p>\n Prima di rendere il modulo pubblico, testa sempre il suo funzionamento. Usa il pulsante Anteprima<\/strong> nell’editor di Fluent Forms per vedere come apparirà il modulo nel frontend. Poi:<\/p>\n Per concludere, ecco alcuni suggerimenti basati sulla nostra esperienza per creare moduli che convertano:<\/p>\n L’editor drag and drop di Fluent Forms rende la creazione di moduli un’esperienza piacevole e veloce. Non serve alcuna conoscenza di programmazione per creare moduli professionali, belli e funzionali. Nei prossimi articoli della serie approfondiremo tutti i campi disponibili, la logica condizionale e le funzionalità avanzate che rendono Fluent Forms uno dei migliori form builder per WordPress.<\/p>\n Se desideri assistenza nella creazione di moduli personalizzati per il tuo sito WordPress, o hai bisogno di una soluzione su misura per raccogliere dati, gestire prenotazioni o vendere prodotti online, contatta il team di G Tech Group<\/a>. Ti aiuteremo a realizzare moduli professionali e ottimizzati per la massima conversione.<\/p>\n Scopri le nostre guide complete sugli altri plugin essenziali per WordPress:<\/p>\n Creare il Primo Form con Fluent Forms: Editor Drag and Drop Dopo aver installato e configurato Fluent Forms sul tuo sito WordPress, è il momento…<\/p>\n","protected":false},"author":2,"featured_media":167209,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_seopress_titles_title":"Creare Form con Fluent Forms Drag and Drop | Guida","_seopress_titles_desc":"Come creare il primo form con Fluent Forms. Editor visuale, template pronti e pubblicazione.","_seopress_robots_index":"","_seopress_robots_follow":"","_seopress_robots_imageindex":"","_seopress_robots_snippet":"","_seopress_robots_primary_cat":"","_seopress_robots_breadcrumbs":"","_seopress_robots_freeze_modified_date":"","_seopress_robots_custom_modified_date":"","_seopress_robots_canonical":"","_seopress_social_fb_title":"","_seopress_social_fb_desc":"","_seopress_social_fb_img":"","_seopress_social_fb_img_attachment_id":0,"_seopress_social_fb_img_width":0,"_seopress_social_fb_img_height":0,"_seopress_social_twitter_title":"","_seopress_social_twitter_desc":"","_seopress_social_twitter_img":"","_seopress_social_twitter_img_attachment_id":0,"_seopress_social_twitter_img_width":0,"_seopress_social_twitter_img_height":0,"_seopress_redirections_value":"","_seopress_redirections_enabled":"","_seopress_redirections_enabled_regex":"","_seopress_redirections_logged_status":"","_seopress_redirections_param":"","_seopress_redirections_type":0,"_seopress_analysis_target_kw":"Creare Primo Form Fluent","footnotes":""},"categories":[1,61],"tags":[2525,3409,3637,3309,492],"class_list":["post-167277","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-senza-categoria","category-wordpress","tag-drag-and-drop","tag-editor","tag-fluent-forms","tag-form","tag-wordpress"],"_links":{"self":[{"href":"https:\/\/gtechgroup.it\/blog\/wp-json\/wp\/v2\/posts\/167277","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/gtechgroup.it\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/gtechgroup.it\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/gtechgroup.it\/blog\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/gtechgroup.it\/blog\/wp-json\/wp\/v2\/comments?post=167277"}],"version-history":[{"count":0,"href":"https:\/\/gtechgroup.it\/blog\/wp-json\/wp\/v2\/posts\/167277\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/gtechgroup.it\/blog\/wp-json\/wp\/v2\/media\/167209"}],"wp:attachment":[{"href":"https:\/\/gtechgroup.it\/blog\/wp-json\/wp\/v2\/media?parent=167277"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/gtechgroup.it\/blog\/wp-json\/wp\/v2\/categories?post=167277"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/gtechgroup.it\/blog\/wp-json\/wp\/v2\/tags?post=167277"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}\n
L’Interfaccia dell’Editor<\/h3>\n
\n
Aggiungere i Campi al Modulo<\/h3>\n
\n
1. Campo Nome<\/h4>\n
\n
2. Campo Email<\/h4>\n
\n
3. Campo Oggetto<\/h4>\n
4. Campo Messaggio<\/h4>\n
\n
![\"Configurazione](\"https:\/\/gtechgroup.it\/blog\/wp-content\/uploads\/2026\/05\/ff-02-settings.png\")
<\/p>\nPersonalizzazione dei Campi<\/h3>\n
Scheda Generale<\/h4>\n
\n
Scheda Avanzato<\/h4>\n
\n
Layout Multi-Colonna<\/h3>\n
\n
Configurare il Pulsante di Invio<\/h3>\n
\n
Impostazioni del Modulo<\/h3>\n
Conferma dopo l’Invio<\/h4>\n
\n
Impostazioni Anti-Spam<\/h4>\n
\n
![\"Opzioni](\"https:\/\/gtechgroup.it\/blog\/wp-content\/uploads\/2026\/05\/ff-03-addons.png\")
<\/p>\nConfigurare le Notifiche Email<\/h3>\n
Notifica all’Amministratore<\/h4>\n
\n
Notifica all’Utente<\/h4>\n
{inputs.email}<\/code> per inviare automaticamente all’indirizzo email inserito nel form.<\/p>\nInserire il Modulo nelle Pagine<\/h3>\n
Shortcode<\/h4>\n
[fluentform id=”1”]<\/code> (dove 1 è l’ID del modulo). Puoi copiare questo shortcode e incollarlo in qualsiasi pagina, post o widget.<\/p>\nBlocco Gutenberg<\/h4>\n
Elementor Widget<\/h4>\n
Anteprima e Test<\/h3>\n
\n
Suggerimenti per Moduli Efficaci<\/h3>\n
\n
Conclusione<\/h3>\n
\n📚 Leggi anche gli altri articoli della serie su Fluent Forms<\/h4>\n
\n
Migliora il Tuo Sito WordPress<\/h3>\n
\n