In questa lezione imparerai come inserire i tag elemento dentro al modulo di contatto, che come abbiamo già visto utilizza sia il codice html che degli shortcode per creare i campi.

Ogni elemento da inserire nel modulo di contatto presenta due campi: il  campo label (etichetta) e il campo che dovrà essere riempito dall'utente. Come esempio, vedremo come aggiungere un nuovo elemento tag per chiedere all'utente di fornire l'url del suo sito web.

Dovrai quindi utilizzare il codice dello shortcode generato, inserendolo all'interno del modulo e all'interno della mail che riceverai.

Vedrai come rendere obbligatoria o meno la compilazione di un elemento, ricordandoti sempre di aggiungere il campo label e di salvare tutti i campi necessari anche nell'email che ti notificherà del messaggio inviato dal sito.

Un semplice test di invio ti permetterà di controllare che la procedura sia stata effettuata correttamente.

Hai una domanda su questa lezione?

Accedi al video corso


  1. Laura
    Laura dice:

    ho eseguito la procedura della configurazione del captcha…tutto bene. ma al momento di inserirlo in una pagina, dove lo trovo lo short code? dal plugin Contact form 7 è sparito il modulo recaptcha…nel tutorial il tutor va troppo di fretta e non ha spiegato come inserire questo importante strumento. Per favore mi potete aiutare? grazie

    Rispondi
    • Gianluca
      Gianluca dice:

      Ciao Laura,
      In realtà con la nuova versione di reCaptcha non serve più inserire alcuno shortcode.

      Come spiegato anche in fondo alla guida di Contact Form 7 infatti, anche aggiungendo [recaptcha] sarebbe ignorato.

      Una volta fatta la configurazione e che avuto conferma da Google che è andato tutto bene, dovresti vedere in basso a destra della tua pagina il quadratino che indica che il sito è protetto.

      Buona giornata

  2. Raffy
    Raffy dice:

    Salve,
    il campo di inserimento reCAPTCHA non mi compare.
    Visitando la pagina https://contactform7.com/recaptcha/ sembra proprio che sia normale. Quindi dovrei procedere direttamente alla registrazione con un account gmail e procedere normalmente anche senza pulsante di inserimento.
    Giusto?
    Grazie e buona giornata.

    Rispondi
    • Lorenzo
      Lorenzo dice:

      Ciao Raffy,
      se vuoi utilizzare il reCaptcha devi registrarti con Google e seguire le istruzioni della pagina di cui hai messo il link. È un servizio di Google e non del plugin Contact Form 7.
      Detto questo quando dici “procedere senza pulsante d’inserimento” non capisco bene cosa intendi.
      Puoi fare un form anche senza il reCaptcha, non è obbligatorio. E lo shortcode per generare il pulsante del form è [submit “Invia”].

      Buona giornata

  3. Gianluca
    Gianluca dice:

    Ciao è due giorni che sto impazzendo ho fatto un modulo di contato tutto ok, ho messo il box per la privacy con codice tutto ok ma sul modulo il riquadro dove devo flegare non appare sto impazzendo riesci a darmi un mano ?
    ti allego il link al modulo.
    Grazie Gianluca

    Rispondi
    • Gianluca
      Gianluca dice:

      Ciao Gianluca,
      intanto devi inserire il modulo accettazione prima del tasto di invio modulo.

      In secondo luogo puoi provare ad inserirlo mantenendo i tag label di apertura e chiusura come per gli altri campi.
      Prova anche a non flaggare l’opzione Make this checkbox optional, in modo che sia obbligatorio.

      Buona giornata

    • Gianluca
      Gianluca dice:

      Ciao Gianluca
      in questi casi, prova a creare un nuovo form e inseriscilo in una pagina di test.

      Usa solo i campi minimi che trovi di default per ogni nuovo form e inserisci il checkbox accettazione prima del tasto di invio.

      In questo modo dovrebbe sicuramente funzionare e potrai implementarlo con gli altri campi che ti occorrono.

      Buona giornata

  4. Gianluca
    Gianluca dice:

    Ciao Lorenzo,
    ho risolto sono riuscito a fare quello che volevo grazie mille per l’assistenza.
    Complimenti per i cosi sono fantastici.
    Ciao

    Rispondi
    • Lorenzo
      Lorenzo dice:

      Ah ok, ti avevo risposto dandoti una soluzione.
      Leggila comunque che magari ti può essere comunque d’aiuto.

      Grazie per i complimenti! Ricorda che se vuoi puoi lasciarci una recensione. Si trovano nellapagina di vendita del signolo video corso (colonna in basso a destra).
      Buona giornata

  5. Gianluca
    Gianluca dice:

    Ciao Lorenzo ho trovato un’esempio che rende cosa voglio fare ti metto il link
    il riferimento e ai bambini: xxxxxxx

    Rispondi
    • Lorenzo
      Lorenzo dice:

      Ciao Gianluca,
      ho capito. Da quello che vedo c’è una soluzione un po’ macchinosa, ma dovrebbe funzionare.
      Non è un sistema dinamico, ovvero dove l’utente inserisce un numero e si creano i corrispettivi campi, ma ho visto che nel esempio c’è un limite e va da 1 a 5.
      Praticamente fai un menu a tendina con appunto la scelta fra 1 e 5.
      Poi fai 5 gruppi condizionali.
      Nel primo gruppo metti un solo campo.
      Nel secondo ne metti due, nel terzo tre e via dicendo.
      Certo non è il massimo dell’eleganza in termini tecnici, però dovrebbe fare il suo lavoro.

      Fammi sapere,
      buona giornata

  6. Gianluca
    Gianluca dice:

    Ciao Lorenzo, grazie per ho risolto in parte in quanto se ho un bambino mi si apre una casella che mi fa mettere l’eta ma se ho due bambini ho bisogno che si aprano due caselle non capisco come fare.
    li ho messo il link così forse mi capisci meglio.
    Ciao Gianluca

    Rispondi
    • Lorenzo
      Lorenzo dice:

      Ciao Gianluca,
      mi sembra di capire che hai bisogno di un sistema di creazione dinamico di campi. Se è così allora questo plugin non lo fa.
      Se però mi spieghi l’esigenza del progetto, magari, prima di passare ad un programmatore freelance, ti posso dare una mano per trovare una via alternativa che soddisfi la tua richiesta.

      Fammi sapere
      buona giornata

  7. Gianluca
    Gianluca dice:

    Buon giorno, vorrei creare un modulo dove se inserisco un numero me ne apre un’altro.
    Esempio modulo per hotel quanti bambini asseconda del numero dei bambini si apre un’altro modulo dove posso mettere l’età.
    Spero di essere stato chiaro
    Grazie Gianluca

    Rispondi
    • Lorenzo
      Lorenzo dice:

      Ciao Gianluca,
      non ho ben capito che cosa vuoi fare e perché, ma di seguito ti spiego come creare campi che sono nascosti / mostrati a seconda di una selezione dell’utente.

      Devi installare un aduno di Contact Form 7, chiamato Conditional Fields for Contact Form 7.
      Una volta installato questo plugin vedrai, nella pagina di creazione modulo, un nuovo bottone Conditional Fields Group. Ma procediamo con ordine.
      Crea un campo di selezione Menu a discesa con risposte A, B, C.
      A seconda di quello che seleziona l’utente mostrerai un gruppo di ulteriori domande.
      Sotto al menu a discesa premi quindi Conditional Field Group, assegnagli un nome e vedrai che si forma il tag [group nome-gruppo].

      Dentro a questo blocco inserisci i campi che vuoi mostrare se l’utente ha selezionato A.
      Quando la struttura dei campi è pronta, vai nella tab Conditional field e genera le logiche, come “Se il campo selezionato è A allora mostra il gruppo xxx”.

      Guarda le immagini qui sotto che mostrano un esempio che ti ho preparato, dove nella prima domanda chiediamo all’utente il suo hobby e, a seconda della risposta, gli poniamo domande relative al suo hobby.

      Infine aggiungo che puoi anche fare gruppi all’interno di altri gruppi per logiche condizionali più complesse.

      Buona giornata

      condirional field

      conditional fields logic

  8. Marino
    Marino dice:

    Buongiorno, ho bisogno in un unico form di dare la possibilità all’utente di scegliere a chi mandare la mail con un menù a tendina:
    AMMINISTRAZIONE
    UFFICIO VENDITE
    UFFICIO ACQUISTI
    Come posso fare?

    Rispondi
    • Gianluca
      Gianluca dice:

      Ciao Marino,
      per esigenze di questo tipo non bastano i plugin “base”.

      Trovi queste funzionalità nelle versioni a pagamento di plugin come Ninja Forms o WP Forms.

      Buona giornata

    • Lorenzo
      Lorenzo dice:

      Ciao Melida,

      dopo che l’utente ha compilato il modulo lo devi mandare ad una nuova pagina dove lo ringrazierai e gli inserirai il link per fargli scaricare il pdf.

      Se stai usando Contact Form 7, allora ci sono più plugin che integrano questa funzione.
      Per esempio Contact Form 7 redirection.

      Se invece stai usando il modulo di contatto del tuo tema, allora dipende se c’è questa funzione.
      Cercalo fra tutte le voci disponibili nel modulo dei contatti. Come vedrai nella lezione dedicata ad Enfold, questa possibilità è presente.

      Buona giornata

    • Ettore
      Ettore dice:

      Ciao, ho messo in una pagina il modulo di contatto di divi con i campi nome, email, oggetto, messaggio e alla fine ho messo la checkbox per accettare la privacy, nelle impostazioni della checkbox nel campo titolo volevo scrivere “Accetto i termini dell’informativa sulla privacy” e mettere il link alla pagina della privacy, ho provato ad inserire il codice ma non funziona. Quando salvo il modulo il codice che ho inserito sparisce, spero di essermi spiegato bene.

    • Gianluca
      Gianluca dice:

      Ciao Ettore,
      purtroppo non è possibile inserire un collegamento all’interno del campo perché, come puoi verificare inserendo una semplice scritta senza link, il campo cliccabile per l’accettazione comprende anche tutto il testo inserito (e non solo il checkbox).

      Non è quindi possibile inserire un altro link tramite codice, perché crea conflitto con il precedente.

      Se vuoi avere la possibilità di lavorare meglio con l’html puoi provare ad usare Contact form 7, anche se dal punto di vista grafico è decisamente meglio il modulo di Divi.

      Buona giornata

  9. giorgioaugusti
    giorgioaugusti dice:

    Ciao Gianluca,
    ti ringrazio per la risposta….
    Unica cosa io non trovo in divi la possibilità di inserire la checkbox per l’accettazione della privacy….quello che mi indichi tu è inserire una riga e renderla obbligatoria.
    Attendo tue
    Grazie

    Rispondi
    • Gianluca
      Gianluca dice:

      Ciao Giorgio,
      Se hai installato Divi senza inserire le tue chiavi API per gli aggiornamenti automatici, è probabile che tu non li veda, perché è una funzione che è stata aggiunta da poco.

      Prova ad aggiornare il tema manualmente e vedrai che troverai diverse nuove funzioni, non solo questa legata al modulo di contatto.

      Buona giornata

  10. giorgioaugusti
    giorgioaugusti dice:

    Ciao Ragazzi,
    se uso il modulo di contatto con Divi, dove posso inserire il tasto della privacy che mi consente di inviare l’email????
    grazie

    Rispondi
    • Gianluca
      Gianluca dice:

      Ciao Giorgio,
      nel modulo di contatto di Divi basta che inserisci un nuovo campo in fondo alla lista di quelli che hai già impostato.

      Nella sezione Opzioni Campo trovi un menu a tendina per specificarne il tipo. Scegli Checkbox e rendilo obbligatorio.

      Buona giornata

  11. Ania
    Ania dice:

    Ciao,
    Io non uso CF7, ma Bloom. Spero sia opportuno scrivere il mio problema, che magari potrebbero riscontrare anche altri che usano Divi come tema.
    Non riesco a capire come implementare la privacy policy nel footer del form di contatto e successivamente come rendere l’accettazione della policy obbligatoria.
    L’unica cosa che il plugin sembra permettermi di fare è scrivere un testo normale.
    L’impressione che ho io è che sembra non si possa fare altro…cosa che mi sembrerebbe molto improbabile.
    Ne sapete qualcosa?
    Grazie,
    Ania

    Rispondi
    • Lorenzo
      Lorenzo dice:

      Ciao Ania,
      Bloom, CF7, NinjaForms sono plugin e non centra il tema che stai utilizzando, in questo caso DIVI.
      Ovvero puoi utilizzare DIVI con CF7 o Bloom con un altro tema.
      Inoltre Bloom è un plugin per ottenere iscritti alla newsletter, gli altri due per creare dei moduli di contatto.

      Detto questo, il modulo di contatto di DIVI non ha il checkbox per l’accettazione della privacy pertanto dovremmo arrangiarci con altri plugin.
      Contact Form 7 fa questo e lo spieghiamo in questa lezione.
      Come è fatto un modulo di contatto

      Anche NinjaForms da questa possibilità, ed ecco la lezione di riferimento: impostare un modulo di contatto.

      Per quanto riguarda Bloom non c’è la possibilità di inserire il checkbox, ma ricorda che devi fare il “double optin”. Ovvero in Mailchimp, o nell’applicazione che stai usando per gestire le tua newsletter, devi scegliere questo procedimento. In questo modo l’utente dovrà confermare la volontà di essere iscritto e tu sei a posto.

      Buona giornata

    • Ania
      Ania dice:

      Ciao Lorenzo, grazie per l’esaustiva spiegazione.

      Per quello che riguarda la doppia conferma all’iscrizione, non sapevo che facendo così non ero più obbligata ad includere l’accettazione della privacy. Comunque ho già provveduto ad averla e sembra che una cosa l’abbia risolta.

      Una domanda che quindi mi nasce spontanea invece è questa. Dato che non ho con il format di contatto di Divi il checkbox per l’accettazione della privacy, devo per forza appoggiarmi ad un plugin (sono quindi obbligata a farlo) o non è obbligatorio?

      A questo punto, se devo appoggiarmi ad un plugin, mi conviene sempre avere anche Bloom o posso risolvere tutte le esigenze con uno solo?

      Grazie,
      Ania

    • Lorenzo
      Lorenzo dice:

      Ciao Ania,
      da quello che leggo vedo che non ti è chiara la situazione.

      Bloom serve per raccogliere le email da inserire in una tua mailing list.
      Plugin come CF/ o NinjaForms sono per la creazione di moduli di contatto (Esempio: nome, congnome, società, lavoro, P.IVA, messaggio, ecc…).

      Sono due strumenti distinti e vanno utilizzati distintamente per gli scopi per cui sono stati creati.

      Quindi se devi raccogliere delle email per la tua newsletter da inserire in Mailchimp, SI utilizza Bloom, NO non utilizzare CF7 o NinjaForm.
      Se devi avere un modulo di contatto, per esempio nella pagina contatti, con il checkbox delle privacy, SI utilizza CF7 o NinjaForm, NO non utilizzare Bloom.

      Per quanto riguarda il double optin, quindi mailinglist + Bloom, quello che si chiede all’utente è l’email e al massimo il nome.
      Se vuoi essere sicura a livello legale, allora non possiamo darti noi un consiglio, ma appunto chiedi al tuo legale in funzione della tua attività e consulta il sito del garante delle privacy:

      Linee guida in materia di attività promozionale e contrasto allo spam

      Un’idea che ti posso dare è quella di inserire all’interno dell’email di conferma la classica dicitura “Iscrivendoti a questa lista accetti….” e metti un link alla tua pagina policy.

      Buona giornata

Pin It on Pinterest