Pubblicato il 17/09/13e aggiornato il

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 

creeare-modulo

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

titolo-modulo

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

modulo-contatto

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.

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

codice-modulo

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

pagina-statica-modulo-contatto

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

modulo-google-drive

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

nuovo-foglio-di-lavoro 

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

foglio-di-lavoro-modulo-di-contatto

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

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.




16 commenti :

  1. Addirittura un post!!!!!! Grazie infinite Ernesto, non chiedevo tanto ;)

    RispondiElimina
  2. Quindi, scusami Ernesto, i contatti ricevuti possono essere visualizzati solo in google drive? Non attraverso il nostro client di posta elettronica?
    Grazie infinite

    RispondiElimina
    Risposte
    1. Sì. Per email ti puoi fare arrivare le notifiche
      @#

      Elimina
    2. Nel tuo brillantissimo tutorial, è spiegato , se non ho letto male,solo il metodo per avere notifica per mail dopo una modifica del modello. Sbaglio?
      Grazie

      Elimina
    3. Fleg su: "un utente invia modulo"?

      Elimina
    4. Se vuoi essere informato subito: flag su Utente invia modulo e su Invia email immediatamente
      @#

      Elimina
  3. Eccolo realizzato sul mio blog: interclubacquaviva.blogspot.it/p/blog-page.html

    ;)

    RispondiElimina
  4. Si certo! Ma come email mi perviene un link che mi riporta in google drive modulo risposte realizzato. Non male comunque! Grazie Ernesto ;)

    RispondiElimina
  5. Ho realizzato anche un modulo iscrizione on line. Semplicemente perfetto. Grazie ;)

    RispondiElimina
  6. Salve. Avrei bisogno di inserire su un Mio sito web già esistente da tempo (su Aruba), un modulo di richiesta iscrizione con dati personali, indirizzo, motivazioni, etc. che poi arrivi a Me via e mail.
    Per favore vorrei sapere se si può fare (in modo semplice) e soprattutto come??
    Attendo aiuto...grazie!
    Max

    RispondiElimina
    Risposte
    1. Cosa vuol dire avere un sito su Aruba? È su piattaforma Blogger o su piattaforma Wordpress? Questo conta. Se è su Blogger puoi tranquillamente seguire le istruzioni di questo post. Se invece è su Wordpress non so se funzionerà incollando il codice in modalità HTML, bisognerebbe testare
      @#

      Elimina
    2. Salve. Avere un sito su Aruba vuol dire avere il dominio e lo spazio web, appunto, con Aruba (uno dei maggiori server al mondo); è un normale sito web in html, creato nè con blogger nè con wordpress ma con normali software per gestire siti web, tipo Front Page 2003 o Expression Web.
      Puoi aiutarmi per favore?
      Grazie, saluti.

      Elimina
    3. Allora dovrebbe funzionare. Tu sai creare una pagina web immagino con Front Page o quello che ti pare. Segui le istruzioni di questo post e nell'HTML della pagina ci incolli il codice ottenuto da Google Drive.
      @#

      Elimina
  7. Salve. Ho creato il modulo di contatto seguendo le tue indicazioni, ma volevo sapere se è possibile inserire un campo di controllo, tipo captcha, per evitare lo spam . Ho cercato sulla guida di drive ma non ne parla. Grazie

    RispondiElimina
    Risposte
    1. Si può creare una captcha indirettamente con una domanda a scelta. Esempio
      Quanto fa 5+3?
      a) 0
      b) 8
      c) 2
      d) Non lo so
      Poi si dovrebbe impostare l'opzione "Vai alla pagina in base alla risposta" per riportare all'inizio del form chi non risponda esattamente
      Ci sarebbe anche la soluzione di uno script. Seguimi nei prossimi giorni e vedo se mi viene una idea risolutiva (senza impegno)
      @#

      Elimina
    2. Grazie per la soluzione, e grazie in anticipo per la ricerca di un'eventuale altra opzione.
      Ciao.

      Elimina

Non inserire link cliccabili altrimenti il commento verrà eliminato. Metti la spunta a Inviami notifiche per essere avvertito via email di nuovi commenti. Se ti ho aiutato con il post o con le risposte ai commenti condividi su Facebook o su Twitter. Grazie.