• Come usare il plugin formit #

  • goldboy83 Reply #1, 6 months, 1 week ago

    Reply
    Qualcuno potrebbe spiegarmi come integrare il plugin formit in una pagina ?
    Grazie a chiunque risponderà


  • Mabol Reply #2, 6 months, 1 week ago

    Reply
    Una pagina contatti tipo è la seguente:
    Chiamata del plugin con i vari parametri che devi personalizzare
    [[!FormIt?
    &hooks=`recaptcha,spam,email,redirect,FormItAutoResponder`
    &emailTpl=`sentEmailTpl`
    &emailSubject=`Richiesta contatto`
    &emailTo=`mail@mail.it`
    &validate=`contact_name:required,contact_email:email:required,contact_message:required`
    &redirectTo=`id`
    &fiarTpl=`autoResponseTpl`
    &fiarSubject=`Grazie per averci contattato`
    &fiarToField=`contact_email`
    &fiarFromName=`Nome`
    ]]

    Poi inserisci il form e lo personalizzi come preferisci:
    <div class="contact_form">
      <h3>Inviaci una email</h3>
      <form id="contactForm" class="cmxform" action="[[~[[*id]]]]" method="post">
        <div class="form-input form_warp">
          <p><label for="contact_name">Nome</label><em> (*)</em><span>[[!+fi.error.contact_name]]</span></p>
          <input id="contact_name" class="required" name="contact_name" size="30" value="[[!+fi.contact_name]]" />
        </div>
        <div class="form-select form_warp">
          <p><label for="contact_obj">Oggetto della mail</label></p>
              <select name="contact_obj">
                <option value="Oggetto1">Valore 1</option>
                <option value="Oggetto2">Valore2</option>
                <option value="Oggetto3">Valore3</option>
                <option value="Oggetto 4">valore4</option>
              </select>
        </div>
        <div class="form-input form_warp">
          <p><label for="contact_email">E-Mail </label><em> (*)</em><span>[[!+fi.error.contact_email]]</span></p>
            <input id="contact_email" class="required email" name="contact_email" size="30" value="[[!+fi.contact_email]]" />
      </div>
      <div class="form-input form_warp">
        <p><label for="contact_phone">Telefono</label></p>
        <input id="contact_phone" class="phone" maxlength="14" name="contact_phone" size="14" value="[[!+fi.contact_phone]]" />
      </div>
      <div class="form-textarea2 form_warp">
        <p><label for="contact_message">Commento</label><em>(*)</em><span>[[!+fi.error.contact_message]]</span></p>
        <span class="txt_area"><textarea id="contact_message" class="required" cols="70" rows="7" name="contact_message">[[!+fi.contact_message]]</textarea></span>
       </div>
      <br />
         [[+formit.recaptcha_html]]
         [[!+fi.error.recaptcha]]
       <br />
      <div class="form-privacy form_warp">
        <p><label>Privacy</label></p>
      <div class="txt">I dati inseriti <strong>NON</strong> saranno divulgati e saranno utilizzati unicamente per rispondere alla richiesta fatta secondo la normativa vigente. Inviando la richiesta <strong>ACCETTATE</strong> quanto riportato nella <a href="[[~29]]">normativa a riguardo</a>.</div>
      </div>
      <div class="span_button_big">
         <input class="button_big" name="submit" type="submit" value="Invia Richiesta" />
      </div>
    </form>
    </div>


    Quello sopra è quello che uso io con l'inserimento della norma sulla privacy (devi inserire id giusto) e di recaptcha