Come creare un modulo di contatto per siti web gratuiti con Google Forms

Gestire un sito Web o un blog può essere divertente, ma offrire ai visitatori un modo per contattarti non è sempre facile o diretto. Per fortuna, Google offre una soluzione perfetta per i moduli di contatto del sito Web: puoi incorporare un modulo Google in una pagina e raccogliere tutti i commenti dei tuoi lettori in un foglio Google.

È semplice da configurare, quindi se sei pronto per creare un modulo di contatto avanzato per il tuo sito web, iniziamo!

Creazione del modulo di contatto in Google Forms

Google offre in realtà un pre-fatto “Informazioni sui contatti” modulo nella galleria dei modelli quando accedi per la prima volta al tuo account Google Forms.

Il modulo richiede informazioni standard come nome, indirizzo, numero di telefono, indirizzo email e un campo in cui l'utente può digitare i propri commenti.

Puoi personalizzare questo modulo modificando le informazioni che stai richiedendo.

È inoltre possibile modificare se tali informazioni sono richieste o meno.

Se è non richiesto, quindi l'utente può lasciare il campo vuoto. Se è così è obbligatorio, quindi l'utente non può inviare il modulo finché non ha inserito qualcosa in quel campo.

Poiché stai utilizzando questo modulo come modulo di contatto del tuo sito web, devi assicurarti che l'utente abbia effettivamente inserito qualcosa nel campo dei commenti. Quindi assicurati di aver impostato quell'elemento necessario.

Ora che hai personalizzato il contenuto del modello del modulo di commento di Google in base alle tue esigenze, è ora di personalizzare il comportamento del modulo quando gli utenti lo utilizzano effettivamente.

Impostazione del modulo di contatto del tuo sito Web

Se si fa clic sul impostazioni icona, nel Generale scheda, puoi controllare come si comporta questo modulo quando le persone lo inviano dal tuo sito web.

Ad esempio è possibile fare in modo che il modulo invii un duplicato delle risposte dell'utente all'indirizzo e-mail fornito.

Puoi anche abilitare o disabilitare la loro capacità di modificare le loro risposte dopo che le hanno inviate.

Sotto il Presentazione scheda, puoi personalizzare la risposta che gli utenti vedranno dopo aver inviato il modulo sul tuo sito web.

Rendi questo qualcosa di significativo, poiché verrà mostrato a tutti i visitatori che invieranno questo modulo.

Ad esempio, è bene far sapere loro quanto tempo dovranno aspettare una risposta (potresti anche fornire un numero di telefono qui se hanno bisogno di una risposta più urgente).

Tutto dipende da come stai usando il modulo e dal tipo di contatto che vuoi fornire ai tuoi visitatori.

Trovare il codice da incorporare

Ora che il tuo modulo è pronto, è ora di inserirlo nel tuo sito.

Il primo passo è ottenere il link embed per il tuo modulo. Non è molto semplice, perché non c'è un'icona incorporata visualizzata direttamente nella pagina dell'editor del modulo.

Per accedere al codice embed, devi cliccare sul Inviare pulsante in alto a destra dell'editor del modulo.

Questa pagina mostra il codice HTML incorporato che dovrai copiare e incollare nel tuo sito. È importante impostare qui le impostazioni di larghezza e altezza corrette in modo che il modulo incorporato si adatti bene alla pagina di destinazione.

Potrebbe essere necessario giocare con alcune dimensioni, ma non preoccuparti. Puoi sempre tornare qui, modificare le dimensioni e quindi copiare e incollare di nuovo il nuovo codice di incorporamento.

Incorporare il modulo di contatto sul tuo sito web

Se hai un sito Web o un blog, l'approccio standard è creare un Contatto voce di menu nella tua intestazione. Questo rende il più comodo possibile per i visitatori di contattarti.

Alcuni siti utilizzano un approccio alternativo, come l'inserimento di questo link nel piè di pagina o anche nella pagina Chi siamo.

Sul mio sito, la voce di menu Contatto sposta la vista in basso verso un'area dopo le Testimonianze. Questo è dove voglio incorporare il mio modulo di contatto.

Se hai personalizzato il tuo sito web personalizzato da zero, allora ti consigliamo di inserire il codice di incorporamento direttamente nella sezione della pagina in cui desideri visualizzarlo. Quando segui l'approccio manuale, assicurati di evitare gli errori comuni che le persone compiono quando costruisci una pagina web 9 Errori che non dovresti commettere quando costruisci un sito Web 9 Errori che non dovresti avere quando costruisci una pagina Web Questi errori di codifica HTML seguenti sono facile da realizzare, ma se li allontani prima o dopo, la tua pagina avrà un aspetto migliore, sarà più facile da mantenere e funzionerà come desideri. Leggi di più .

Con un sito WordPress, il tema che utilizzi avrà solitamente un'area con un modulo di contatto che è possibile personalizzare. Ad esempio, con il tema Onetone c'è a “Sezione Contenuto” campo sulla pagina principale che include il codice del modulo di contatto esistente.

Puoi evidenziare questo codice e sostituirlo con il nuovo modulo di contatto di Google.

Perché usare un modulo di contatto Google è meglio

Perché non usare semplicemente il modulo di contatto esistente che viene fornito con un tema? Ci sono in realtà diversi motivi per utilizzare Google Forms è meglio:

• I moduli PHP di solito usano POST o SMTP per inviare e-mail, e in entrambi i casi è necessario sapere come configurare il server di posta elettronica in modo che funzioni.
• Invece di inviare commenti via email, il modulo di contatto di Google raccoglie tutti i messaggi su un foglio Google. Ciò impedisce l'ingombro della posta in arrivo.
• Puoi modificare il modulo in qualsiasi momento utilizzando la GUI di Google Form piuttosto che dover modificare qualsiasi codice.

Una volta incorporato nella pagina Web, il tuo modulo di contatto sarà simile a questo.

Come puoi vedere, questo primo tentativo non è perfetto. L'attuale tema di colorazione per il modulo Google non si sposa bene con il tema della pagina web.

È ora di modificare il design di Google Form un po 'di più.

Aggiornamento e personalizzazione del modulo di contatto

La bellezza di questo approccio è che una volta incorporato nel tuo sito, puoi ridisegnare il modulo come preferisci senza dover mai toccare di nuovo la tua pagina web.

Ad esempio, per cambiare lo schema dei colori del modulo esistente, vai all'editor di Google Form e fai clic su icona della tavolozza dei colori nell'angolo in alto a destra.

Dal momento che il mio sito ha un tema a base di nero più scuro, un tema di forma di contatto grigio dovrebbe fondersi bene.

Nel momento in cui salvi il nuovo modulo di Google nell'editor, esso aggiorna il modulo sul sito web, come puoi vedere qui.

Ora che la progettazione e l'incorporamento sono completi, è il momento di verificare se il modulo di contatto funziona effettivamente come desiderato!

Test del tuo modulo di contatto Google

Dovresti sempre eseguire una prova di qualsiasi nuovo modulo che inserirai sul tuo sito web.

In questo caso, il modulo di contatto di Google risponde con il testo di risposta personalizzato che hai definito quando hai progettato il modulo.

Puoi accedere a tutti i commenti dei tuoi visitatori sulla stessa pagina in cui hai progettato il modulo.

Basta fare clic sul risposte link nella parte superiore del modulo di progettazione.

Qui puoi vedere i singoli commenti e le informazioni di contatto degli utenti. Hai anche la possibilità di fare clic sull'icona Fogli Google nell'angolo in alto a destra della finestra. Questo creerà un nuovo foglio Google per archiviare tutti i commenti in arrivo dagli utenti.

La scelta di come visualizzare i commenti degli utenti in entrata dipende in realtà da come si pianifica di elaborarli. Se speri di creare un'automazione di Google Script ogni volta che c'è una nuova email in arrivo, allora Google Sheets è la strada da percorrere. Abbiamo coperto molti modi in cui puoi utilizzare Google Script per automatizzare Google Sheets 4 script di Google che rendono molto più potenti i fogli di lavoro Google 4 script di Google che rendono i fogli di lavoro Google molto più efficaci di Google Sheets è eccezionale, ma può essere anche più potente se usi gli script di Google per migliorare le sue capacità. Leggi di più .

Tuttavia, se hai intenzione di rispondere manualmente a ogni nuovo commento in entrata, probabilmente stai semplicemente usando il display all'interno della pagina dell'editor di Google Form.

Se si desidera salvare i commenti in un formato di foglio di calcolo, sono disponibili diverse opzioni. Basta fare clic sull'icona dei tre punti in alto a destra della vista Responses per vederli.

Puoi scaricare tutte le risposte in formato CSV o anche stamparle sulla tua stampante o su un documento PDF. Questo è anche il luogo dove è possibile configurare le notifiche ogni volta che arriva un nuovo commento dal tuo sito web.

Porta i tuoi moduli Google al livello successivo

L'utilizzo di Google Form per elaborare i commenti offre maggiore flessibilità e funzionalità rispetto all'utilizzo di un modulo Web standard.

Senza alcuna codifica da parte dell'utente, i commenti vengono registrati in un foglio conveniente. È possibile abilitare o disabilitare cose come le notifiche e-mail o se i commenti possono essere modificati dopo l'invio.

Uno svantaggio di questo approccio è che l'embed utilizza un iframe, che inserisce una barra di scorrimento nella finestra.

Ma se dai alla tua forma un design che si fonde bene con il tuo tema, la barra di scorrimento non sembra così male. È anche un giusto compromesso, date le molte funzionalità che ricevi in ​​cambio.

Se hai appena iniziato con Google Forms, ti consigliamo di consultare la nostra esauriente guida su Google Forms La migliore guida di Google Forms Scopri sempre la migliore guida ai moduli di Google Troverai sempre Google Forms è uno dei migliori strumenti web gratuiti disponibili per raccogliere dati. Questa guida a Google Form ti fornirà tutto ciò di cui hai bisogno per padroneggiare le competenze essenziali per la creazione di forme. Leggi di più . Ci sono anche molti fantastici componenti aggiuntivi di Google Form Google Forms può fare qualsiasi cosa con questi fantastici componenti aggiuntivi Google Forms può fare qualsiasi cosa con questi fantastici componenti aggiuntivi Google Forms è uno strumento sottoutilizzato. Risparmiamo tempo, riduciamo gli errori e rendi i tuoi moduli più dinamici con questi straordinari componenti aggiuntivi di Google Form. Leggi altro che ti consentono di estendere ciò che puoi fare con esso. Puoi persino incorporare tali moduli avanzati nel tuo sito web!

Scopri di più su: Moduli Google, Fogli Google.