Creare un modulo di contatto con Google Drive utilizzabile anche con i modelli a Visualizzazione Dinamica di Blogger.

Come creare un modulo di contatto con Google Drive con i dati delle risposte immagazzinati in un foglio di calcolo e con le notifiche immediate di nuove interazioni. Questi moduli possono essere usati su tutte le piattaforme e anche nei blog Dynamic Views.

A seguito di alcuni commenti relativi a un mio vecchio post mi sono deciso a riprendere il tema di come creare un modulo di contatto utilizzando lo straordinario strumento gratuito di Google Drive. La procedura che andrò a illustrare ci porterà alla realizzazione di un modulo che può essere usato per interagire con i lettori senza utilizzare direttamente il nostro indirizzo email. In sostanza i messaggi che riceveremo comprensivi del nome, indirizzo email e di tutti gli altri campi che volessimo creare andranno a riempire un foglio di lavoro creato automaticamente dal modulo.

Questo ci eviterà di ricevere email di spam anche se avrà la piccola controindicazione che dovremo copiare l'indirizzo email e incollarlo nel nostro client di posta elettronica nel caso avessimo in animo di rispondere. Un modulo così concepito potrà essere installato in qualsiasi pagina web o in un blog di altre piattaforme come Wordpress, Joomla, Drupal, LiveJournal, ecc. Ho testato questo modulo di contatto anche nei blog su Blogger a Visualizzazione Dinamica in tutti e otto i modelli possibili.

Si accede a Google Drive con lo stesso account di Blogger e si va su Crea > Modulo 

Nella finestra successiva dovremo selezionare il modello del modulo. Lo potremo fare senza una particolare attenzione perché sarà modificabile in qualsiasi momento successivo

Dopo aver inserito il titolo del modulo si va su OK per la sua realizzazione effettiva. I moduli di Google Drive sono estremamente flessibili e il loro utilizzo per i moduli di contatto è da considerare addirittura una forzatura. Si possono creare moduli di tutti i tipi per concorsi, sondaggi, ricerche di mercato, ecc. In ciascun campo deve essere inserito il tipo di elemento più adatto tra Testo, Testo del paragrafo, Scelta multipla, Caselle di Controllo, Scegli da Elenco e Griglia. Per un modulo di contatto utilizzeremo solo il Testo (Nome, Indirizzo Email e Sito Web) e il Testo del Paragrafo per il messaggio vero e proprio. Dovremo riempire i campi Titolo della Domanda e opzionalmente Testo della Guida mentre dovremo scegliere l'elemento in Tipo di Domanda

In Testo della Guida potremo mettere la spiegazione della domanda solo se fosse necessaria. Si va su Fine quindi su Aggiungi Elemento per poi fare la stessa operazione. In questo test ho creato le domande Il tuo nome, Il tuo indirizzo Email, Il tuo Sito Web e Messaggio. Il Nome, l'Indirizzo Email e il Messaggio li ho resi domanda obbligatoria mettendo la spunta nella apposita casella di controllo. Se non fossero compilati dall'utente che interagisce non verrebbe preso in carica il suo messaggio.

Si va adesso nella parte alta della pagina e si clicca su Mostra modulo online.

Si aprirà una nuova scheda del browser con il modulo così come lo vedranno gli utenti. Per avere la sicurezza che sarà visto da tutti copiate l'indirizzo e incollatelo in una scheda del browser per la navigazione in Incognito. Andate ora su File > Incorpora per ottenerne il codice

Tale codice potrà essere personalizzato per quello che riguarda la larghezza e l'altezza anche in un secondo momento. Se siete utenti di Blogger (anche con un blog Dynamic Views) e volete installarlo in una pagina statica, andate su Pagine > Nuova Pagina > Pagina vuota

Digitate il Titolo della pagina e in Modalità HTML incollate il codice che avete appena copiato da Google Drive. Ho postato nel web una dimostrazione di tale modulo

che ha un aspetto simile a questo

Vediamo adesso come creare il foglio di lavoro in cui conservare i messaggi che riceveremo. Si riapre la pagina di Google Drive con il modulo di contatto, si clicca su Scegli la destinazione delle risposte, si opta per Nuovo Foglio di Lavoro e si termina con Crea

 

Nel nostro account Google Drive verrà creato automaticamente un nuovo documento collegato al modulo. Per aprirlo basterà cliccarci sopra. Quando un utente userà il nostro modulo di contatto tutti i dati che ha immesso verranno registrati in questo foglio di lavoro

Le varie colonne potranno essere ridimensionate cliccandoci sopra con il destro del mouse, scegliendo appunto Ridimensiona colonna e inserendone la larghezza o mettendo la flag a Adatta ai dati. Se volete essere immediatamente informati di un nuovo messaggio andate su Strumenti > Regole di notifica

e impostate le caselle di controllo per essere avvisati immediatamente per email quando viene modificato il foglio di lavoro con una Risposta del modulo.