Widgets: Contact Forms

Categorie di widget: Business

Con il widget Contact Form aggiungi un modulo web al tuo sito, ad esempio per le iscrizioni alla newsletter, le domande dei clienti o semplicemente per raccogliere opinioni. Il widget offre ai visitatori diversi campi di inserimento: testo, menu a tendina, pulsanti di scelta, caselle di controllo, data, ora, email e numero di telefono.

Attenzione: meglio non duplicare i moduli di contatto; il modulo duplicato di solito dà problemi.

Per sapere come aggiungere i widget, consulta «Add Widgets».

Editor di contenuto: configurare il modulo

Fai clic sull'elemento per aprire il menu fluttuante, poi seleziona l'opzione per l'editor di contenuto.

Campi del modulo di contatto

Per modificare un campo esistente, fai clic sul suo nome nell'elenco.

Per aggiungere nuovi campi, fai clic su Aggiungi campo.

Dopo aver fatto clic su un campo esistente o averne aggiunto uno nuovo, compaiono altre impostazioni. Molte dipendono dal Tipo di campo scelto.

Nota:

• Sui pulsanti di scelta e sulle caselle di controllo puoi aggiungere immagini da mostrare per le opzioni. Le immagini non compaiono nell'email che ricevi con gli invii del modulo, ma l'etichetta selezionata sì (anche se nascosta sul sito).
• Tieni presente che l'aspetto dei campi di inserimento sul tuo sito pubblicato può variare un po' rispetto a quello che vedi nell'editor, a seconda del browser usato per vedere il modulo.

Impostazioni e note sui campi di contatto

• La maggior parte dei tipi di campo ha queste opzioni:
  • Campo obbligatorio. Se un campo obbligatorio resta vuoto, quando provi a inviare il modulo compare un bordo rosso intorno. Per ora non viene aggiunto alcun segnale (ad esempio un asterisco), ma puoi aggiungerne uno a mano nell'Etichetta campo o nel Segnaposto.
  • Inizia nuova riga in questo campo.
  • Dimensione campo. Personalizza la larghezza del campo.
• Sui pulsanti di scelta e sulle caselle di controllo puoi aggiungere immagini da mostrare per le opzioni. Le immagini non compaiono nell'email che ricevi con gli invii del modulo, ma l'etichetta selezionata sì (anche se nascosta sul sito).
• Campo dell'ora: l'opzione Utilizza il formato 24 ore influisce solo sull'ora mostrata negli invii; il formato del selettore dell'ora che vedono i visitatori dipende dalle impostazioni del loro browser.
• Campo di allegato:
  • Il nome del file non deve contenere spazi al momento del caricamento.
  • Il limite di dimensione degli allegati è 10 MB.
  • Si può caricare un solo file per ogni campo di allegato (se devi caricare più file, serve un campo per ciascuno).
  • Sono supportati questi formati di file: .pdf, .xls, .xlsx, .doc, .docx, .zip, .ppt, .pptx, .psd, .txt, .xml, .mp3, .ttf, .otf, .woff, .eot, .svg, .odt, .ott, .js, .css, .png, .jpg, .gif, .jpeg, .rar, oltre a tutti i formati di file video.
  • Gli allegati inviati scadono dopo 90 giorni.
  • I file non vengono aggiunti al Gestore multimediale.
• Campo del numero di telefono: il campo controlla la validità per assicurarsi che le condizioni di formato siano rispettate; se non lo sono, compare un errore con un messaggio. Le condizioni sono: almeno un numero e nessun carattere non valido. Oltre ai numeri, sono validi gli spazi, i segni più (+), i trattini (-) e i punti (.).

Pulsante Invia

Personalizza il testo che vuoi mostrare sul pulsante Invia.

reCAPTCHA

I moduli nuovi hanno di default una convalida reCAPTCHA. Protegge il tuo modulo dagli spammer e velocizza l'invio per i visitatori.

Scegli una posizione per il reCAPTCHA.

Decidi se mostrare il reCAPTCHA nel modulo come icona o come testo.

Nota: il reCAPTCHA non si può disattivare.

Invii (opzioni e impostazioni per dopo l'invio di un modulo)

Notifica di nuovo invio

In Nuova notifica di invio imposti a quale indirizzo email e con quale oggetto arrivano le risposte del modulo. Assicurati di scrivere l'indirizzo email nel campo I moduli saranno inviati a: solo così ricevi una copia delle informazioni inviate.

Se il campo I moduli saranno inviati a è vuoto, viene usato come destinatario l'indirizzo email principale della content library. Se non esiste, gli invii vanno di default al titolare dell'account. Tutte le risposte arrivano alla pagina delle risposte del modulo.

Azioni dopo l'invio

Fai clic su Azioni dopo l'invio per configurare quanto segue:

• Messaggi di ringraziamento e di errore. Usa il Editor di testo formattato per aggiungere colore, enfasi (grassetto, corsivo e sottolineato) ed elenchi puntati, e scrivi il testo nei campi.
• Impostazioni di reindirizzamento. Puoi reindirizzare a una pagina del tuo sito o a un sito esterno.
• Impostazioni email: di default viene inviata una risposta automatica a chi ha inviato il modulo, insieme a una copia del suo invio (purché l'indirizzo email indicato sia valido). Quando questa opzione è attiva, compaiono le impostazioni aggiuntive elencate qui sotto.
  • Risposta automatica a chi invia il modulo. Di default viene inviata una risposta automatica a chi invia il modulo (purché l'indirizzo email indicato sia valido). Per disattivarla, disattiva l'opzione Risposta automatica a chi invia il modulo.
  • Nome del modulo. Puoi anche impostare il Nome del modulo (il nome che scrivi qui compare nel campo «From» dell'email inviata). Se la risposta automatica è disattivata, questa impostazione non è disponibile.
  • Oggetto dell'e-mail. Se la risposta automatica è disattivata, questa impostazione non è disponibile.
  • Messaggio e-mail. Se la risposta automatica è disattivata, questa impostazione non è disponibile.
  • Allegare all'e-mail una copia del modulo compilato dal mittente. Questa opzione è attiva di default. Togli la spunta per disattivarla. Se la risposta automatica è disattivata, questa impostazione non è disponibile.

Monitoraggio

Per aggiungere il codice di monitoraggio al tuo modulo, fai clic su Monitoraggio e incolla il codice di conversione o di AdWords nel campo apposito.

Titolo del modulo

Scrivi un titolo per il modulo. Per nasconderlo, fai clic sull'icona a forma di occhio.

Nota: se cambi il titolo del modulo, il nuovo titolo compare solo dopo l'invio di una nuova risposta. Se hai fretta, invia una risposta di prova e aspetta qualche minuto che il modulo si aggiorni.

Scheda Integrations (opzioni di terze parti)

Nella scheda Integrazione invii i dati degli invii andati a buon fine a un servizio di terze parti. Trovi altre informazioni più avanti, nella sezione «Integrazioni del modulo di contatto (altre opzioni di configurazione)».

Integrazioni del modulo di contatto (altre opzioni di configurazione)

Per ampliare la portata del tuo modulo di contatto, collegalo a varie soluzioni di terze parti.

Per aggiungere un'integrazione, nell'area dei contenuti fai clic sulla scheda Integrazioni.

Nota: non offriamo più Mailchimp o Constant Contact come integrazioni del modulo di contatto. Se le avevi già installate, restano disponibili per il tuo sito.

Integrazione con Google Sheets

Con l'integrazione Google Sheets, i dati di ogni invio del modulo di contatto arrivano subito in un foglio di calcolo di Google Sheets. Vengono inseriti tutti i campi di contatto del modulo, più una marca temporale del momento dell'invio.

1. Fai clic su Google Sheets, poi su ACCEDI CON GOOGLE.
2. Fai clic su Consenti per concedere i permessi di collegamento al tuo account Google. Se sul tuo computer sono collegati più account Google, scegli quello da collegare a questo modulo.
3. Scegli se aggiungere i dati a un foglio di calcolo esistente o a uno nuovo.
4. Scegli il foglio di calcolo a cui inviare i dati del modulo. Puoi selezionarlo da un elenco o cercarne uno specifico con la barra di ricerca.

Nota:

• Se hai più moduli sul sito, puoi collegare ognuno a un foglio di calcolo diverso, anche in account Google diversi.
• Puoi collegare più moduli allo stesso foglio di calcolo. In questo caso, assicurati che i campi e il loro ordine siano identici nei moduli, così le informazioni inviate combaciano.
• Inviare i dati del modulo a un foglio di calcolo di Google non ti impedisce di scaricare i dati come file .csv né di ricevere le email degli invii.

Integrazioni con i webhook

Molti servizi online e in cloud offrono integrazioni tramite i cosiddetti webhook. Un webhook invia notifiche a un indirizzo web specifico, la URL di endpoint. Puoi collegare il modulo di contatto perché invii un evento a ogni invio.

Per collegare il modulo di contatto a un altro servizio tramite webhook, crea una URL di endpoint personalizzata nel servizio che vuoi e incollala nel campo di integrazione dei webhook del modulo di contatto. Dopo aver aggiunto una URL di webhook, a ogni invio il modulo manda una richiesta POST all'endpoint, con i dati nel corpo in formato JSON. Ecco un esempio di questi dati JSON:

{"Submission Date":"06/02/2016 10:23:54","Form Title":"Contact Us","Name":"John Smith","Email":"test@example.com","Phone":"(555).555.1212","Message":"Webhook Form Submission!"}

Nota: «Submission Date» e «Form Title» sono sempre inclusi. Gli altri campi (field_name : value) dipendono dai campi configurati nel modulo. Tutte le informazioni dei campi vengono inviate come stringa e tra virgolette. Ad esempio, il 7 viene inviato come «7».

Creare una URL di endpoint

Un endpoint si trova su un servizio di terze parti (ad esempio Zapier o Slack) o su un server che controlli tu. È preparato apposta per ricevere le notifiche del webhook.

Idee di integrazione:

• Slack. Una solida app di messaggistica che puoi collegare per ricevere notifiche appena vengono inviati i dati del modulo.
• Integrazione personalizzata. Crea i tuoi webhook personalizzati per collegarli al modulo di contatto. Ad esempio, salva gli invii in un database o collegali ad app personalizzate o servizi di terze parti.

Esempio di configurazione di webhook/URL di endpoint su Slack

1. Nell'app Slack, apri il menu a tendina principale dell'account, poi fai clic su Apps & Integrations.
2. Si apre il sito di Slack. In alto a destra, fai clic su Costruire.
3. Fai clic su Make a Custom Integration.
4. Seleziona Webhook in entrata.
5. Scegli un canale esistente o creane uno nuovo dove verranno pubblicati i tuoi messaggi.
6. Copia la tua URL di webhook.
7. Regola le impostazioni e le opzioni come preferisci, poi fai clic su SALVA IMPOSTAZIONI.
8. Apri l'editor del modulo di contatto e incolla la tua URL di webhook nel campo Webhooks.
9. Fai clic su Fine.

Visualizza l'anteprima del sito e invia il modulo di contatto per provare l'integrazione.

Riceverai un messaggio su Slack a ogni invio del tuo modulo di contatto.

Editor di design: dare stile al modulo

Fai clic sull'elemento per aprire il menu fluttuante, poi seleziona l'opzione per modificare il design.

Layout

Nella scheda Layout:

• Fai clic sull'icona del layout per scegliere un design di layout per il modulo di contatto.
• Per cambiare l'allineamento del modulo, fai clic su Sinistra o Destra.

Item

Nella scheda Elemento:

• Per modificare lo stile e il testo dei campi, fai clic su Campi.
• Per modificare lo stile e il testo del pulsante, fai clic su Pulsante. Per tornare allo stile del tema, fai clic su Pulsante «Torna al tema».

Frame

Nella scheda Cornice:

• Per modificare lo stile della cornice, fai clic su Stile cornice. Puoi cambiare lo sfondo aggiungendo un colore o un'immagine.
• Per cambiare lo stile del testo del titolo, fai clic su Titolo del modulo.
• Per cambiare lo stile del testo della notifica di invio, fai clic su Messaggio di invio.

Per informazioni sulle opzioni di design non specifiche di questo widget (ad esempio layout, stile o spaziatura), consulta «Widget Design».

Panoramica delle risposte del modulo: gli invii dal tuo sito

Puoi accedere alle risposte in vari punti: il Pannello di controllo del progetto, l'editor e il modulo stesso.

Nota: gli invii del modulo fatti dal link di anteprima o dall'anteprima nel sito arrivano al destinatario indicato (o al titolare dell'account se non ne è stato indicato uno). Non compaiono però nelle risposte del sito e non vengono inclusi nell'esportazione CSV.

Project Dashboard (gestire, eliminare ed esportare)

Per arrivare alle risposte del modulo nel Pannello di controllo del progetto:

1. Nel pannello laterale, fai clic su Altro, poi su Pannello di controllo del progetto. Seleziona Modulo di risposta (nella barra laterale delle opzioni, sotto Panoramica del sito Web).
2. Per esportare le risposte, fai clic su Esporta in CSV in alto a destra nella sezione «Form Responses».
3. Per gestire le risposte, fai clic su Gestisci le risposte.
4. Si apre la pagina «Form Responses», da cui puoi eliminare qualsiasi risposta di qualsiasi modulo del sito. Nella casella di ricerca Risposte della ricerca puoi cercare le risposte che ti interessano. Cerca il nome, la frase o i caratteri esatti.
5. Fai clic sulla scheda del modulo che ti interessa per aprire una tabella che comprende:
   • la data di invio della risposta del modulo.
   • quello che è stato scritto in ciascun campo del modulo.
   • l'opzione per eliminare la risposta del modulo.

Nell'editor (gestire ed eliminare)

Per arrivare alle risposte del modulo nell'editor:

1. Nel pannello laterale, fai clic su Altro, poi su Impostazioni.
2. Fai clic su Gestione risposte del modulo.
3. Si apre la schermata «Form Responses», da cui puoi eliminare qualsiasi risposta di qualsiasi modulo del sito. Nella casella di ricerca Risposte della ricerca puoi cercare le risposte che ti interessano. Cerca il nome, la frase o i caratteri esatti.
4. Fai clic sulla scheda del modulo che ti interessa per aprire una tabella che comprende:
   • la data di invio della risposta del modulo.
   • quello che è stato scritto in ciascun campo del modulo.
   • l'opzione per eliminare la risposta del modulo.

Dal modulo stesso (solo esportazione)

Per esportare le risposte dal modulo:

1. Nell'editor del sito, vai al modulo che vuoi.
2. Fai clic con il tasto destro sul modulo.
3. Nel menu contestuale, seleziona Scarica le risposte.

Nota: se l'opzione non è disponibile, può voler dire che non ci sono ancora risposte sul sito pubblicato.

Rispondere agli invii del modulo di contatto dei clienti

Per rispondere all'invio del modulo di contatto di un cliente direttamente dalla tua email, basta fare clic su Risposta al cliente nell'email che ricevi dal Generatore di siti web. L'indirizzo email di chi ha inviato il modulo compare così automaticamente nel campo «To» e puoi rispondere subito. Tieni presente che, se il cliente ha indicato più indirizzi email, viene usato solo il primo.

Nota: una risposta inviata così può finire tra lo spam, a seconda dell'indirizzo email e delle impostazioni di chi ha inviato il modulo. Per essere più sicuro che riceva la tua risposta, conviene copiare il suo indirizzo email e scrivere una nuova email.

Configurare un modulo di contatto conforme al GDPR

Per ottenere il consenso dei visitatori all'invio del modulo di contatto, aggiungi un nuovo campo al modulo e scegli come Tipo di campo l'opzione Consenso esplicito (Opt-In) o Testo libero.

Opt-in e Free Text a confronto

Il campo Consenso esplicito (Opt-In) deve essere spuntato da chi invia il modulo, altrimenti il modulo non si può inviare. Questo campo ha anche un testo predefinito: «By checking, I agree to share my form responses.».

Il campo Testo libero, invece, mostra solo l'avviso che vuoi. Essendo un campo multiuso, non ha nessun testo predefinito o suggerito.

Per aggiungere un campo Consenso esplicito (Opt-In) o Testo libero:

1. Apri la scheda dei contenuti del modulo. Fai clic sull'elemento per aprire il menu fluttuante, poi seleziona l'opzione per l'editor di contenuto.
2. Fai clic su Aggiungi campo.
3. Apri il menu a tendina Tipo di campo e scegli Consenso esplicito (Opt-In) o Testo libero.
4. Configura il campo come preferisci.

Domande frequenti e risoluzione dei problemi

Nota: se il destinatario degli invii è vuoto, viene usato l'indirizzo email principale della content library. Se non esiste, gli invii vanno di default al titolare dell'account. Tutte le risposte arrivano alla pagina delle risposte del modulo.

Non ricevo gli invii del modulo

Se non ricevi nessun invio del modulo fatto con il widget Contact Form, molto probabilmente le nostre email vengono filtrate come spam sul tuo server di posta.

Se non ricevi le email dal Generatore di siti web, controlla la cartella spam. Se ancora non le trovi, aggiungi alla lista consentiti gli indirizzi IP 167.89.22.215, 149.72.216.48, 149.72.184.31, 149.72.166.161 e 149.72.162.205 nelle impostazioni del tuo provider di posta.

Altri consigli per risolvere il problema:

• Controlla le risposte del modulo per verificare che il modulo di contatto funzioni. Puoi fare clic sul modulo di contatto e poi su Risposte modulo per scaricarle.
• Controlla che l'indirizzo email sia valido. Se ne scrivi più di uno, ricordati di separarli con una virgola (senza spazi).
• Controlla la cartella spam.
• Controlla le impostazioni dei filtri e delle liste di blocco della tua posta per assicurarti che le email non vengano bloccate.
• Aggiungi no-reply@multiscreensite.com alla tua lista consentiti.
• Crea una nuova pagina e inserisci lì il tuo modulo di contatto per vedere se funziona.
• Disattiva tutti gli script personalizzati del tuo sito nelle impostazioni del sito.

Nota: se il tuo modulo di contatto continua a non funzionare dopo aver seguito questa lista, contatta il tuo provider di posta per capire perché non arrivano le email degli invii del modulo di contatto.

Se funziona su un'altra pagina del tuo sito mobile ma non su quella prevista, di solito è perché uno script personalizzato interferisce con il modulo di contatto. Reimposta la pagina oppure controlla l'HTML dell'head della pagina e del sito per individuare script personalizzati che potrebbero causare il problema.

Come faccio a far ricevere un'email automatica a chi invia il modulo?

C'è un'impostazione, attiva di default, che invia un'email automatica insieme a una copia dell'invio.

Per gestire questa impostazione:

1. Fai clic sull'elemento per aprire il menu fluttuante, poi seleziona l'opzione per l'editor di contenuto.
2. Seleziona la scheda INVIO.
3. Fai clic su Azioni dopo l'invio.
4. Scorri fino a Impostazioni e-mail.

Per saperne di più sulle azioni dopo l'invio, consulta la sezione «Azioni dopo l'invio» di questo articolo.