Best Practice > Passo 4 - Pagine > Come lavorare con l'Oggetto Modulo di Contatto

Facendo doppio click su un Oggetto Modulo di Contatto inserito all'interno della Griglia di impaginazione o selezionandolo e cliccando sul pulsante , si accede alla finestra Oggetto Modulo di Contatto. Attraverso questa finestra è possibile definire i campi di cui il Modulo deve comporsi, la modalità di invio e raccolta dei dati, l'aspetto grafico del Modulo.

Navigando in Internet, capita spesso di visualizzare pagine contenenti dei moduli di cui viene richiesta la compilazione e l'invio tramite e-mail. Tali moduli vengono utilizzati per richiedere la registrazione a particolari servizi o l'accesso ad aree riservate attraverso password o, più semplicemente, per realizzare sondaggi e ricerche.

▪	Nella Pagina desiderata, inserire un Oggetto Testo, utile per impostare un titolo e/o un invito ad effettuare la registrazione, e di seguito un Oggetto Modulo di Contatto.

▪

In Oggetto Modulo di Contatto | Elenco cliccare sul pulsante Aggiungi... e nella finestra Inserimento Campo richiamata selezionare Campo Testo inserendo come Etichetta "Nome", impostando la Larghezza (%) al 50% e attivando l'opzione Imposta come Campo Obbligatorio. Confermando, si crea il primo campo per richiedere il Nome del Visitatore che vuole effettuare la registrazione.

▪	Ripetere la stessa procedura per inserire un secondo Campo Testo per il "Cognome". Perché il campo "Cognome" si affianchi a quello del "Nome", verificare che la larghezza sia compatibile (nell'esempio, 50%) e che sia attiva l'opzione Visualizza nella stessa riga del Campo precedente.

▪	Per la domanda sul genere di appartenenza, utilizzare il campo Lista: in alternativa si potrebbe impiegare anche un campo Lista a discesa o un campo Scelta Singola.

▪	Una volta digitata l'Etichetta ("Sesso"), creare l'Elenco delle possibili modalità di risposta: cliccare sul pulsante Aggiungi per inserire le opzioni "Maschio" e "Femmina". È anche possibile impostare il Numero di righe visibili.

▪	Per la domanda relativa alla "Data di nascita" utilizzare il campo Data.

▪

Scegliere in quale formato deve essere scritta la data (opzione Formato Data) perché sia accettata. Per facilitare il compito del Visitatore, in questi casi, è possibile attivare l'opzione Mostra icona 'Calendario': posizionando il mouse sull'icona che verrà automaticamente affiancata al campo, il Visitatore potrà visualizzare e utilizzare un calendario per immettere la data senza doverla digitare.

▪

Per richiedere l'inserimento di un indirizzo E-mail, inserire un campo Posta elettronica. La particolarità di questo campo è che viene effettuato in automatico un controllo sulla correttezza del dato inserito: in pratica viene verificata la presenza del carattere @ e la presenza di un punto nel testo che segue.

▪	Per permettere al Visitatore di iscriversi occorre dargli la possibilità di specificare quale password intende utilizzare: per questo è necessario inserire un campo Password, specificandone l'Etichetta e attivandolo come obbligatorio.

▪

Per maggiore sicurezza, è possibile richiedere al Visitatore di digitare una seconda volta la password scelta. Perché venga creato il campo dove re-immettere la password e venga verificata la corrispondenza tra le due password digitate, è sufficiente attivare l'opzione Richiedi conferma correttezza password.

▪	A conclusione del modulo, è bene inserire un campo Condizioni di Accettazione per presentare il testo delle condizioni che il Visitatore deve accettare per potersi iscrivere al servizio proposto.

▪	In questo caso è necessario specificare l'Etichetta e inserire il Testo delle condizioni: il pulsante "Accetto" verrà aggiunto automaticamente dal Programma.

▪

Infine, per limitare l'invio di spam, è possibile inserire il controllo Captcha spuntando l'opzione Attiva controllo anti-spam 'Captcha': in questo modo, al termine del Modulo viene visualizzata l'immagine distorta di una sequenza di lettere e numeri che il Visitatore deve riscrivere correttamente in un campo per poter procedere all'invio dei dati.

I pulsanti Invia, per l'invio del modulo compilato, e Reset, per cancellare tutti i dati eventualmente inseriti nel modulo, vengono automaticamente creati dal Programma e posizionati al termine della Form.

Quando un Modulo contiene molte domande può scoraggiare il Visitatore o, comunque, risultare meno comprensibile. Se non si può ridurre il numero di campi, una valida soluzione consiste nell'articolare in Modulo in sezioni omogenee (per esempio, "Dati anagrafici", "Dati per la spedizione", "Interessi", ecc...) e, in più, fare in modo che ogni sezione sia visualizzata in una scheda diversa.

Con l'edizione Pro di WebSite X5 per articolare un Modulo in più schede è sufficiente:

▪	Per creare una sezione di un Modulo occorre richiamare la finestra Inserimento Campo, selezionare Separatore e specificarne l'Etichetta.

▪	Ovviamente, il Separatore deve essere posizionato prima di tutti i campi relativi alla sezione che introduce. Se necessario, i campi possono essere ordinati attraverso i comandi Sposta Sopra / Sposta Sotto disponibili nella finestra Oggetto Modulo di Contatto \| Elenco.

▪

Per sezioni successive alla prima, per il Separatore può essere attivata l'opzione Visualizza i dati in una nuova scheda: in questi casi, i campi successivi ai separatori non vengono visualizzati immediatamente ma solo in una nuova scheda a cui il Visitatore può accedere cliccando sull'apposito pulsante Avanti (aggiunto automaticamente al fondo del Modulo e-mail).

Se si teme che l'Etichetta associata a un campo non sia sufficiente per permettere al Visitatore di compilarlo correttamente e senza incertezze, è possibile comporre una nota con maggiori spiegazioni.

▪	In Oggetto Modulo di Contatto \| Elenco, nella tabella che riassume tutti i campi inseriti, fare doppio click sul campo su cui si vuole agire in modo da riaprirlo nella finestra richiamata Inserimento Campo.

▪	In Inserimento Campo \| Opzioni digitare la Descrizione del Campo. Questo testo verrà proposto in una nota visualizzata al passaggio del mouse sull'icona che verrà appositamente affiancata al campo in questione.

▪	Per cambiare l'icona associata alla nota esplicativa utilizzare l'opzione File icona per Descrizione Campo presente nella finestra Oggetto Modulo di Contatto \| Stile.

▪	Per agire su forma, colori e formattazioni del testo della nota esplicativa creata, sfruttare le opzioni raccolte nella finestra Tooltip su passaggio del mouse del Passo 2 - Impostazioni del Modello.

I dati raccolti attraverso un Modulo di iscrizione online devono, ovviamente, essere trasmessi all'Amministratore del Sito. Nella maggior parte dei casi, è sufficiente che i questi dati vengano inviati tramite e-mail: ogni volta che un Visitatore compila il Modulo e clicca sul pulsante Invia, i dati vengono automaticamente inseriti in una e-mail inviata a un indirizzo e-mail specificato.

▪	In Oggetto Modulo di Contatto \| Invio, come metodo di Invio dei dati impostare Invia i dati per e-mail.

▪	Per definire impostazioni e contenuti della e-mail che viene inviata all'Amministratore del Sito, utilizzare le opzioni relative a Invio dei dati.

▪

Per fare in modo che come Mittente della e-mail figuri direttamente il Visitatore, attivare l'opzione E-mail mittente e indicare il campo del Modulo da cui deve essere ricavato l'indirizzo e-mail. In questo modo sarà possibile utilizzare il comando "Rispondi" del programma di Posta Elettronica per rispondere al Visitatore.

▪	Specificare E-mail destinatario, ovvero l'indirizzo e-mail sul quale l'Amministratore del Sito deve ricevere queste comunicazioni, l'Oggetto e il Messaggio.

▪	Attivare l'opzione Includi in coda i dati raccolti in formato CSV per fare in modo che tutti i dati raccolti attraverso il Modulo siano inclusi in coda in formato .CSV (formato accettato da programmi come Microsoft Excel).

Con alcuni Provider non è possibile impostare l'indirizzo e-mail del Visitatore come Mittente dell'e-mail inviata dal Modulo online perchè bloccano l'invio di e-mail che hanno un dominio diverso da quello del sito da cui vengono inviate. In questi casi, occorre accedere alla finestra Gestione Dati, attivare l'opzione Utilizza sempre come mittente l'indirizzo e-mail e specificare un indirizzo e-mail (per esempio: ...@miosito.it) che abbia lo stesso dominio (nell'esempio: http//www.miosito.it) del sito che ospita il Modulo e da cui, quindi, vengono inviate le e-mail.

Le e-mail con i dati raccolti attraverso un Modulo online vengono create in automatico dal Programma. Per definirne l'aspetto grafico è possibile utilizzare le impostazioni presenti in Composizione E-mail al Passo 2 - Impostazioni del Modello.

Se si prevede che un Modulo verrà compilato da un elevato numero di Visitatori, inviare per e-mail i dati raccolti può non essere la soluzione più vantaggiosa: l'Amministratore del Sito rischia di ricevere molte e-mail e di dover procedere manualmente all'inserimento dei dati in tabelle. In questi casi, è più indicato predisporre l'invio dei dati direttamente a un Database: in questo modo i dati vengono automaticamente collezionati nelle Tabelle predefinite e sono pronti per i trattamenti successivi.

▪	Al Passo 1 - Impostazioni del Sito \| Avanzate, cliccare su Gestione Dati in modo da predisporre la lista dei Database collegati al Progetto corrente.

▪	Cliccare sul pulsante Aggiungi... per aprire la finestra Impostazioni Database e specificare i parametri necessari per identificare il Database.

▪	Tornare al Passo 4 - Pagine, selezionare l'Oggetto Modulo di Contatto su cui lavorare e aprire la finestra Oggetto Modulo di Contatto \| Invio.

▪	Impostare Invia i dati ad un Database come metodo di Invio dei dati.

▪	Specificare il Database selezionandolo dalla lista: questa lista ripropone tutti i Database collegati al Progetto in Gestione Dati.

▪	Specificare il Nome Tabella del Database da utilizzare.

▪	Per fare in modo che l'Amministratore del Sito riceva una e-mail che notifica la ricezione di nuovi dati, attivare l'opzione Invia e-mail di notifica di ricezioni dati specificando l'indirizzo e-mail a cui inviare la notifica nel campo E-mail destinatario.

Compilato un Modulo online e inviati i dati, il Visitatore si aspetta di ricevere un feedback sull'esito dell'operazione: è buona norma ringraziarlo per il tempo che ha dedicato e rassicurarlo che tutto si è svolto correttamente inviandogli una e-mail di conferma.

Per impostare l'e-mail di conferma è sufficiente:

▪	In Oggetto Modulo di Contatto \| Invio attivare l'opzione Invia e-mail di conferma all'Utente che compila il modulo.

▪	In questo caso, è necessario immettere come E-mail mittente un indirizzo e-mail dell'Amministratore del Sito e specificare da quale campo del Modulo ricavare l'E-mail destinatario, ovvero del Visitatore che ha compilato il Modulo stesso.

▪	Per completare l'e-mail di conferma occorre poi specificare un Oggetto e comporre Messaggio.

▪	Infine, è possibile attivare l'opzione Includi in coda i dati raccolti per ricordare al Visitatore i dati che ha fornito compilando il Modulo.

Per quanto riguarda la Pagina di Conferma, è consigliabile creare una Pagina di ringraziamento ad hoc, piuttosto che rimandare genericamente alla Home Page del Sito.

▪	Al Passo 3 - Mappa creare una nuova Pagina inserendo tutti i contenuti necessari.

▪	Selezionare la Pagina di conferma sulla Mappa e cliccare sul pulsante in modo da renderla non visibile sul Menu di navigazione.

▪	Tornare al Passo 4 - Pagine, selezionare l'Oggetto Modulo di Contatto su cui lavorare e aprire la finestra Oggetto Modulo di Contatto \| Invio.

▪	Cliccare sul pulsante dell'opzione Pagina di Conferma dopo l'invio dei dati per richiamare la Mappa e selezionare la Pagina di conferma preparata.

Dopo aver definito la composizione del Modulo e i metodi di invio dei dati raccolti, è possibile agire sull'impostazione grafica del Modulo stesso al fine di renderlo non solo più bello ma anche più funzionale ed aumentare, così, le probabilità che i Visitatori siano incentivati a compilarlo.

▪	Selezionare l'Oggetto Modulo di Contatto su cui lavorare e aprire la finestra Oggetto Modulo di Contatto \| Stile.

▪	Selezionare l'Elemento del Modulo su cui agire (dall'apposita lista a discesa o direttamente sull'Anteprima) e definire le impostazioni relative: formattazioni, immagini e colori.

▪	Per le Etichette di testo, per esempio, è possibile impostare Tipo di Font, Colore del testo e Disposizione rispetto ai campi.

▪	Per i Pulsante di 'Invio' , invece, è possibile importare anche un'Immagine di sfondo in modo da personalizzarli completamente.

Tutte le modifiche apportate sono immediatamente visibili nell'Anteprima.

Quando si testa il funzionamento del Sito creato in locale, una finestra d'avviso avverte che le e-mail con i dati raccolti attraverso il Modulo non verranno inviate. Il Modulo di Contatto funziona pienamente solo con la pubblicazione del Sito su Server.