Creare un form di contatto in WordPress: Contact Form 7

Creare un form di contatto in WordPress: Contact Form 7

Creare un form di contatto in WordPress è davvero importante per permette ai tuoi utenti di contattarti in maniera rapida e senza uscire dal tuo sito. Creare un form a mano può richiedere parecchio tempo, ma WordPress ci viene incontro e ci mette a disposizione il grandissimo plugin Contact Form 7, scaricato quasi 9 milioni di volte, a mio parere, il miglior plugin per creare form in WordPress! Supporta Ajax, Akismet ed ha il CAPTCHA e controllo matematico integrato.

1. Creare un form di contatto con Contact Form 7

Creare un form di contatto con Contact Form 7 (CF7) è davvero semplice e veloce.

Scarica ed installa il plugin da Plugin > Aggiungi nuovo > Contact Form 7.

Una volta installato il plugin, vai su CF7 > Aggiungi nuovo >.

Aggiungi nuovo form

Ti troverai di fronte a questa schermata dove potrai personalizzare il tuo nuovo form.

Personalizza form

Inserisci il titolo del form (1), ad esempio Form Contatti.

Di default nella zona sotto (2) sono già impostati i seguenti campi:

  • nome*
  • email*
  • oggetto
  • textarea
  • pulsante

L’asterisco indica che il campo è obbligatorio.

Se il form ti va già bene così, salvalo e vai alla sezione successiva: 2. Mostrare il form.

1.1 Aggiungere dei campi al form

Se vuoi aggiungere altri campi al form, basta che clicchi su Genera tag (3) e selezioni il tag che vuoi inserire. Puoi scegliere tra:

  • Campo di testo: per inserire del testo breve su una sola riga, ad esempio Nome e Cognome
  • Campo email: per inserire… indovina? L’email 🙂
  • Area testo: per inserire molto testo, su più righe, come il messaggio di una email
  • Menù a cascata: per mostrare un menù a tendina
  • Caselle di verifica: sono le cosiddette check box. servono per poter selezionare più opzioni contemporaneamente. Es. Quali sono le tue passioni: opzione 1, opzione 2, opzione3. L’utente potrà scegliere più di una opzione
  • Radio button: l’utente ha a disposizione più opzioni, ma può fare solamente una scelta. Es. Maschio o Femmina: opzione 1, opzione 2
  • Consenso: casella che deve essere selezionata per poter inviare il messaggio. Es. Accetto termini e condizioni d’uso
  • Quesito: serve per diminuire lo spam. Introduce un campo dove viene richiesto di fare un semplice calcolo matematico
  • CAPTCHA: permette di limitare lo spam, aggiungendo un box di verifica contenente del testo che dovrai ricopiare in un apposito campo. Odioso
  • Upload file: permette all’utente di caricare un file sul sito
  • Pulsante di invio: per inviare i dati inseriti, ci deve sempre essere in un form

Ad esempio, inserirò il campo dove chiederò all’utente il budget disponibile (come obbligatorio) e con valore di default impostato a 100 (€).

Aggiungere un campo

Seleziono il Campo di testo in quanto il testo da inserire è breve.  Imposto che il campo sia obbligatorio (1), inserisco un nome identificativo del campo (non verrà mostrato nel sito), ad esempio budget, imposto il valore predefinito pari a 100.

Verrà generato in automatico il codice (2) da inserire all’interno del Modulo (4). Basta semplicemente copiare il codice ed incollarlo nella parte sinistra della schermata, il Modulo per l’appunto. Poi puoi aggiungerci prima del testo informativo, dove dici all’utente cosa deve fare. In questo caso, gli ho detto semplicemente di inserire il budget.

Il simbolo <p> è codice HTML, serve per creare un nuovo paragrafo (praticamente lascia uno spazio dal successivo) e va chiuso con </p> dopo aver inserito il campo desiderato.

Il simbolo <br /> è sempre codice HTML e serve per andare a capo. Quindi se vuoi mostrare i campi inseriti a fianco del testo e non sotto (come in questo caso), devi togliere il codice <br />.

Infine copia il codice che ti viene fornito al punto 3 ed incollalo appena sotto, dove c’è il contenuto della mail che ti arriverà quando l’utente utilizzerà il form appena creato.

cf7 email

Questa parte è molto intuitiva, devi solo impostare correttamente la mail a cui vuoi che vengano inviati i messaggi creati tramite il form in questione. Quello che un utente seleziona o scrive in un campo, verrà mostrato nella mail nei punti dove è presente il codice associato al campo stesso, che è quello tra parentesi quadre.

Quindi puoi personalizzarti la mail come meglio credi, davvero fantastico!

Terminate la creazione e l’inserimento di nuovi campi e le personalizzazioni del contenuto della mail, salva! Ti verrà fornito il codice che devi utilizzare per mostrare il form, copialo.

cf7 codice

2. Mostrare il form

Se non hai ancora il codice per mostrare il form, vai su CF7 > e vedrai immediatamente il codice Shortcodes associato al form, copialo.

cf7 shortcode

Una volta che hai copiato il codice, vai nella pagina, post o widget dove vuoi che venga mostrato il form di contatto ed incolla il codice così com’è nell’editor visuale (non HTML). Poi salva/aggiorna.

Ad esempio io solitamente creo una pagina Contatti da Pagine > Aggiungi nuova >, e poi incollo il codice e la pubblico/aggiorno.

Troppo semplice, non trovi? Ecco il risultato:

cf7 Risultato

Cambia l’aspetto grafico del form

Non è molto bello da vedere, vero? Per modificare la grafica le cose si complicano, dovrai modificare il codice CSS. Ti mostrerò il codice proposto in questo articolo per modificare l’aspetto del form e renderlo più professionale.

Prima di tutto devi modificare il contenuto del Modulo del form, sostituisci il vecchio codice con questo nuovo e poi salva:

[php]
<ul id="contact">
<li><span class="text">Your Name</span><span class="required">(*)</span> [text* your-name]</li>

<li><span class="text">Your Email</span><span class="required">(*)</span>[email* your-email] </li>

<li><span class="text">Inseirsci il tuo budget</span>[text* budget "100"]€ </li>

<li><span class="text">Subject</span>[text your-subject] </li>

<li id="message"><span class="text">Your Message</span>[textarea your-message] </li>

<li id="submit">[submit "Send"]</li>
</ul>
[/php]

Ora vai su Aspetto > Editor > style.css ed incolla nell’ultima riga il seguente codice:

[css]
#contact{
list-style:none;
margin:0;
}
#contact li{
float: left;
height: 60px;
margin:0 0 20px;
position: relative;
width: 540px;
}
#contact li .text{
background: #F0EFEF;
padding:15px 10px 10px 0;
position:absolute;
z-index:100;
min-width:85px;
border-bottom-right-radius: 5px;
-moz-border-radius-bottomright:5px;
-webkit-border-bottom-right-radius:5px;
border-top-left-radius: 5px;
-moz-border-radius-topleft:5px;
-webkit-border-top-left-radius:5px;
text-indent: 5px;
}
#contact li .required{
position:absolute;
right:10px;
top:10px;
z-index:100;
}
#contact li .wpcf7-form-control-wrap{
position: absolute;
}
#contact li .wpcf7-form-control-wrap input, #contact li .wpcf7-form-control-wrap textarea{
background:#fff;
border:solid 5px #F0EFEF;
border-radius:5px;
-moz-border-radius:5px;
-webkit-border-radius:5px;
padding:15px 10px 25px;
width: 509px;
text-indent:95px;
z-index:100;
margin:0;
}
#contact li .wpcf7-form-control-wrap input:focus, #contact li .wpcf7-form-control-wrap textarea:focus{
background:#F0EFEF
}
#contact li .wpcf7-form-control-wrap textarea{
line-height: 28px;
padding: 10px;
height:200px;
}
#contact li#message{
min-height:220px;
}
#contact li#submit input{
color:#fff;
text-decoration:none;
margin:10px 30px 0 0;
background:#09b2f3;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=’#69d2f9′, endColorstr=’#09b2f3′);
background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#69d2f9), to(#09b2f3));
background: -moz-linear-gradient(top, #69d2f9, #09b2f3);
border:none;
-moz-border-radius:3px;
-webkit-border-radius:3px;
-0-border-radius:3px;
border-radius:3px;
display:block;
padding:10px 25px;
text-align:center;
text-shadow:0 1px 0 #09b2f3;
text-transform:uppercase;
}
#contact li#submit input:hover{
background:#69d2f9;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=’#09b2f3′, endColorstr=’#69d2f9′);
background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#09b2f3), to(#69d2f9));
background: -moz-linear-gradient(top, #09b2f3, #69d2f9);
-moz-box-shadow:0 1px 2px rgba(0,0,0,.5) inset;
-webkit-box-shadow:0 1px 2px rgba(0,0,0,.5) inset;
-o-box-shadow:0 1px 2px rgba(0,0,0,.5) inset;
box-shadow:0 1px 2px rgba(0,0,0,.5) inset;
color:#06506c;
text-shadow:0 1px 0 rgba(255,255,255,.25);
text-transform:uppercase;
cursor:pointer;
}
div.wpcf7-validation-errors {
clear: left;
}
[/css]

L’effetto finale è molto più professionale, cosa dici?

CF7 Style CSS

Bonus

Lo spam è sempre in agguato in questi casi, quindi se non vuoi riceverne, installa i migliori plugin atispam.

In particolare ti consiglio di installare Hiddy, un plugin che inserisce un campo di testo non visibile all’occhio umano, ma visibile agli spambot (programmini che inviano in automatico messaggi spam). Grazie alla loro natura, gli spambot cercheranno di compilare questo campo. Il plugin controllerà il contenuto del campo nascosto e, se troverà del testo, il messaggio verrà scartato perchè si è certi che sia inviato da uno spambot. Geniale! Complimenti a Merlinox e a k76 per il plugin.

VUOI CREARE IL TUO SITO O BLOG WORDPRESS?

Scegli uno tra i migliori hosting per WordPress

HOSTING

Scegli uno tra i migliori hosting per WordPress

Hosting

Scegli uno tra i migliori temi WordPress professionali

GRAFICA

Scegli uno tra i migliori temi WordPress professionali

Grafica

Guide e risorse per gestire il sito WordPress a 360°

GESTIONE

Guide e risorse per gestire il sito WordPress a 360°

Gestione
  
con le dita sempre in costante, frenetico movimento sulla tastiera… vengo spesso trascinato e catturato “in rete” per colpa delle mille idee che mi girano per la testa (prima o poi troverò quella giusta)… dal futuro incerto (nonostante una laurea, e chi non lo è?..siamo in tanti!) .. credo fortemente nella condivisione della conoscenza!
91 Commenti
  • ciao, ottima guida. volevo sapere come faccio per allineare orizzontalmente i campi di testo per non farli uscire a mo di lista ?
    Grazie.

    • Roberto Iacono

      devi inserirli in un contenitore (

      ) e poi gli dai un float:left; … è codice HTML e CSS.
  • ciao, grazie per aver risposto, ma avendo iniziato da poco potresti aiutarmi un po di più ?!?!
    Scusatemi se ho scritto due ca…. 🙂

    In pratica nel codice HTML devo modificare il tutto in questa maniera:

    Your Name(*) [text 1=”your-name” language=”*”][/text]

    Your Email(*)[email* your-email]

    Subject[text language=”your-subject”][/text]

    Your Message[textarea your-message]

    [submit “Send”]

    o devo solo aggiungere il contenitore:

    Your Name(*) [text 1=”your-name” language=”*”][/text]

    Your Email(*)[email* your-email]

    Subject[text language=”your-subject”][/text]

    Your Message[textarea your-message]

    [submit “Send”]

    • Roberto Iacono

      Aspetta, allora,
      te vuoi mostrare ad esempio:

      Testo1 [campo1] Testo2 [campo2] Testo3 [campo3]

      e non

      Testo1 [campo1]
      Testo2 [campo2]
      Testo3 [campo3]

      È corretto?

      • Si, corretto. Scusa per non essermi spiegato bene…

        • Roberto Iacono

          ovresti modificarli tutti aggiungendo una classe così da modificare tutto tramite file style.css ecc ecc… Ma una cosa così potrebbe bastare.
          Però dovresti ridurre le dimensioni dei campi dove puoi scrivere, altrimenti non ci stanno tutti su una riga.

          <div id=”contact”>
          <div style=”float:left;”>Your Name(*) [text 1=”your-name” language=”*”][/text]</div>

          <div style=”float:left;”>Your Email(*)[email* your-email] </div>

          <div>Inserisci il tuo budget[text 1=”budget” 2=”100″ language=”*”][/text]€ </div>
          <div style=”clear:both;”></div>
          <div id=”submit”>[submit “Send”]</div>
          </div>

  • ho dimenticato la formattazione 🙂

  • Ottimo articolo, volevo chiederti come posso eliminare “lascia un commento” alla fine del form?
    Grazie.

  • Ciao roberto , certi siti mentre compili un form per una iscrizione o prenotazione,ricevi un email di avvenuta iscrizione o prenotazione(fino a li sono riuscito a fare),ma se invece vorrei far ricevere per email un “pdf” “il sottoscritto (nome cognome)” ,Compilato via form, “nato il (data) ” come si fa?ci sono plugin?o dimmi che c’è poco codice da modificare!!:)

    • Roberto Iacono

      Al momento non ne conosco, contact form 7 non fa questa operazione… Ho guardato un po’ in giro, e se non trovi plugin già pronti, non è così semplice da realizzare.

  • E se volessi che il form si stampasse in una pagina o post?per esteso,e poi metterò un pulsante scarica pagina come pdf,forse è impossibile..diventerebbe un autore l’utente ehhe.

    • Roberto Iacono

      L’idea è proprio questa, intercettare le variabili del form, e passarle come input allo script che crea il pdf (che dovrai installare sullo spazio web)… ma dev’essere un lavoraccio.

  • Ho trovato questa classe php che dimezza il mio problema,è saperla usare ,implementare con wordpress o con altri plugin è il vero problema. fpdf.org/ ,penso che ti piacerà ciao Roby.

  • fpdf.org/en/script/script93.php Per essere più precisi questo !scusami per gli infiniti messaggi , non bannarmi ,è interessante 😉 . Se fai un articolo o meglio un plugin è uguale di come usarlo ti faranno una statua,oggi è importante scambiare dati 🙂

    • Roberto Iacono

      Se il codice è solo questo, allora non è così complesso da implementare, ma bisogna perderci molto tempo… mi sa che rinuncio alla statua per il momento 😉

  • Ciao!
    l’articolo è davvero interessante e il plugin sembra proprio fare al caso mio!
    ho però un piccolo problema, mi potresti aiutare?
    ho aggiunto nel mio format il “consenso” ai termini d’uso. Ma, come faccio a creare un link in cui si visualizzano i termini d’uso che si sta accettando??? non sono riuscita a capirlo!
    grazie mille
    therry

    • Roberto Iacono

      Ciao Thereza,
      utilizza il normale codice HTML, quindi <a href=”INDIRIZZO”>Termini d’uso</a>

      ciao

  • Ciao, ottima guida.
    Non sono riuscito a capire a cosa.

    Quando spieghi come inserire i dati che riceverà il destinatario del form non mi è chiaro a cosa serve la parte a sinistra che vedi nella seguente immagine.

    robertoiacono.it/wp-content/uploads/2012/11/cf7-email.png

    Se in fase di realizzazione del form ho aggiunto qualche campo devo poi inserire qualche riferimento anche li?

    • Roberto Iacono

      Ciao Francesco,
      quella è il template della mail che arriva a te. Puoi impostarlo come vuoi.

  • Ciao,

    posso chiederti un’info? é capitato che alcuni utenti abbiano digitato male l’indirizzo mail: vorrei quindi attivare un campo per la verifica in cui la mail venga ridigitata e comparata con quella prima…per il campo in più o in meno non è un problema perchè ne ho inseriti anche altri…ma è la comparazione che mi manca!

    Spero non sia troppo complicato.
    grazie.

    • Roberto Iacono

      Non è complicato, ti rimando a questa discussione: http://wordpress.org/support/topic/contact-form-7-double-email-field?replies=10

      Il codice è il seguente e lo trovi in contact-form-7/modules/text.php

      if ( ‘email’ == $type || ‘email*’ == $type ) {
      if ( ‘email*’ == $type && ” == $_POST[$name] ) {
      $result[‘valid’] = false;
      $result[‘reason’][$name] = $wpcf7_contact_form->message( ‘invalid_required’ );
      } elseif ( ” != $_POST[$name] && ! is_email( $_POST[$name] ) ) {
      $result[‘valid’] = false;
      $result[‘reason’][$name] = $wpcf7_contact_form->message( ‘invalid_email’ );
      }elseif ( $_POST[‘email1’] != $_POST[‘email2’] ) {
      $result[‘valid’] = false;
      $result[‘reason’][$name] = $wpcf7_contact_form->message( ‘invalid_email’ );
      }
      }

      return $result;

      • Grazie! Ho provato…ma poi si è incasinato tutto e non andava più il sito!!! ahahahah Boh, riproverò con più calma appena ho tempo! Grazie ancora!

  • Scusate, sarò scemo, ma dove trovo le mail ed i dati che sono stati inserite nel form?

    • Roberto Iacono

      Ti arriva nella mail. Il contenuto e la struttura della mail, lo puoi decidere te.

  • Ciao Roberto, io sto testando il mio sito in locale e non riesco a creare un form di contatto perchè nel momento in cui vado a salvare il modulo, mi esce una scritta dicendo DEVI FARTI AUTORIZZARE PER ACCEDE A QUESTA PAGINA.Come potrei risolvere?

    ps è possibile avere un form di contatto “dinamico”? cioè che si muove quando vado su e giù per una pagina web?

    • Roberto Iacono

      Ciao Armando,
      hai accesso come amministratore? Sembra un problema di permessi.
      Se non dovesse andare come amministratore, dai una controllata ai permessi con http://wordpress.org/extend/plugins/user-role-editor/ (fai attenzione a ciò che fai), e contatta l’autore del plugin.

      Ciao

  • Scusa puoi spiegarmi come inserire il quiz matematico? ho inserito i quesiti ma facendo qualche test ricevo sempre errori sulle risposte matematiche

  • Buonasera, ho un grosso problema e non riesco a risolverlo, ho già il form di contatto integrato in un tema che ho acquistato da themeforest ma non riesco a ricevere le email quando provo ad utilizzare il form stesso. Mi è stato detto dallo sviluppatore che devo controllare la configurazione del server SMTP ma non so’ dove andare a sbattare la testa. Saprebbe darmi un consiglio, ho già imparato ad integrare un form tramite il plugin da lei descritto ma ho lo stesso problema ovvero il messaggio sembra essere inviato correttamente ma in realtà non arriva nella casella di posta. La ringrazio per il suo interesse.

    Distinti Saluti

    Daniele

    • Roberto Iacono

      Ciao Daniele, dammi del tu, ti prego 🙂
      Il problema sembra essere proprio la configurazione SMTP del server. Basta chiedere all’assitenza dell’hosting che dovrebbe sistemare l’errore.

  • Ciao,
    innanzitutto grazie per questa guida chiara e completa.
    Ho inserito il form seguendo le tue indicazioni… e ho aggiunto alle voci standard la possibilità di allegare un documento. Quando ricevo un messaggio mediante il form, mi arriva sulla mail che ho inserito; si indica che è stato allegato il documento ma non mi arriva sulla mail e non so dove poterlo recuperare sul sito. Ho fatto qualcosa di sbagliato oppure semplicemente c’è una sezione che non vedo per recuperare l’allegato?
    Grazie mille,
    Marianne

    • Roberto Iacono

      Questa discussione ti aiuterà senz’altro http://wordpress.org/support/topic/plugin-contact-form-7-attachments-not-getting-attached

      • Grazie mille, ho risolto!

  • Ciao, sai se è possibile limitare il numeri di caratteri di un’area testa?

    Ad esempio, voglio che l’utente che compila un’area di testo non scriva più di 150 caratteri. Grazie.

    • Roberto Iacono

      Leggi qui: http://wordpress.org/support/topic/plugin-contact-form-7-set-character-limit-in-textarea

  • Ciao, vorrei chiederti un chiarimento.

    Vorrei inserire il contact form direttamente in prima pagina, precisamente nel footer.
    Cosa bisogna fare?

    Grazie,

    Nancy

    • Roberto Iacono

      Ciao Nancy,
      dipende da come è strutturato il tema. Se hai a disposizione i widget, basta inserire lo shortcode che ti viene fornito.
      Se non hai i widget, allora devi modificare il file footer.php inserendo la funzione per mostrare il form, sarà una cosa del genere:

      <?php echo do_shortcode( ‘[contact-form-7 id=”1234″ title=”Contact form 1″]’ ); ?>

  • Grazie mille. Le tue guide sono veramente molto utili.

  • Ciao!

    Uso da anni questo plugin però ho sempre avuto un cruccio che non riesco a risolvere (mancanza di tempo)

    Magari è molto banale e per questo faccio prima a chiedere a te.

    Vorrei fare in modo che nell’opzione checkbox, visualizzandole si vedano una a capo rispetto all’altra.

    Per capirci, se imposto di default:

    [checkbox obiettivi “obiettivo 1” “obiettivo 2” “obiettivo 3”]

    Visualizzo:

    Obiettivi:
    obiettivo 1 obiettivo 2 obiettivo 3

    Mentre io voglio visualizzare così:

    Obiettivi:
    obiettivo 1
    obiettivo 2
    obiettivo 3

    Mi aiuti?

    Max

    • Ho risolto…

      ho trovato la soluzione nel forum di supporto di wordpress:

      http://wordpress.org/support/topic/plugin-contact-form-7-formatting-checkbox-sets?replies=3

      Se qualcuno avesse difficoltà nella procedura, chiedetemi, è davvero semplice.

      Grazie comunque Roberto, ottimo blog davvero 🙂

      Max

      • Roberto Iacono

        Grazie a te Massimo 🙂 Molto gentile 🙂

      • Ciao,

        come si può inserire una sotto l’altra le opzioni di una checkbox?

        Non riesco a capire … vengono tutte in orizzontale.

        Premetto che ho realizzato il form con CF7.

        grazie e complimenti per il blog!

        gluca

        • Roberto Iacono

          Prova ad aggiungere uh “a capo” in html, ovvero il codice <br />

    • Roberto Iacono

      Ciao Massimo,
      che plugin usi?

      Puoi inserire del codice html tra una check e l’altra? Se sì, inserisci un a capo <br /> Altrimenti prova ad agire sul css (eliminando il float oppure allargando al 100% ogni check)

  • Ciao Roberto,

    ho fatto tutta la procedura, e funzionava…. poi ho aggiunto la casella telefono, e non funziona più, ma non so cosa sia successo non arrivano l’email …ho riprovato più volte ma senza successo , ho ripristinato anche con le impostazioni iniziali ma niente da fare…secondo te da cosa può dipendere?

    Grazie mille!

    Simone

    Il tuo nome (richiesto)
    [text 1=”your-name” language=”*”][/text]

    La tua email (richiesto)
    [email* your-email]

    Telefono (richiesto)
    [text 1=”your-telephone” language=”*”][/text]

    Oggetto
    [text language=”your-subject”][/text]

    Il tuo messaggio
    [textarea your-message]

    [submit “Invia”]

    • scusa aggiungo anche se esiste un plugin simile come alternativa…

      Grazie di nuovo Roberto!

  • ho capito il problema… se faccio la prova con un email GMAL non arrivano, invece con altre tipo di Email arrivano… è veramente strano

    Tu hai qualche soluzione?

    Grazie e scusami per il disturbo

    Simone

    • Roberto Iacono

      Non è che arrivano in SPAM?

    • Roberto Iacono

      Mai visto niente del genere e così, non riesco a capire quale possa essere il problema. Puoi provare Fast Secure Contact Form…

  • Ciao Roberto, ho due domande da farti.

    1) Come si riduce la dimensione di un campo?

    2) Come posso mettere sulla stessa riga il campo “select” con la sua etichetta (tipologia festa)?
    link: www . festeaziendaliaroma . com/royal-art-cafe-roma

    Grazie

    • Roberto Iacono

      Una delle soluzioni è agire tramite CSS per entrambi i punti.

      • Risolto, grazie Roberto. Ho un altra domanda da farti.

        Esiste un modo per capire da quale pagina del mio sito è stata inviata la richiesta?

        Grazie ancora

  • I tuoi consigli sono sempre straordinari, Roberto.
    Ho poteuto realizzare tutto il form con successo ma quando ho inviato un messaggio di test non mi è arrivato nulla nella email che ho impostato. Sapresti dirmi cortesemente dove è il problema?

    • Roberto Iacono

      Se sei in locale, è normale. Se sei online, allora contatta l’assistenza, potrebbero bloccare l’esecuzione della funzione mail();

      • Grazie Roberto.
        Infatti ero in locale. Ora funziona tutto.

  • ciao… trovo i tuoi articoli…molto interessanti…continua così!!!!

  • Ciao,ho seguito le tue istruzioni e sono riuscita a creare il form.
    Trovo difficoltà nel cambiare aspetto grafico del form,dove devo inserire i vari codici.
    Inoltre,quando lascio il form “semplice” le parole Nome Email rimangono in grigio,come faccio a metterle nere??? (non so se mi sono spiegata,le vedo grigie quando controllo l’anteprima pagina)
    Grazie

  • Ciao Roberto, scusami ma le ho provate tutte. Ho fatto il form ma nel momento in cui copio il codice, come dici tu su una pagina qualsiasi del mio blog succede che il form non si vede ma nella pagina compare solamente la stringa copiata.
    Capisco che è alquanto buffo ma non essendo molto ferrato in questo campo non so come devo copiare il codice nella pagine, potresti spiegarlo grazie.

    • Roberto Iacono

      Devi incollarle nella visualizzazione Visuale dell’editor

  • e uscita una cosa peggiore di prima form…
    http://img18.imageshack.us/img18/5529/20130429211822contattam.png

  • Ciao io ho seguito le info, ma me lo visualizza senza le caselle che dovrebbero contenere i campi da compilare da parte dell’utente. Quale potrebbe essere il problema? Grazie mille

    • Roberto Iacono

      Magari dipende dal codice CSS che nasconde i campi “input”.

      • Ciao Roberto,
        Io ho seguito i passi da te indicati e cioè:
        ho scaricato contact form 7
        attivato il plugin
        creato il modulo di contatto
        sostituito poi dal tuo codice (
        Your Name(*) 1

        Your Email(*)[email* your-email]

        Inseirsci il tuo budget1€

        Subject1

        Your Message[textarea your-message]

        [submit “Send”]
        )

        e inserito gli stili sempre da te indicati.
        Non saprei quindi se il problema può dipendere dal css che nasconde i campi.
        Ti posso dire che ho inserito lo stile di reset mayer che si trova facilmente in rete, io l’ho trovato sul sito html.it…dici che in quel reset ci può essere qualcosa che mi nasconde i campi imput? altri stili per il form non c’e ne sono. Ci terrei a risolvere perché mi piace molto questo form … Ti ringrazio in anticipo per la risposta 🙂

        • Roberto Iacono

          Per capire dove sta l’errore, puoi provare a testare il sito in locale con il tema twentytwelve, se vedi il contact form, allora il problema sta nel tuo tema attuale, probabilmente nelle modifiche che hai apportato al css…

  • Salve Roberto,
    approfitto della tua disponibilità per chiederti una cosa.
    Ho installato contact form 8 nel mio sito in locale.
    Il problema nasce quando importo il tutto in remoto perchè anche se il form si carica correttamente, quando provo ad inviare una email mi dice:

    spiacenti, non è stato possibile inviare (o qualcosa del genere)

    Mi puoi aiutare a risolvere?

    Grazie.

    • Roberto Iacono

      In locale non funziona perchè è disabilitata questa funzione… se spulci tra i commenti dovresti trovare una possibile soluzione

  • Ciao
    Ho un problema con l’allegato alla mail (2), tanto per capirci quella che riceve l’utente che si è iscritto… non riesco ad allegare un file (pdf) che successivamente dovrà essere stampato… puoi aiutarmi in qualche modo?

    Grazie

    Ps complimenti per il blog.

    • Roberto Iacono

      Grazie Giuseppe 🙂

      Che problemi ti dà?

  • Ciao
    Come la maggior parte di quelli che ti scrivono anche io ho un problema: Volevo rubarti cinque minuti del tuo tempo per esporti il mio quesito, che consiste nell’impossibilita di inviare il form creato , mi spiego meglio una volta compilato clicco su invio ma non succede nulla non viene inviato e non viene visualizzato nessun messaggio di errore.

    Grazie

    • Roberto Iacono

      Se lo stai provando in locale, è normale, hai la funzione per inviare la mail disabilitata 🙂

      • Ciao

        Grazie per la tua disponibilità, Ho provato anche a publicarlo e quando clicco invia non succede nulla

        • Roberto Iacono

          Nel senso che sei online? Prova anche con un altro plugin di form di contatto. Se neanche quello va, contatta l’assistenza dell’hosting.

  • Ciao Roberto,
    dopo aver fatto un post che evidentemente non è piaciuto dal form di contatto ho ricevuto in mezz’ora 12.ooo mail di spam. Come posso fare per impostare un codice di sicurezza?
    Grazie 1000

  • Ciao Roberto,
    ottima guida, complimenti.

    Vorrei chiederti due info:
    1) ho inserito i tag [response] [/responde] ad inizio e fine form, per la notifica istantanea degli errori, quindi un chiamata Ajax, ma ricarica comunque la pagina.
    E mi da la notifica degli errori sia ad inzio form che fine form!

    2) Come posso fare per inserire la notifica di errori / invio solo ad inzio form?

    Grazie.

    • Roberto Iacono

      Hai controllato che nel codice della pagina ci sia il relativo codice html (wordpress.org/support/topic/plugin-contact-form-7-tag-response-doesnt-show-anything)?

      2. wordpress.org/support/topic/plugin-contact-form-7-special-tags-like-response-for-not-valid-tool-tips

      Ciao

  • Ciao ho un problema. Ho istallato ed attivato Contact form 7. http://www.metroquadrocafe.it/contatti/
    Impostato tutte le voci ma quando ho provato ad inviarmi delle voci non ricevo niente sulla mia casella di posta elettronica. Ho controllato se la mail inserita fosse corretta ed è corretta. Secondo te perchè accade qst?
    Grazie.

    • Roberto Iacono

      Ciao Pasqualina,
      potrebbe essere un problema di hosting (contatta l’assistenza). Se lavori in locale, è normale che non ricevi niente.

  • Scusami volevo scrive “…ma quando ho provato ad inviarmi una mail non ricevo niente…”

  • Roberto, allora, adesso inserendo i TAG [response] le notifiche appaiono sopra il form e non più sotto.

    Guardando il codice HTML della pagina non vedo la presenza di tali TAG, devo installare o abilitare qualche plugin particolare?

    Grazie,

    • Roberto Iacono

      Scusami ma non riesco ad esserti d’aiuto, non ho mai usato il tag [response]. Prova a contattare l’assistenza del plugin.

  • Salve ragazzi, scusate se mi intrometto in questo post ma non riesco proprio a trovare niente che mi interessi veramente, mi spiego meglio:

    Io ho la necessità di recuperare i dati inseriti in un form, ma a mano… cioè vorrei sapere ad esempio come fare per inserire in una variabile (tipo $mail) l’indirizzo mail di chi compila il form… normalmente in php la prassi sarebbe:

    $mail = $_POST[‘mail’];

    ma ovviamente non funziona…

    purtroppo non sono esperto di wordpress e vorrei capire come muovermi. Sono abituato ad aprire il bel notepad++ e scrivere sempre tutto da 0, ma questo non lo capisco proprio…

    grazie a tutti voi, spero ci sia qualcuno che mi sapia dare qualche consiglio.

    Pietro Di Mascio

    • Roberto Iacono

      Intendi del form creato con ContactForm? In questo caso dovresti controllare il sorgente del plugin e vedere come viene gestito il campo email. Secondo me, visto che hai il codice dello shortcode, questo richiama già una funzione php, non dev’essere difficilissimo.

  • Ciao Roberto, ho inserito un secondo indirizzo mail, yahoo funziona, gmail no.

    • Roberto Iacono

      Molto strano, non trovi? Se funziona con una mail, dovrebbe funzionare con entrambe. E se inverti l’ordine delle mail?

  • Ciao Roberto
    ho seguito la tua guida e ho installato il plugin con successo.
    Interessato dal tuo ultimo suggerimento ho installato anche il plugin HIDDY
    Come da te indicato si basa su un campo nascosto nella forms dei commenti, ma ….
    nella pagina d’impostazione c’è anche la possibilità di abilitare
    Trackback filter activate/deactivate
    Di cosa si tratta, secondo te deve essere attivato ?
    Grazie

    • Roberto Iacono

      Praticamente, se spunti la casella, contrassegna come spam i trackback e i pingback, cosa che normalmente non è consigliato fare…

  • ciao roberto e complimenti

    ho il problema degli allegati con contact form, cioè se compilo il campo e allego il file mi dice che il tutto è spedito, ma nella casella di posta mi arriva solo il messaggio di testo, non l’allegato. ho provato a cambiare anche mail di destinazione (da gmail a libero) ma ilproblema rimane lo stesso…ho letto anche la discussione che hai consigliato e ho scelto quale tipo di allegato inserire ma niente!!! Puoi aiutarmi?

    cmq il mio codice dell’allegato è questo:

    allega qui il tuo documento
    [file file-765 filetypes:doc|docx|PDF|jpg|gif|zip|rar|]

    • Roberto Iacono

      I problemi possono essere multipli:
      – “il tuo server” ti blocca il caricamento dei file (chiedi all’assistenza)
      – la versione attuale del plugin ha problemi (torna ad una precedente)
      – c’è un problema con il JS

      Ti ha mai funzionato prima?