Custom HTML Form per Newsletter/Registrazione Utenti

Nuova funzionalità che consente di creare form completamente custom, da affiancare all'elemento contatti e al custom form builder.

Questa nuova modalità può essere implementata utilizzando semplice html. Tutti i campi con classe newsletter verranno inviati nella mail di contatto, quindi è possibile inserirne anche di nuovi a seconda delle esigenze.

Descrizione campi

Email: Campo input dell'utente contente l'email

Name: Nome dell'utente o del sito di provenienza, in questo esempio è usato come campo hidden

Email_To: Email di destinazione, se valorizzato con ADMIN verrà automaticamente utilizzata l'email dell'admin del sito corrente.

Subject: Oggetto della email inviata

Register: Se deve essere creato un utente sul sito utilizzando l'email della form. (ON/OFF)

Newsletter: Se l'utente registrato avrà la newsletter attiva. (ON/OFF)

Group: Eventuale id numerico del gruppo in cui l'utente dovrà essere inserito. OFF (disabilitato)

Group_MM: Numero di mesi di permanza nel gruppo. DEFAULT (12 Mesi)

L'utente risulterà attivo o meno in funzione delle impostazioni del sito web.

Script

Modificare le righe

   var successMsg = 'Inviata';
   var errorMsg = 'Error';

per personalizzare i messaggi di invio e di errore.

Si puo' verificare un errore nel caso in cui non vengano passati i campi obbligatori oppure se l'utente esiste già all'interno del sito web.

Esempio di codice HTML della form

<form id="newsletter-form">
 <input type="email" class="newsletter" name="Email" placeholder="Enter your email address"/>
 <input type="hidden" class="newsletter" name="Name" value="Site Contact"/>
 <input type="hidden" class="newsletter" name="Email_To" value="ADMIN"/>
 <input type="hidden" class="newsletter" name="Subject" value="Oggetto"/>
 <input type="hidden" class="newsletter" name="Register" value="ON"/>
 <input type="hidden" class="newsletter" name="Newsletter" value="ON"/>
 <input type="hidden" class="newsletter" name="Group" value="176"/> <!--group id to insert XXX|XXX,YYY|OFF -->
 <input type="hidden" class="newsletter" name="Group_MM" value="24"/> <!--group months in group XXX|DEFAULT (DEFAULT=12) -->
 <button type="submit">Send</button>
</form>

<script type="text/javascript">
$(document).ready(function(){
   var formId = 'form#newsletter-form';
   var successMsg = 'Inviata';
   var errorMsg = 'Error';
   var endpoint = '/engine/1.0/php/forms/do.php';
   $(formId).bind('submit',
      function(e) {
         e.preventDefault();
         if ( $.trim( $(formId+" input[name='Email']").val() ) != "" ){
          $.post(endpoint,
            $(formId+' .newsletter').serializeArray() ,
             function(data){
               if ($.trim(data)=="OK"){
                  $(formId).html(successMsg);
               }else{
                  $(formId).html(errorMsg);
               }
             }
          );
      }
   });
});
</script>

Campi Extra nella registrazione

E' possibile utilizzare nella form ulteriori campi utente da utilizzare nella registrazione.

Telephone, Mobile, First_Name, Last_Name.

Esempio di utiizzo per la registrazione di un utente tramite form e assegnazione ad un gruppo

<form id="registration-form">
<label>Email</label>
<input type="email" class="registration" name="Email" placeholder="Inserisci il tuo indirizzo di posta"/>
<br/>
<label>Nome</label>
<input type="text" class="registration" name="First_Name" placeholder="Inserisci il tuo nome"/>
<br/>
<label>Cognome</label>
<input type="text" class="registration" name="Last_Name" placeholder="Inserisci il tuo cognome"/>
<br/>
<label>Telefono</label>
<input type="text" class="registration" name="Telephone" placeholder="Inserisci il tuo telefono"/>
<br/>
<label>Cellulare</label>
<input type="text" class="registration" name="Mobile" placeholder="Inserisci il tuo cellulare"/>
<br/>
<label>Gruppo</label>
<select class="registration" name="Group">
<option value="177">Gruppo1</option> <!-- inserire gli id dei gruppi che l'utente potrà scegliere -->
<option value="178">Gruppo2</option> <!-- inserire gli id dei gruppi che l'utente potrà scegliere -->
<option value="177,178">Gruppo1 e Gruppo2</option> <!-- inserire gli id dei gruppi che l'utente potrà scegliere --> 
</select>
<br/>
<input type="hidden" class="registration" name="Name" value="Registrazione Utente"/> <!-- nome associato al mittente della mail -->
<input type="hidden" class="registration" name="Email_To" value="ADMIN"/> <!-- ADMIN recupera l'admin del sito, altrimenti mettere l'email da utilizzare -->
<input type="hidden" class="registration" name="Subject" value="Registrazione Utente"/> <!-- oggetto dell'email di notifica -->
<input type="hidden" class="registration" name="Register" value="ON"/> <!-- per attivare la registrazione -->
<input type="hidden" class="registration" name="Newsletter" value="OFF"/> <!-- attivare l'attivazione della newsletter per questo utente -->
<input type="hidden" class="registration" name="Group_MM" value="12"/> <!-- durata mesi sottoscrizione nel gruppo -->
<button type="submit">Registrati</button> <span id="warning"></span>
</form>

<script type="text/javascript">
$(document).ready(function(){
  var formId = 'form#registration-form';
  var successMsg = 'Utente Registrato Correttamente';
  var errorMsg = 'Errore Registrazione';
  var endpoint = '/engine/1.0/php/forms/do.php';
  $(formId).bind('submit',
   function(e) {
   e.preventDefault();
   if ( $.trim( $(formId+" input[name='Email']").val() ) != "" ){
    $(formId+' #warning').fadeOut('slow');
     $.post(endpoint,
      $(formId+' .registration').serializeArray() ,
       function(data){
          if ($.trim(data)=="OK"){
             $(formId).html(successMsg);
          }else{
             $(formId).html(errorMsg);
          }
      });
     }else{
       $(formId+' #warning').show();
       $(formId+' #warning').html("Valorizzare il campo Email");
     }
   });
});
</script>