Come abbiamo visto nella precedente lezione, con contact form 7 è possibile inviare in automatico una mail ai tuoi utenti.

Ma questo non è l’unico modo per dare un feedback.

È importante anche dare indicazioni riguardo la corretta compilazione del modulo e sugli eventuali errori.

Apriamo la tab Messaggi, dove puoi impostare tutte le diciture che appariranno automaticamente a seconda delle diverse situazioni in cui si trova il visitatore.

Come vedi sono già stati inseriti dei messaggi standard già tradotti in italiano.

Nel caso volessi personalizzarli, ti basterà leggere a cosa si riferisce.

In pratica trovi tutti i tag disponibili nella crezione.

Il primo è per la conferma di invio, abbiamo quello sul campo obbligatorio, sul peso del file, sulle lunghezze, quiz, ecc.

Fatte le dovute modifiche, ricordati sempre di salvare.

L’ultima tab del menu di contact form 7 riguarda le impostazioni aggiuntive.

Qui si possono inserire dei codici preimpostati, ne indichiamo due: demo_mode: on si imposta il form come se fosse in fase di test.

Non invierà quindi fisicamente la mail, ma farà apparire comunque il messaggio di avvenuto invio.

Con: acceptance_as_validation: on si agisce sul campo per il consenso.

Di default infatti il sistema non indica il messaggio di errore se non si spunta il checkbox ma si limita semplicemente a non permettere l'invio del modulo senza dare un feedback di ritorno all'utente.

Visto che questo potrebbe dare dei problemi in termini di usability, ti consiglio di utilizzare sempre questa impostazione aggiuntiva impostata su "on".

Inserendo il codice apparirà anche il messaggio di avviso che puoi impostare come abbiamo visto poco fa.

Ci vediamo nel prossimo video.

Ciao, hai una domanda su questa lezione?

Iscriviti al sito o effettua il login


  1. Giorgio
    Giorgio dice:

    ok funziona…..
    Ultima cosa come posso personalizzare il layout di contact form aggiungendo ad esempio due colonne e uno sfondo di background!!!!
    ho visto che ci sono dei css da aggiungere ma non riesco a farlo perchè mi da errore…
    Grazie

    Rispondi
    • Lorenzo
      Lorenzo dice:

      Ciao Giorgio,
      come vedi in contact form 7 i campi sono all’interno di tag HTML. Pertanto hai la liberà massima di controllo degli elementi tramite CSS.
      Logicamente devi sapere padroneggiare questi due linguaggi (argomento che non possiamo spiegare in una singoloa lezione di questo corso).

      Inoltre se in futuro hai dei problemi, dovresti darci maggior indicazioni, come per esempio quello che hai fatto e il messaggio di errore che ti viene restituito, altrimenti con un “mi da errore” con tutta la massima volontà è difficile aiutarti.

      Ricorda anche che molte volte basta cercare un plugin per una necessità particolare.
      Per esempio ho appena trovato Smart Grid Layout for Contact Form 7 che potrebbe risolvere il tuo problema.

      Grazie e buona giornata

    • Lorenzo
      Lorenzo dice:

      Ciao Giorgio,
      per Contact Form 7 ci sono molti plugin aggiuntivi, fra cui anche Success Page Redirects, che appunto fa quello che chiedi.

      Tieni presente che se vuoi mandare alla thankyou page per avere i dati tracciati in Analytics, lo puoi fare anche con gli eventi di analyitcs, oppure con il javascript inserendo questo codice nella pagina:

      <script>
      document.addEventListener( 'wpcf7mailsent', function( event ) {
          location = 'http://example.com/';
      }, false );
      </script>

      come indicato nella pagina a questo argomento dedicata nella documentazione ufficiale del plugin.

      Buona giornata

  2. Nicola
    Nicola dice:

    Buongiorno, visto che con Enfold non è possibile, con contact form 7 è possibile cambiare il colore del pulsante di invio? Perché devo inserire il modulo di contatto in una slide con layerslider per cui non posso inserire sezioni colore :)

    Rispondi
    • Gianluca
      Gianluca dice:

      Ciao Nicola,
      Inserire un bottone personalizzato in layer slider è possibile (dando tutte le impostazioni di colore che desideri).

      Lo spieghiamo al termine della lezione sulle singole slide.

      Il “problema” è che tu hai bisogno di modificare il bottone di un form, quindi anche con contact form 7 devi lavorare tramite codice css.

      Prova a cercare in rete “change button color contact form 7” e troverai articoli come questo che mostrano come fare.

      In alternativa puoi provare anche ad utilizzare altri plugin per creare form, come WPform Lite che è sempre gratuito.

      Buona giornata

  3. roberto degli esposti
    roberto degli esposti dice:

    Salve,
    in contact form 7 vorrei inserire pulsanti di opzione in grado di controllare altri campi di testo.

    Faccio un esempio:

    Nome:_____________

    Mail:______________

    • Privato • Professionista (questi sono pulsanti di opzione)

    P.iva:______________ (Questo campo appare solo se viene selezionata la voce “Professionista” ed è obbligatoria)

    Questo quesito lo inserirei anche nel corso, perché secondo me, molti utenti necessitano di questa funzione, grazie mille.

    Nel caso non si potesse fare in questo modo, accetto consigli utili per risolvere il problema.

    Rispondi
    • Lorenzo
      Lorenzo dice:

      Ciao Roberto,

      grazie per il tuo intervento. Lo reputiamo un ottimo spunto per creare una lezione a riguardo.

      Nella maggior parte dei moduli che trovi in giro per la rete, quando si parla della partita iva, questo campo viene inserito, ma viene data la libertà all’utente se compilarlo o meno – ovvero senza nasconderlo a seconda di una scelta precedente.

      Ma ci potrebbero essere altre situazioni dove avere dei campi condizionali è inevitabile.

      Un plugin che stò testando è questo: Conditional Field for Contact Form 7.

      Se dopo aver fatto i test lo reputeremo valido, allora procederemo con una lezione dedicata.

      Buona giornata

Ti serve assistenza personalizzata?

Ti serve assistenza personalizzata?

Per realizzare il tuo progetto o per risolvere qualsiasi problematica, rivolgiti al nostro Team di professionisti.

You have Successfully Subscribed!

Pin It on Pinterest