Crea moduli di contatto con Contact Form 7 – Videoguida
Seconda parte
Ed eccoci alla seconda parte della nostra guida su Contact Form 7, quella un po’ più tecnica, che ti spiegherà i seguenti passaggi:
- Imposta le funzionalità dell’email
- Mail 2: risposta automatica
- Implementa il modulo
Nel riquadro riportato qui in basso ho inserito “le stringhe di codice”, più comunemente dette shortcode, che ti ho mostrato nel primo video:
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 |
<p>Il tuo nome (richiesto) [text* your-name]</p> <p>La tua email (richiesto) [email* your-email]</p> <p>Oggetto [text your-subject]</p> <p>Menù a discesa* [select* menu-262 include_blank "Verde" "Rosso" "Giallo"]</p> <p>Caselle di controllo [checkbox checkbox-943 "Roma" "Milano" "Napoli"]</p> <p>Inviami un file in allegato [file file-843 limit:1000000 filetypes:pdf|doc|txt|jpg|zip]</p> <p>Il tuo messaggio [textarea your-message]</p> [submit "Invia"] |
1. Imposta le funzionalità dell’email
Qui di seguito ti mostro, invece, come aggiungere ulteriori comandi/funzioni al nostro modulo:
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 |
<p>Campo Url [url url-512]</p> <p>Campo Tel [tel tel-269]</p> <p>Campo Numero [number number-636 min:0 max:100]</p> <p>Campo Pulsanti opzione [radio radio-150 default:1 "Blue" "Nero"]</p> <p>Campo Accettazione [acceptance acceptance-747] Lorem Ipsum Dolor</p> <p>Campo Quiz - Qual è l'anno dell'Unità d'Italia? [quiz quiz-219 "Unità-Italia | 1861"]</p> <p>Campo reCAPTCHA [recaptcha] </p> [submit "Invia"] |
N.B. Il controllo reCAPTCHA richiede due passaggi:
- Vai al Servizio reCAPTCHA di Google e ottieni i codici
- Vai sul menù Contatti > Integrazione e inserisci i codici
Attenzione: alcuni campi di controllo non possono coesistere nelle stesso modulo. Se ciò avviene, Contact Form 7 ti avvisa della loro incompatibilità.
2. Mail 2: Risposta automatica
Comunemente conosciuta come “email di cortesia”, se debitamente compilata il tuo sito o blog sarà in grado di fornire una risposta automatica a tuoi utenti. Esempio:
Salve Sig./ra xxx, le confermiamo di aver ricevuto il Suo messaggio. Sarà ricontattato al più presto dal nostro Staff. Cordiali saluti.
dove al posto di xxx, metterai la funzione “[your-name]”.
Il suo utilizzo, in realtà, non si limita solo a questo. Ad esempio posso invitare gli utenti a compilare il modulo per accedere a un dato contenuto che riceveranno via email e così via.
Dalla foto potete notare la presenza degli stessi shortcodes creati nella prima fase, quindi varranno le stesse regole.
Piccolo suggerimento: la funzione “[your-subject]”, ossia l’oggetto, in questo caso non serve perchè sarai tu a deciderne il contenuto, inserendo semplicemente un testo scritto. 😉 Idem per altre funzioni, se ci rifletti.
Altro suggerimento: la sezione “Corpo del messaggio” consente l’uso del codice HTML, grazie al quale potrai personalizzare al massimo il testo che inserirai nel “Corpo del messaggio”. E se non so conosco nulla di HTML? No problem! Affidati a un editor esterno a WordPress (quest’ultimo fa spesso uso delle “classi di stile” che all’infuori di esso non vengono elaborate).
Cerca su Google “Editor html free”. Quando avrai completato il tuo testo scritto, fa’ copia col mouse di tutta la parte scritta nella sezione “html” o “Code”, dalla riga posta dopo “<body>” alla riga che precede la chiusura “</body>”, e incolla in “Corpo del messaggio”.
3. Implementa il modulo
Siamo giunti, finalmente, alla fine del nostro how-to. Come ti mostro nel video qui in basso, non ti rimane che copiare lo shortcode generato da Contact Form 7 e incollarlo in una pagina, o articolo o come widget tramite lo strumento “Testo”.
Se non ti soddisfa la risoluzione, prova con Vimeo
Conclusioni: ho cercato di non eccedere in una terminologia di nicchia, spero di essere stato attento in questo. Se avrai difficoltà col tuo primo modulo di contatto, contattami! 😉
Se vuoi rimanere sempre aggiornato sulle novità, ti invito a iscriverti al servizio gratuito di Newsletter, qui in basso.
Stay tuned & Go WordPress!