[vc_row content_placement = "middle" css = ". vc_custom_1508940533685 {background-color: #f8f6f6! important;}" el_id = "themeforestpro"] [vc_column width = "3 / 4" css = ". vxXXXXUM ! important; border-bottom-width: 1502759058885px! important; padding-bottom: 0px! important;} "] [vc_column_text]

Divi: il tema WordPress più semplice da usare

[/ vc_column_text] [/ vc_column] [vc_column width = "1/4"] [vcex_button url = "https://www.elegantthemes.com/affiliates/idevaffiliate.php?id=23065&tid1=divibeforepostmobile" target = "blank" size = "small" align = "center" color = "green" font_family = "Raleway" font_weight = "600" style = "flat" custom_color = "# ffffff" custom_hover_color = "# ffffff"] DOWNLOAD [/ vcex_button] [/ vc_column] [/ vc_row]

Divi: il miglior tema WordPress di tutti i tempi!

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

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.

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? ».

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

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.

1 azioni
quota
Tweet
Enregistrer1