• Caratteristiche
  • Modelli
  • Prezzi
  • Italian
  • Caratteristiche
  • Modelli
  • Prezzi
  • Italian
Ops! Il widget ricercato non è stato trovato! Hai qualche idea? Se sì, Invia qui

Contact Form 7 è uno dei widget per moduli più utilizzati in WordPress. Quasi tutti i siti web hanno bisogno di un modulo di contatto configurato e la maggior parte di essi utilizza questo widget.

A differenza di qualsiasi altro widget, Contact Form 7 non è uno strumento plug & play. Per poterlo utilizzare, è necessario prima configurarlo. Forse vi è sembrato che la configurazione di uno strumento sia un compito da sviluppatori. Ma certamente non è il caso di questo strumento.

Lasciate che vi guidi, in questo blog, su come configurare correttamente e su come utilizzare Contact Form 7 per il sito web WordPress.

Si noti che questo articolo include contenuti facili da distribuire. Non sono inclusi contenuti per sviluppatori esperti.

Manuale d'uso di Contact Form 7

settings

Prima di tutto, è necessario installarlo all'interno della dashboard.

Vai a Plugin> Aggiungi nuovo> e cercare digitando il nome.

Installatelo e attivatelo. Se si utilizza Element Pack è possibile saltare questo passaggio perché è precaricato all'interno del pacchetto.

Informazioni su Element Pack qui.

Come ho già detto, Contact Form 7 non è un widget plug&play. È necessario configurarlo per farlo funzionare. Quindi,

Configure Contact form 7

Cercare la scheda Contatto dal cruscotto, navigarlo e fare clic su Aggiungi nuovo. In questa fase, svilupperemo il modulo.

settings

Ora, concentratevi. Da qui in poi bisogna guardare con attenzione. La creazione di un nuovo modulo offre un paio di opzioni. È necessario inserire un testo qualsiasi come titolo e inserire il formato del modulo nel campo Forma scheda.

Come impostazione predefinita, il modulo mostra alcune righe di codice di testo nella casella rossa contrassegnata. Io l'ho modificato a mio piacimento. Potete farlo anche voi o lasciarlo come predefinito. Sta a voi decidere. Questi testi sono fondamentalmente i codici di struttura del modulo.

Per gli sviluppatori esperti è facile creare nuove strutture per il modulo. Ma potete farlo anche voi. Anche se è necessario un po' di impegno, non è del tutto difficile. Quindi, configurare Contact Form 7 è facile.

Configure Contact form 7

Andare ora alla pagina Posta accanto alla scheda Forma scheda. Qui è necessario configurare l'indirizzo di posta elettronica di ricezione e i testi mascherati del corpo del modulo.

Basta inserire la posta di lavoro nella cartella A e questo fa praticamente tutto il lavoro. È possibile cambiare le cose in ogni campo e vedere come vanno le cose in seguito.

settings

Dopodiché, andare alla sezione Messaggi e scrivere i messaggi corrispondenti nei campi di testo. Anche questa parte è impostata come predefinita e, se lo si desidera, è possibile lasciarla invariata.

Ok, Contact form 7 è configurato e pronto per essere distribuito. In realtà ci sono due modi per utilizzarlo.

  • Per codici brevi
  • Per widget diretto

Vediamoli entrambi.

 

Un blog per voi
Scelta del redattore

Imparate subito a creare CTA eccezionali!

Per codici brevi

Ogni modulo creato con Modulo di contatto 7 ha uno shortcode per un uso rapido. Questi shortcode mostreranno ai visitatori il formato completo del modulo.

Configure Contact form 7

Andare alla scheda Moduli di contatto e individuare i codici brevi accanto ai titoli dei moduli. Selezionarlo e copiarlo.

settings

Ora, nell'editor della pagina, posizionare un widget Shortcode e incollarvi lo shortcode Form. Ora vediamo in modalità anteprima se funziona.

Configure Contact form 7

In questo modo, il modulo di contatto è allegato e visibile ai visitatori. Qui non è possibile modificare l'aspetto del modulo (cambiare colore, tipografia, aggiungere un bordo, ecc.).

Da Widget diretto

Con un widget all'interno dell'area Editor di pagine Elementor, è possibile posizionare il widget Contact Form 7 e modificarne l'aspetto a piacimento.

settings

Andare nell'editor di pagina e selezionare Modifica con Elementor. A questo punto, dal menu del widget, selezionare Modulo di contatto 7 e posizionarlo all'interno della pagina.

Configure Contact form 7

Dal Layout selezionare il modulo realizzato seguendo le istruzioni precedenti.

settings

Ed ecco fatto! Il modulo apparirà nella pagina. Quello che si vede è il modulo predefinito. È possibile personalizzarlo ulteriormente in base alle proprie esigenze.

Configure Contact form 7

Fare clic sul pulsante Stile e modificare l'aspetto dei moduli. Vedere l'anteprima.

Conclusione

Configurazione Modulo di contatto 7 non è così difficile. Il widget offre la possibilità di progettare e sviluppare il modulo con un'opzione di inserimento del codice personalizzato. Quindi, è bene utilizzare questo widget.

Questo blog è offerto da Element Pack, la migliore combinazione di widget per Elementor. Grazie per aver letto.

Condividi questo blog:

Copyright © 2025 BdThemes. Tutti i diritti riservati.

Money Transfer Logo