Vai al contenuto principale

Come aggiungere un modulo di contatto con WordPress Modulo di contatto 7

Divi: il tema WordPress più semplice da usare

Stai cercando i migliori temi e plugin per WordPress?

Scarica i migliori plugin e temi WordPress su Envato e crea facilmente il tuo sito web. Già più di 49.720.000 download. [ESCLUSIVO]

Contattare 7 Modulo è certamente il plug-in più utilizzato su WordPress durante la creazione del modulo di contatto. Il suo principale vantaggio è la semplicità che offre quando è necessario creare un modulo e l'integrazione in diverse pagine, articoli o widget, sanni dimenticando il fatto che è disponibile in francese.

modulo di contatto-7

Se vuoi imparare come usarlo plug-in, allora sei capitato nel posto giusto, perché in questo tutorial ti mostrerò dove scaricare Contact Form 7 e come usarlo per aggiungere un modulo di contatto al tuo sito WordPress.

Se non capisci un punto su questo articolo, faccelo sapere utilizzando il modulo dei commenti. Se l'articolo ti aiuta, condividilo con i tuoi amici sui social media.

Come installare plug-in Contattare 7 Modulo

Contatti Modulo 7 è disponibile su WordPress.org, il che significa che puoi installarlo direttamente dalla dashboard di WordPress inserendo i termini " Contatti Modulo 7“, L'occorrenza con lo stesso nome sarà quella corretta. Tuttavia, se si desidera avere questo plug-in, Puoi scaricalo direttamente in formato .CERNIERA LAMPO.

Dopo averlo installato, noterai che sulla tua dashboard è disponibile un nuovo collegamento, questo è il menu: « contatti ». Ne possiede due sottomenu : « moduli di contatto«  (che riunisce tutti i moduli che hai creato, puoi gestire i tuoi diversi moduli su questo sito) et « crea un modulo« .

Come creare un nuovo modulo

Un piccolo comando del linguaggio HTML sarà un vantaggio per la comprensione di questo plug-inPer creare un nuovo modulo, vai al seguente percorso: « Contatti >> crea un modulo '. In questo sito vedrai le sezioni 6:

  • Il primo (in cima) contiene il nome del modulo
  • modulo: è lo spazio di lavoro in cui creeremo i nostri moduli
  • E-mail: consente di modificare la forma del fileemail che verrà inviato all'amministratore
  • E-mail 2: consente di inviare al mittente una copia del messaggio che ha inviato (puoi disabilitare questa opzione)
  • messaggi: offre la possibilità di modificare i messaggi che potrebbero apparire durante l'invio di un modulo di contatto. Non modificheremo questi campi, poiché sono già tradotti in francese
  • impostazioni complementari: questo è il campo di testo in cui è possibile aggiungere codici per produrre un comportamento preciso.

Inizieremo quindi aggiungendo un nome al nostro modulo, che chiameremo come segue: « nuovo modulo '.

osservazione : per aggiungere un nome a questo modulo, dovrai fare doppio clic sul testo "Nessun titolo", verrà visualizzato un campo di testo.

Crea facilmente il tuo sito Web con Elementor

Elementor ti consente di creare facilmente qualsiasi design di sito Web con un aspetto professionale. Smetti di pagare caro per quello che puoi fare da solo. [Free]

come-creare-un-nuovo-forma

Nella sezione "Form", il campo di testo a sinistra offre già alcuni campi predefiniti. Ogni campo inizia con un tag di apertura " <p>», e termina con un tag di chiusura '.

Più in basso la sezione forma, noterai che c'è un campo di testo a sinistra precompilato e a destra, un menu a tendina contenente i diversi campi che possiamo aggiungere.

Supponiamo di voler aggiungere un campo per il numero di telefono, sceglieremo l'opzione " numero di telefono »Nel menu a discesa, che farà apparire una meta-casella con le opzioni del campo che vogliamo aggiungere.

Il campo indispensabile qui è sicuramente il nome del campo. Puoi cambiarlo, ma ti suggerisco di lasciare che l'estensione gestisca questi nomi a meno che tu non sappia cosa stai facendo. Potrebbe essere necessario aggiungere il testo della filigrana al nuovo campo. Per fare ciò, seleziona la casella « Utilizzare questa filigrana del testo? » e aggiungere del testo al campo "Valore predefinito".

osservazione : Puoi determinare che un campo è obbligatorio, selezionando la casella « campi obbligatori? ».

Divi: il miglior tema WordPress di tutti i tempi!

più Download di 701.000, Divi è il tema WordPress più popolare al mondo. È completo, facile da usare e viene fornito con oltre i modelli gratuiti 62. [Consigliato]

Dopo aver terminato, il campo « Copia il codice qui sotto e incollarlo nel modulo di sinistra »Conterranno il codice per il nostro nuovo campo. Copiare questo valore e aggiungerlo soprattutto prima della riga di codice:

[invia "Invia"]

 che è il pulsante di invio.

Il mio nuovo campo è questo:

[segnaposto tel tel-711 "Il tuo numero di telefono"]

L'ho avvolto in un tag " " (come detto sopra), con un testo indicativo, per avere un codice finale identico a questo:

Il tuo numero di telefono : [segnaposto tel tel-711 "Il tuo numero di telefono"]

Certo, puoi modificare l'email che riceverai e l'email di notifica di invio che riceverà l'autore del messaggio, ma per questo, devi avere una buona padronanza dell'HTML per ottenere risultati soddisfacenti. .

Quando la modifica del modulo è completa, non dimenticare di salvare il modulo. Solo dopo averlo fatto potrai recuperare il suo shortcode (Collegamento) e aggiungilo su una pagina, un articolo o anche in un widget di testo.

come il copia-shortcode-of-a-Form

Crea facilmente il tuo negozio online

Scarica gratuitamente WooCommerce, i migliori plug-in di e-commerce per vendere i tuoi prodotti fisici e digitali su WordPress. [Consigliato]

l'ho provato e funziona abbastanza bene. Puoi anche testare a casa le varie email inviate agli utenti e quelle che ricevi.

modulo appena aggiunto sul campo

Questo è tutto per questo tutorial, spero che ti aiuti a creare la tua pagina di contatto con il plug-in WordPress gratuito Contact Form 7. Sentiti libero di pubblicare un commento.

Questo articolo contiene i commenti 10

  1. Ho eseguito l'installazione molte volte nel corso dei mesi, ma quando provo ricevo il seguente messaggio "Si è verificato un errore durante l'invio del messaggio. Per favore riprova più tardi "…
    Non vedo cosa c'è che non va ...
    Noto che il mio modulo sul sito non porta un nome anche se gli ho dato un po '...

    grazie,

    Bien cordialement

  2. Buongiorno,
    Ho integrato il codice di cui sopra nel form di contatto (accesso tramite il pulsante "contattaci" nell'intestazione della home page). Tutto viene visualizzato nella pagina "messaggistica" Riempio tutti i campi ma l'e-mail che ricevo contiene solo nome, oggetto ed e-mail, non il numero di telefono 🙁
    Dove ho sbagliato ??? Grazie in anticipo se puoi aiutarmi

  3. quando scarico questo file no .ZIP quindi niente "Installa" ... ..
    povero neofita che io sono, grazie per la vostra comprensione

Lascia un commento

L'indirizzo email non verrà pubblicato. I campi obbligatori sono contrassegnati *

Questo sito utilizza Akismet per ridurre indesiderati. Ulteriori informazioni su come vengono utilizzati i dati dei commenti.

Torna in alto
1 azioni
quota
Tweet
Enregistrer1