widget: Moduli di contatto

widget Categorie: Affari

Utilizza il widget Modulo di contatto per aggiungere un modulo web al tuo sito. Il widget Modulo di contatto consente di fornire ai visitatori una varietà di aree di input; Testo specifico, menu a discesa, pulsanti di opzione, caselle di controllo, data, ora, e-mail e numeri di telefono. Puoi utilizzare il modulo per l'iscrizione alla newsletter via e-mail, le domande dei clienti o semplicemente per raccogliere feedback dai visitatori del tuo sito.

Attenzione

Si sconsiglia di duplicare i moduli di contatto, in quanto ciò causa generalmente dei problemi nel modulo di contatto duplicato.

Impostazione e configurazione dei moduli

Editor di contenuti: configurazione del modulo
Schede nell'area contenuti
Elementi del modulo (componenti del modulo in loco)
Modulo di contatto Campi

Modificare i campi esistenti facendo clic sul nome del campo nell'elenco.

Per aggiungere nuovi campi, fare clic su Aggiungi campo.

Dopo aver fatto clic su un campo esistente o aver aggiunto un nuovo campo, verranno visualizzate ulteriori impostazioni. Molte impostazioni dipenderanno dal tipo di campo selezionato.

Nota

Sui pulsanti di opzione e sulle caselle di controllo, è possibile aggiungere immagini da visualizzare per le opzioni. Le immagini non compariranno nell'email ricevuta dall'invio del modulo, ma comparirà l'etichetta selezionata (anche se nascosta sul sito).

Impostazioni e considerazioni sui campi dei contatti
  • La maggior parte dei tipi di campo avrà queste opzioni:

    • Campo obbligatorio. Se un campo obbligatorio viene lasciato vuoto, quando si tenta di inviare il modulo, verrà visualizzata una casella rossa attorno ad esso. Anche se al momento non è stato aggiunto un indicatore (ad esempio, un asterisco), è possibile aggiungerne uno manualmente all'etichetta Campo o al segnaposto.

    • Inizia una nuova riga in questo campo.

    • Dimensione del campo. Personalizza la larghezza del campo.

  • Sui pulsanti di opzione e sulle caselle di controllo, è possibile aggiungere immagini da visualizzare per le opzioni. Le immagini non compariranno nell'email ricevuta dall'invio del modulo, ma comparirà l'etichetta selezionata (anche se nascosta sul sito).

  • Campo Ora: l'interruttore Usa orologio a 24 ore influisce solo sull'ora visualizzata negli invii; Il formato del selettore dell'ora visualizzato dai visitatori del sito dipenderà dalle impostazioni del browser.

  • Campo file allegato :

    • Il nome del file non deve includere uno spazio al momento del caricamento.

    • Il limite di dimensione dei file allegati è di 10 MB.

    • È possibile caricare un solo file per ogni campo di allegato file (se è necessario caricare più file, sarà necessario includere un campo per ciascuno di essi).

    • Sono supportati i seguenti 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.

    • I file allegati inviati scadono dopo 90 giorni.

  • Campo Numero di telefono: il campo Numero di telefono verificherà la convalida per assicurarsi che le condizioni di formattazione siano soddisfatte, in caso contrario verrà visualizzato un errore con un messaggio. Le condizioni sono almeno un numero e nessun carattere non valido. Oltre ai numeri, i caratteri validi sono gli spazi, i segni più (+), i trattini (-) e i punti (.).

Pulsante Invia

Personalizza il testo che desideri visualizzare sul pulsante Invia.

reCAPTCHA

Per impostazione predefinita, ai nuovi moduli viene aggiunta la convalida reCAPTCHA. In questo sono protetti dagli spammer e si velocizza la procedura di invio per i visitatori del sito.

Seleziona una posizione per il reCAPTCHA.

Seleziona se visualizzare il reCAPTCHA come icona o come testo nel modulo.

Nota

reCAPTCHA non può essere disabilitato.

Titolo del modulo

Digitare un titolo per il modulo. Per nascondere il titolo del modulo, fare clic sull'icona a forma di occhio (24517315481495-eye_icon.png).

Nota

Se modifichi il titolo del modulo, questo cambierà solo dopo l'invio di una nuova risposta. Per modificare rapidamente il nome del modulo, ti suggeriamo di inviare una risposta di prova e attendere alcuni minuti per l'aggiornamento del modulo.

Invii (opzioni e impostazioni per l'invio di un modulo)
Notifica di nuova presentazione

Per impostare l'indirizzo e-mail e l'oggetto per la ricezione delle risposte al modulo, fare clic su Nuova notifica di invio.

Assicurati di inserire l'indirizzo e-mail nel campo A cui verranno inviati gli invii per avere una copia delle informazioni inviate.

Se il modulo a cui verranno inviati gli invii è vuoto, verrà utilizzata l'email principale nella Libreria dei contenuti. Se tale e-mail non esiste, il proprietario dell'account verrà utilizzato come destinatario predefinito dell'invio. Tutte le risposte vanno alla pagina delle risposte del modulo.

Azioni successive alla presentazione

Fare clic su Azioni dopo l'invio per impostare le seguenti opzioni:

  • Grazie e messaggi di Error. Utilizza l'editor Rich Text per aggiungere colore, enfasi (grassetto, corsivo e sottolineato) e punti elenco per aggiungere testo nelle caselle.

  • Impostazioni di reindirizzamento. Puoi reindirizzare a una pagina del tuo sito web o a un sito web esterno.

  • Impostazioni e-mail: per impostazione predefinita, verrà inviata una risposta automatica all'autore del modulo insieme a una copia dell'invio (a condizione che l'indirizzo e-mail fornito sia valido). Quando attivato, ci sono impostazioni aggiuntive elencate di seguito.

    • Risposta automatica all'utente che invia il modulo. Per impostazione predefinita, verrà inviata una risposta automatica all'autore del modulo (a condizione che l'indirizzo e-mail fornito sia valido). Per disattivare questa opzione, disattiva l'opzione Rispondi automaticamente all'utente che invia il modulo .

    • Nome del modulo. Puoi anche impostare il nome del modulo (il nome che inserisci qui verrà visualizzato nel campo "Da" dell'e-mail inviata). Se l'impostazione Risposta automatica è stata disattivata, questa impostazione non sarà disponibile.

    • Riga dell'oggetto dell'e-mail. Se l'impostazione Risposta automatica è stata disattivata, questa impostazione non sarà disponibile.

    • Messaggio di posta elettronica. Se l'impostazione Risposta automatica è stata disattivata, questa impostazione non sarà disponibile.

    • Includi una copia della risposta del modulo dell'utente nell'e-mail. Questo è in corso. Deseleziona la casella per disabilitarlo. Se l'impostazione Risposta automatica è stata disattivata, questa impostazione non sarà disponibile.

Inseguimento

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

SchedaIntegrazioni (offerte di terze parti)

Nella scheda Integrazione , invia i dati di invio riusciti a un servizio di terze parti. Per ulteriori informazioni, consulta la sezione seguente, Integrazioni dei moduli di contatto (opzioni di configurazione aggiuntive).

Integrazioni dei moduli di contatto (opzioni di configurazione aggiuntive)

Per estendere la portata del tuo modulo di contatto, integralo con varie soluzioni di terze parti.

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

Nota

Non offriamo più Mailchimp o Constant Contact per le integrazioni dei moduli di contatto. Se già installati in precedenza, saranno ancora disponibili per il sito.

Integrazione di Fogli Google

Usa l'integrazione con Fogli Google per aggiungere all'istante i dati di invio del modulo di contatto a un foglio di lavoro in Fogli Google. Nel foglio di lavoro tutti i campi di contatto del modulo verranno compilati con la data e l'ora di invio del modulo.

  1. Fai clic su Fogli Google, quindi su Accedi con Google.

  2. Fai clic su Consenti per concedere le autorizzazioni per la connessione al tuo account Google. Se il tuo computer è connesso a più account Google, seleziona l'account che desideri collegare a questo modulo.

  3. Seleziona l'opzione per aggiungere i dati a un foglio di lavoro esistente o a uno nuovo.

  4. Seleziona il foglio di lavoro a cui desideri inviare i dati del modulo. Puoi selezionare il foglio di lavoro da un elenco oppure utilizzare la barra di ricerca per cercare un foglio specifico.

Nota

  • Se sul sito sono presenti più moduli, puoi collegare ciascuno di questi ultimi a un foglio di lavoro diverso, inclusi i fogli di lavoro presenti in diversi account Google.

  • Puoi anche collegare un paio di moduli allo stesso foglio di lavoro. In questo caso, assicurati che i campi e l'ordine nel modulo siano identici alle informazioni inviate.

  • L'invio dei dati del modulo a un foglio di lavoro Google non impedisce il download dei dati sotto forma di file .csv o di ricevere e-mail di invio del modulo.

Integrazioni Webhooks

Molti servizi cloud e online offrono integrazioni tramite un percorso denominato Webhook. I Webhook inviano notifiche a un indirizzo specifico sul web denominato URL di endpoint. Puoi collegare il modulo di contatto per inviare un evento quando il modulo viene inoltrato.

Per collegare il modulo di contatto a un altro servizio tramite i Webhook, basta creare un URL di endpoint personalizzato con il servizio desiderato e incollarlo nel campo di integrazione dei Webhook nel modulo di contatto. Dopo aver aggiunto un URL del Webhook e aver inviato il modulo, all'endpoint verrà inviata una richiesta POST con i dati nel corpo del testo in formato JSON. Ecco un esempio dei dati JSON:

{"Data di invio":"06/02/2016 10:23:54","Titolo del modulo":"Contattaci","Nome":"John Smith","E-mail":" test@example.com ","Telefono":"(555).555.1212","Messaggio":"Webhook Invio del modulo!"}

Nota

La data di invio e il titolo del modulo saranno sempre forniti. Gli altri campi ( field_name : valore) si basano sui campi configurati nel modulo.

Tutte le informazioni sui campi sono impostate come stringa e sono racchiuse tra virgolette. Ad esempio, 7 viene inviato come "7".

Creare un URL dell'endpoint

Gli endpoint vengono configurati su servizi di terzi (ad esempio, Zapier o Slack) o su un altro server sotto il tuo controllo. Tali endpoint vengono configurati specificamente per ricevere notifiche dal Webhook.

Idee per l'integrazione
  • Allentamento. Una robusta app di messaggistica a cui puoi connetterti per ricevere notifiche non appena vengono inviati i dati del modulo.

  • Integrazione personalizzata. Crea i tuoi Webhook personalizzati da integrare con il modulo di contatto. Ad esempio, salva gli invii in un database o connettiti ad app personalizzate o servizi di terze parti.

Esempio di configurazione di webhook/URL endpoint su Slack
  1. Nell'app Slack, apri il menu a discesa dell'account principale, quindi fai clic su App e integrazioni.

  2. Si apre il sito web di Slack. Nell'angolo in alto a destra, fai clic su Crea.

  3. Fai clic su Crea un'integrazione personalizzata.

  4. Seleziona Webhook in entrata.

  5. Seleziona un canale esistente oppure crea un nuovo canale su cui verranno pubblicati i messaggi.

  6. Copia l'URL dei webhook.

  7. Regola le impostazioni e le opzioni a tuo piacimento, quindi fai clic su Salva impostazioni.

  8. Apri l'Editor dei contenuti per il Modulo di contatto e incolla l'URL dei tuoi Webhook nel campo Webhook.

  9. Fare clic su Fine.

    Visualizza in anteprima il sito e invia il modulo di contatto per testare l'integrazione.

Riceverai un messaggio su Slack ogni volta che il modulo viene inviato.

HubSpot (App)

Il connettore Hubspot è progettato per integrare i tuoi progetti di web design con le potenti funzionalità CRM di Hubspot. Il nostro connettore è il ponte tra le attività del suo sito web e la gestione delle relazioni con i clienti.

Nota che Hubspot è un'app, e che pertanto dovrà essere gestita tramite l'app store dopo l'installazione.

MailChimp (App)

Questo connettore è progettato per integrare i tuoi progetti di web design con le potenti funzionalità di automazione del marketing di Mailchimp, offrendo un collegamento cruciale tra le attività del tuo sito web e le strategie di e-mail marketing.

Tieni presente che MailChimp è un'app e dovrà essere gestita tramite l'app store dopo l'installazione.

Nota

Non offriamo più Mailchimp o Constant Contact per le integrazioni dei moduli di contatto. Se già installati in precedenza, saranno ancora disponibili per il sito.

ActiveCampaign (un'app)

Il connettore ActiveCampaign è stato realizzato per integrare i tuoi progetti di web design con le robuste funzionalità di e-mail marketing e automazione di ActiveCampaign, facendo sì che le attività del tuo sito web possano avvalersi di strategie di marketing sofisticate.

Nota che ActiveCampaign è un'app e dovrà essere gestita tramite l'app store dopo l'installazione.

Automation Builder di Albato (un'app)

Automation Builder è la porta di accesso all'integrazione perfetta tra il tuo Website Builder e una miriade di piattaforme di marketing e CRM. Questo strumento, estremamente efficace, consente un flusso di dati bidirezionale: potrai così trasferire dati dal tuo Website Builder a piattaforme come MailChimp e ActiveCampaign e viceversa. È progettato per migliorare la flessibilità e l'efficienza, semplificando i flussi di lavoro complessi tra diversi servizi.

Nota che Automation Builder è un'app, e che pertanto dovrà essere gestita tramite l'app store dopo l'installazione.

Editor di progettazione: Progettazione del modulo

Layout

Nella scheda Layout:

  • Fai clic sull'icona del layout per selezionare un layout per il modulo di contatto.

  • Per modificare l'allineamento del modulo, fare clic su Sinistra o Destra.

Elemento

Nella scheda Elemento:

  • Per apportare modifiche allo stile e al testo del campo, fare clic su Campi.

  • Per modificare lo stile e il testo del pulsante, fare clic su Pulsante. Per ripristinare lo stile del tema, fare clic sul pulsante Ripristina tema.

Cornice

Nella scheda Cornice:

  • Per apportare modifiche allo stile della cornice, fare clic su Stile cornice. È possibile modificare lo sfondo aggiungendo un colore o un'immagine.

  • Per modificare lo stile del testo del titolo, fare clic su Titolo modulo.

  • Per modificare lo stile del testo della notifica di invio, fare clic su Messaggio di invio

Aggiungere dati connessi (contenuto dinamico)

È possibile collegare l'indirizzo email alla Libreria dei contenuti, oppure a un campo email nelle collezioni. Inoltre, puoi aggiungere campi di raccolta come l'ID dell'appartamento o il nome del membro del team all'oggetto dell'e-mail o come campi esterni inviati nel modulo. Questi campi aggiuntivi saranno disponibili non solo nell'e-mail del modulo, ma anche quando si accede ai dati delle risposte del modulo dalla scheda di panoramica del sito nella dashboard del sito. Per ulteriori casi d'uso, consulta la Panoramica del prodotto . Per ulteriori informazioni sui dati connessi, vedere Dati connessi.

Nota

Possibile solo su pagine dinamiche

Per aggiungere i dati collegati a un modulo di contatto:

  1. Fare clic con il pulsante destro del mouse sul widget e scegliere Connetti ai dati.

    24517220640919-contact_form_connectdata.png
  2. Seleziona l'indirizzo e-mail dal menu a discesa Connetti e-mail per .

  3. (Facoltativo) Seleziona i campi aggiuntivi che desideri includere nell'e-mail del modulo di contatto.

  4. (Facoltativo) Fai clic su Modifica contenuto e apporta le modifiche necessarie al contenuto. Tutte le modifiche verranno sincronizzate con la tua Libreria dei contenuti.

  5. Fare clic su Fine.

Panoramica delle risposte ai moduli: invii dal tuo sito

Gestisci, esporta ed elimina le risposte

Ci sono alcuni posti in cui è possibile accedere alle risposte: la dashboard del sito, nell'editor e dal modulo stesso.

Nota

Gli invii di moduli inviati dal link di anteprima o dall'anteprima nel sito verranno recapitati al destinatario designato (o al proprietario dell'account, se un destinatario non è stato designato). Tuttavia, non verranno visualizzati nelle risposte del sito né saranno inclusi nell'esportazione CSV.

Dashboard del sito (gestione, eliminazione ed esportazione)

Per accedere alle risposte del modulo nella dashboard del sito:

  1. Dall'elenco dei siti, fai clic sull'icona con i tre puntini (three_dots_horiz_icon.png) accanto al sito in cui viene visualizzato il modulo, fai clic su Dashboard del sito, quindi seleziona Risposta modulo (che si trova nella barra laterale delle opzioni, in Panoramica del sito).

  2. Per esportare le risposte, fai clic su Esporta in CSV nell'angolo in alto a destra della sezione Risposte modulo.

  3. Per gestire le risposte, fai clic su Gestisci risposte.

  4. Viene visualizzata la pagina Risposte modulo che consente di rimuovere qualsiasi risposta a qualsiasi modulo del sito. È possibile cercare le risposte pertinenti nella casella di ricerca Cerca risposte . Assicurati di cercare il nome, la frase o i caratteri esatti.

  5. Facendo clic sulla scheda del modulo che ti interessa, si apre una tabella che include:

    • La data di invio della risposta al modulo.

    • L'input da ciascuno dei campi modulo.

    • L'opzione per eliminare la risposta del modulo.

Nell'editor (Gestione ed eliminazione)

Per passare alle risposte del modulo nell'editor:

  1. Fai clic su SEO e impostazioni, quindi fai clic su Gestisci risposte al modulo.

  2. Viene visualizzata la schermata Risposte modulo che consente di rimuovere qualsiasi risposta a qualsiasi modulo presente sul sito. È possibile cercare le risposte pertinenti nella casella di ricerca Cerca risposte . Assicurati di cercare il nome, la frase o i caratteri esatti.

  3. Facendo clic sulla scheda del modulo che ti interessa, si apre una tabella che include:

    • La data di invio della risposta al modulo.

    • L'input da ciascuno dei campi 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 desiderato.

  2. Fare clic con il pulsante destro del mouse sul modulo.

  3. Nel menu contestuale, seleziona Scarica risposte.

    Nota

    Se l'opzione non è disponibile, potrebbe indicare che non ci sono state risposte sul sito pubblicato.

Rispondere all'invio del modulo di contatto del cliente

Per rispondere all'invio del modulo di contatto di un cliente direttamente dalla tua e-mail, fai semplicemente clic su Rispondi al cliente nell'e-mail che ricevi da Website Builder. In questo modo l'indirizzo e-mail del mittente verrà inserito automaticamente nel campo "A", consentendoti di rispondere direttamente. Si prega di notare che se il cliente ha fornito più indirizzi e-mail, verrà utilizzato solo il primo.

Nota

Quando si risponde in questo modo, l'e-mail potrebbe essere contrassegnata come spam, a seconda dell'e-mail e delle impostazioni dell'inviatore. Per assicurarti che il mittente riceva la tua risposta, prendi in considerazione la possibilità di copiare il suo indirizzo e-mail e di inviare una nuova e-mail.

Configura un modulo di contatto GDPR-friendly

Per ottenere il consenso dei visitatori al momento dell'invio del modulo di contatto, aggiungi un nuovo campo al modulo di contatto e seleziona Opt-In o Testo libero come Tipo di campo.

Opt-in vs testo libero

Il campo Opt-in deve essere controllato dal mittente prima che il modulo possa essere inviato. Questo campo include anche il testo predefinito, che recita: Controllando, accetto di condividere le mie risposte al modulo.

Al contrario, il campo Testo libero visualizza solo la notifica desiderata. Essendo un campo multiuso, non include alcun testo predefinito o suggerito.

Per aggiungere un campo di consenso esplicito o di testo libero:

  1. Accedi alla scheda del contenuto del modulo.

  2. Fare clic su Aggiungi campo.

  3. Fai clic sul menu a discesa Tipo di campo e seleziona Opt-in o Testo libero.

  4. Configurare il campo come desiderato.

Domande frequenti e risoluzione dei problemi

Nota

Se il destinatario dell'invio è vuoto, verrà utilizzata l'e-mail principale nella Libreria dei contenuti. Se tale e-mail non esiste, il proprietario dell'account verrà utilizzato come destinatario predefinito dell'invio. Tutte le risposte vanno alla pagina delle risposte del modulo.

Con l'integrazione di Fogli Google, ho ricevuto un errore Questa app è bloccata
Non ricevo i moduli inviati

Se non riesci a ricevere alcun invio di moduli che viene inviato utilizzando il widget Modulo di contatto, molto probabilmente è perché la nostra posta viene filtrata come spam sul tuo server di posta elettronica.

Se non ricevi e-mail da IONOS, controlla la cartella spam. Se ancora non vedi l'e-mail, assicurati di inserire nella lista consentita 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 elettronica.

Ulteriori suggerimenti per la risoluzione dei problemi:

  • Controlla le risposte al modulo per assicurarti che il modulo di contatto funzioni. Puoi fare clic sul modulo di contatto e fare clic sulle risposte del modulo per scaricarlo.

  • Verifica che l'e-mail sia valida. Se inserisci più e-mail, ricorda di separarle l'una dall'altra con una virgola (senza spazi).

  • Controlla la cartella spam.

  • Controlla le impostazioni del filtro e-mail e della lista bloccata per assicurarti che non vengano bloccati.

  • Aggiungi no-reply@multiscreensite.com alla tua lista di posta elettronica consentita.

  • Crea una nuova pagina inserendoci il tuo modulo di contatto, per verificare che funzioni.

  • Disattiva eventuali script personalizzati nel tuo sito dalle relative impostazioni.

Nota

Se, dopo aver spuntato tutto l'elenco di controllo di risoluzione dei problemi, il modulo di contatto ancora non funziona, contatta il tuo provider e-mail affinché indaghi sul motivo per cui non ricevi le e-mail relative agli invii del modulo.

Se funziona su un'altra pagina del tuo sito mobile ma non sulla pagina su cui dovrebbe funzionare, di solito significa che c'è uno script personalizzato che interferisce con il funzionamento del modulo di contatto. Reimposta la pagina o controlla l'HTML della pagina e dell'intestazione del sito per eventuali script personalizzati che potrebbero causare questo problema.

Come faccio a impostare l'invio per consentire a un mittente di ricevere un'e-mail automatica dopo l'invio?

C'è un'impostazione che è attiva per impostazione predefinita che invierà un'e-mail automatica insieme a una copia della loro presentazione.

Per gestire questa impostazione:

  1. Seleziona la scheda Invio .

  2. Fare clic su Azioni dopo l'invio.

  3. Scorri verso il basso fino a Impostazioni e-mail.

Per ulteriori informazioni sulle azioni successive all'invio, vedere Azioni successive all'invio.