In questo articolo scoprirai come creare un modulo con Elementor gratuito.
Sebbene il widget Modulo sia disponibile solo su Elementor Pro, ciò non significa che non puoi creare un modulo sulla versione gratuita di Elementor.
Se devi aggiungere un modulo alla pagina che stai creando con la versione gratuita di Elementor, puoi utilizzare i due metodi che tratteremo in questo articolo.
Elementor, che si tratti della versione pro o della versione gratuita, viene fornito con due widget che puoi utilizzare per creare un modulo. Questi sono i widget HTML e Shortcode. Con il widget HTML, puoi incorporare un modulo HTML, mentre il widget Shortcode ti consente di incorporare un modulo dai plug-in del modulo che utilizzano lo shortcode come Modulo di Contatto 7.
Crea modulo con la versione gratuita di Elementor utilizzando il widget HTML
Questo metodo richiede una competenza HTML per creare il modulo. In alternativa, è possibile scaricare un modello di modulo HTML da Internet. W3docs ne ha più di 60 Modelli di moduli HTML che puoi scaricare gratuitamente.
Per iniziare, crea una nuova pagina e modificala con Elementor (Pagine -> Aggiungi). Naturalmente, puoi anche modificare una pagina esistente. Se desideri creare un modulo in una nuova pagina, ricorda di impostare il layout del modulo facendo clic sull'icona a forma di ingranaggio nel pannello in basso a sinistra.
Aggiungi una nuova sezione facendo clic sul pulsante più nell'area di modifica e aggiungi il modulo HTML trascinandolo dal pannello di sinistra all'area di modifica. Posizionalo nell'area che desideri. Quindi vai al pannello di sinistra e incolla il codice HTML del modulo nel campo Codice HTML sotto la scheda Contenuto.
Pubblica/aggiorna la pagina dopo averla modificata.
Vedi anche: Come utilizzare i widget/modelli di Elementor come blocchi Gutenberg
Una cosa. Se il tuo modulo HTML utilizza CSS esterni, immagini o JavaScript per lo stile, assicurati di caricare le cartelle contenenti il ​​codice CSS, le immagini e JavaScript nella directory principale del tuo sito web.
Crea un modulo su Elementor gratuitamente utilizzando il modulo di contatto 7
Se non hai competenze HTML e non desideri utilizzare un modello di modulo HTML, puoi creare un modulo nella versione gratuita di Elementor utilizzando il plug-in Modulo di contatto 7. In realtà ci sono molti altri plugin per moduli. Noi raccomandiamo Contattare 7 Modulo perché è il plug-in di moduli più popolare per WordPress e completamente gratuito.
Innanzitutto, installa il plug-in Modulo di Contatto 7. Per fare ciò, vai a Estensioni -> Aggiungi. Digita "modulo di contatto 7" nella casella di ricerca e fai clic sul pulsante installare ora una volta trovato.
Attiva subito il plugin una volta installato.
Contact Form 7 viene fornito con un modulo predefinito (a modulo di contatto ). Puoi usarlo se vuoi. Se invece vuoi creare un nuovo modulo, puoi andare su Contatto – > Aggiungi. Assegna un nome al tuo modulo in modo da poterlo identificare facilmente in futuro.
Per impostazione predefinita, il modulo sarà composto da quattro campi: nome, e-mail, oggetto e messaggio.
Se desideri aggiungere un nuovo campo, posiziona il puntatore nell'area in cui desideri aggiungere il nuovo campo (puoi posizionarlo sotto o sopra un campo esistente). Aggiungi un'etichetta per il nuovo campo del modulo in formato <label> votre label préféré </label>.
Posiziona il puntatore subito dopo l'etichetta e seleziona un campo nella scheda del campo. Puoi aggiungere una nuova interruzione di riga per rendere il tuo nuovo campo più pulito rispetto ad altri campi esistenti.
Compila i campi e clicca su Inserisci il tag (puoi lasciare tutto come predefinito).
Contact Form 7 invierà a un'e-mail i contributi inviati tramite il modulo. È possibile impostare l'e-mail dalla scheda E-mail.
Puoi andare alla scheda Messaggi se vuoi sovrascrivere i messaggi predefiniti. Puoi personalizzare il messaggio che appare dopo che i tuoi visitatori hanno inviato correttamente il modulo o il messaggio di errore quando il modulo non è stato inviato, ecc.
Fare clic sul pulsante Enregistrer una volta che hai finito di modificare il modulo e copiare lo shortcode.
Per aggiungere il modulo appena creato alla tua pagina Elementor, crea una nuova pagina e modificala con Elementor, oppure puoi anche modificare una pagina esistente.
Leggi anche: Come disabilitare un popup di Elementor sugli smartphone
Aggiungi una nuova sezione per posizionare il modulo e aggiungi il file Widget codice breve. Una volta aggiunto il widget Shortcode, vai al pannello di sinistra e incolla lo shortcode che hai copiato nel campo Codice breve sotto la scheda Contenuto.
Pubblica/aggiorna la tua pagina una volta che hai finito di modificarla.
Contact Form 7 utilizza il formato di stile del tema WordPress che usi. Puoi dare uno stile al tuo modulo Contact Form 7, ma sono richieste competenze CSS. Puoi anche visualizzare questo articolo su Come personalizzare un modulo Contact Form 7 con Essential Addons ed Elementor.
Ottieni subito Elementor Pro!!!
Conclusione
Ecco ! Questo è tutto per questo articolo che ti mostra come creare un modulo con Elementor gratuito. Se hai dei dubbi su come arrivarci, faglielo sapere nel commentaires.
Tuttavia, puoi anche consultare le nostre risorse, se hai bisogno di più elementi per realizzare i tuoi progetti di creazione di siti Internet, consultando la nostra guida su Creazione di blog WordPress o quello acceso Divi: il miglior tema WordPress di tutti i tempi.
Ma nel frattempo, condividi questo articolo sui tuoi diversi social network.
...
