Categorie di widget: Affari
Usa il widget Modulo di contatto per aggiungere un modulo web al tuo sito. Il widget Contact Form 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 email, per le domande dei clienti o semplicemente per raccogliere feedback dai
Avvertimento
Non consigliamo di duplicare i moduli di contatto, in quanto ciò comporta in genere problemi nel modulo di contatto duplicato.
DudaI moduli di contatto di non sono conformi alla normativa HIPAA e i termini di servizio di Duda non consentono la raccolta di informazioni mediche tramite tali moduli. Se il tuo sito deve raccogliere informazioni sanitarie, utilizza invece un fornitore di moduli conforme alla normativa HIPAA.
Nota
[en] This article covers the Contact Form widget. Sites on Editor 2.0 can also use the Advanced Forms widget, which has different settings. To check which one you have, click a field in the form. If the whole form is selected and the floating menu shows Manage Form, it's the Contact Form widget. If only that field is selected, it's an advanced form. See Widgets: Advanced Forms.
Modifica i campi esistenti facendo clic sul nome del campo nell'elenco.
Per aggiungere nuovi campi, fai clic suAggiungi campo.
Dopo aver fatto clic su un campo esistente o aver aggiunto un nuovo campo, verranno visualizzate impostazioni aggiuntive. Molte impostazioni dipenderanno dal Tipo di campo selezionato.
Nota
-
Su pulsanti radio e caselle di controllo, puoi aggiungere immagini da visualizzare per le opzioni. Le immagini non appariranno nell'email ricevuta con l'invio del modulo, ma verrà visualizzata l'etichetta selezionata (anche se nascosta sul sito)
-
Tieni presente che l'aspetto dei campi di input sul tuo sito live potrebbe differire leggermente da quello che vedi nell'editor, a seconda del browser utilizzato per visualizzare il modulo.
-
La maggior parte dei tipi di campo avrà le seguenti opzioni:
-
Campo obbligatorio. Se un campo obbligatorio viene lasciato vuoto, quando si tenta di inviare il modulo, verrà visualizzato un riquadro rosso attorno ad esso. Sebbene al momento non sia stato aggiunto alcun indicatore (ad esempio un asterisco), è possibile aggiungerne uno manualmente al Etichetta del campo o Segnaposto.
-
Inizia una nuova riga in questo campo.
-
Dimensioni del campo. Personalizza la larghezza del campo.
-
-
Su pulsanti radio e caselle di controllo, puoi aggiungere immagini da visualizzare per le opzioni. Le immagini non appariranno nell'email ricevuta con l'invio del modulo, ma verrà visualizzata l'etichetta selezionata (anche se nascosta sul sito)
-
Ora campo: l'interruttore Usa orologio a 24 ore ha effetto solo sull'ora visualizzata negli invii; il formato di selezione dell'ora visualizzato dai visitatori del sito dipenderà dalle impostazioni del browser utilizzato.
-
File allegato campo:
-
Il nome del file non deve includere uno spazio al momento del caricamento.
-
Il limite di dimensione dei file per gli allegati è di 10 MB.
-
È possibile caricare un solo file per campo allegato (se è necessario caricare più file, sarà necessario includere un campo per ciascuno).
-
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, .svg, .odt, .js, .css, .png, .jpg, .gif, .....jpeg, .rar oltre a tutti i formati di file video.
-
I file allegati inviati scadono dopo 90 giorni.
-
I file non vengono aggiunti a Media Manager.
-
-
numero di telefono campo: Il campo Numero di telefono verificherà la convalida per garantire 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 (+), i trattini (-) e i punti (.).
Nota
Per ottenere il consenso di un visitatore, ad esempio ai fini del GDPR, aggiungi un campo Opt-in. Verrà visualizzata una casella di selezione con un testo di consenso suggerito, che puoi modificare. A differenza di altri tipi di campo, il campo Opt-in non può essere impostato come obbligatorio. Per ulteriori informazioni sulla raccolta del consenso, consulta la panoramica sui moduli.
Facoltativamente, è possibile collegare un campo di opt-in al consenso al marketing. Sotto le opzioni Campo obbligatorio e Inizia una nuova riga in questo campo , seleziona un canale (Consenso al marketing via e-mail o Consenso al marketing via SMS) nella sezione Opt-in per il marketing . Quando un visitatore spunta la casella, lo stato del suo consenso viene aggiornato per quel canale. Seleziona Non è un opt-in per il marketing se il campo è destinato a un altro scopo. Il testo suggerito per il messaggio di opt-in si aggiorna in base all'opzione selezionata e può essere modificato secondo necessità.
Per impostazione predefinita, la convalida reCAPTCHA viene aggiunta ai nuovi moduli. Questo protegge il modulo dagli spammer e velocizza il processo di invio dei moduli per i visitatori del sito
Seleziona una posizione reCAPTCHA.
Seleziona questa opzione per visualizzare il reCAPTCHA come icona o testo nel modulo.
Nota
reCAPTCHA non può essere disabilitato.
Per impostare l'indirizzo e-mail e l'oggetto per la ricezione delle risposte al modulo, fai clic su Nuova notifica di invio.
Assicurati di inserire l'indirizzo email nel campo Gli invii dei moduli verranno inviati a campo per avere una copia delle informazioni inviate.
Se il Gli invii dei moduli verranno inviati a è 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
Suggerimento
[en] If clicking a field in your form selects only that field, you're using an advanced form, which has its own email settings. See Widgets: Advanced Forms.
Clicca Azioni dopo l'invio per configurare quanto segue:
-
Grazie e Errore messaggi. Usa il Rich Text Editor 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: una risposta automatica, per impostazione predefinita, verrà inviata al mittente del modulo insieme a una copia dell'invio (a condizione che l'indirizzo email fornito sia valido). Quando è attivata, ci sono impostazioni aggiuntive
-
Risposta automatica al mittente del modulo. Per impostazione predefinita, verrà inviata una risposta automatica al mittente del modulo (a condizione che l'indirizzo email fornito sia valido). Per disattivare questa opzione, attiva Opzione di risposta automatica al mittente del modulo disattivata.
-
Nome del modulo. Puoi anche impostare il nome del modulo (il nome che inserisci qui verrà visualizzato nel campo «Da» dell'email inviata). Se l'impostazione Risposta automatica è stata disattivata, questa impostazione non sarà disponibile
-
Oggetto dell'email. 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 del mittente nell'e-mail. Questa opzione è attiva per impostazione predefinita. Deseleziona la casella per disattivarla. Se l'impostazione Risposta automatica è stata disattivata, questa impostazione non sarà disponibile
-
Tipo a Titolo del modulo. Per nascondere il titolo del modulo, fai clic su occhio () icona.
Nota
Se modifichi il titolo del modulo, il titolo cambia 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 qualche minuto che il modulo si aggiorni.
Sul Integrazione scheda, invia i dati di invio riuscito a un servizio di terze parti. Per ulteriori informazioni, consulta la sezione seguente Integrazioni con 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, fai clic su Integrazioni scheda.
Nota
Non offriamo più Mailchimp o Constant Contact come integrazioni per i moduli di contatto. Se li avevi installati in precedenza, saranno ancora disponibili per il tuo
Usa l'integrazione di Google Sheets per aggiungere istantaneamente i dati di invio del modulo di contatto a un foglio di calcolo in Google Sheets. Tutti i campi di contatto del modulo verranno compilati nel foglio di calcolo, incluso un timestamp della data di invio
-
Fai clic su Fogli Google e fai clic su Accedi con Google.
-
Clicca 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 connettere a questo modulo
-
Seleziona se desideri aggiungere dati a un foglio di calcolo esistente o a uno nuovo.
-
Seleziona il foglio di calcolo a cui desideri inviare i dati del modulo. Puoi selezionare il foglio di calcolo da un elenco o utilizzare la barra di ricerca per trovare
Nota
-
Se sul sito sono presenti più moduli, puoi collegarli a un foglio di calcolo diverso, inclusi fogli di calcolo in diversi account Google.
-
Puoi collegare un paio di moduli allo stesso foglio di calcolo. In questo caso, assicurati che i campi e l'ordine del modulo siano identici e corrispondano alle informazioni inviate
-
L'invio dei dati del modulo a un foglio di calcolo di Google non impedisce di scaricare i dati come file .csv o di ricevere email di invio del modulo.
Numerosi servizi online e cloud offrono integrazioni attraverso un percorso chiamato Webhooks. I webhook inviano notifiche a un indirizzo web specifico chiamato URL dell'endpoint. Puoi collegare il modulo di contatto per inviare un evento quando il modulo di contatto
Per connettere il modulo di contatto a un altro servizio utilizzando Webhooks, devi creare un URL endpoint personalizzato con il servizio desiderato e incollarlo nel campo di integrazione Webhooks nel modulo di contatto. Una volta aggiunto un URL Webhook e inviato il modulo, viene inviata una richiesta POST all'endpoint con i dati nel corpo in formato JSON. Di seguito è riportato un esempio dei 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
La data di invio e il titolo del modulo saranno sempre indicati. Gli altri campi (field_name: value) si basano sui campi configurati nel modulo
Tutte le informazioni sui campi sono impostate come stringa e racchiuse tra virgolette. Ad esempio7viene inviato come"7".
endpoint sono configurati su servizi di terze parti (ad esempio, Zapier o Slack) o su un altro server controllato dall'utente. Questi endpoint sono configurati specificamente per ricevere notifiche
-
Zapier. Collega i dati del modulo di contatto a Zapier per possibilità illimitate. Connettiti praticamente con qualsiasi servizio cloud moderno, inclusi CRM come Salesforce, Sugar CRM, Zoho
-
Slack. Una solida app di messaggistica che puoi connettere 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
-
Nell'app Slack, apri il menu a discesa dell'account principale, quindi fai clic su App e integrazioni.
-
Si apre il sito Web Slack. Nell'angolo in alto a destra, fai clic su Costruisci.
-
Clicca Crea un'integrazione personalizzata.
-
Seleziona Webhook in arrivo.
-
Seleziona un canale esistente o crea un nuovo canale in cui verranno pubblicati i tuoi messaggi.
-
Copia il tuo URL dei webhook.
-
Regola le impostazioni e le opzioni a tuo piacimento, quindi fai clic su Salva impostazioni.
-
Apri l'editor di Content Form e incolla l'URL dei tuoi Webhooks nel campo Webhooks.
-
Clicca Fatto.
Visualizza l'anteprima del tuo sito e invia il modulo di contatto per testare l'integrazione.
Riceverai un messaggio su Slack ogni volta che verrà inviato il modulo di contatto.
Zapier ti consente di connetterti ai diversi servizi su Zapier per creare eventi automatici a seguito di una nuova risposta al modulo.
La configurazione viene completata tramite il tuo account Zapier. Per i dettagli, consulta la documentazione di Zapier (zapier.com/apps/duda/integrazioni).
Nota
Zapier è disponibile solo a livello di account. I singoli siti non possono connettersi a diversi account Zapier
Il connettore Hubspot è progettato per integrare perfettamente i tuoi progetti di web design con le potenti funzionalità CRM di Hubspot, il nostro connettore è il ponte tra le attività del tuo sito web e la gestione delle relazioni con i clienti.
Tieni presente che Hubspot è un'app e dovrà essere gestito tramite l'app store dopo l'installazione.
Questo connettore è progettato per integrare i tuoi progetti di web design con le potenti funzionalità di automazione del marketing di Mailchimp, formando un collegamento vitale tra le attività del tuo sito web e le strategie di email 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 come integrazioni per i moduli di contatto. Se li avevi installati in precedenza, saranno ancora disponibili per il tuo
Il connettore ActiveCampaign è progettato per integrare i tuoi progetti di web design con le solide funzionalità di email marketing e automazione di ActiveCampaign, stabilendo un collegamento cruciale tra le attività del tuo sito Web e sofisticate strategie di marketing.
Tieni presente che ActiveCampaign è un'app e dovrà essere gestita tramite l'app store dopo l'installazione.
Automation Builder è la tua porta di accesso alla perfetta integrazione tra il tuo Website Builder e una miriade di piattaforme di marketing e CRM. Questo potente strumento consente un flusso di dati bidirezionale, consentendo non solo il trasferimento dei dati dal tuo Website Builder a piattaforme come MailChimp e ActiveCampaign ma anche viceversa. È progettato per migliorare la flessibilità e l'efficienza,
Tieni presente che Automation Builder è un'app e dovrà essere gestita tramite l'app store dopo l'installazione.
Per saperne di più su concetti importanti e su come eseguire diversi tipi di connessioni e automazioni, consulta la Nozioni di base su Albato corso presso l'Accademia di Albato.
Layout
Nella scheda Layout:
-
Fai clic su layout icona per selezionare un design del layout per il modulo di contatto.
-
Per modificare l'allineamento del modulo, fai clic su Sinistra o Giusto.
Oggetto
Nella scheda Articolo:
-
Per apportare modifiche allo stile e al testo del campo, fai clic su Campi.
-
Per modificare lo stile e il testo del pulsante, fare clic su Pulsante. Per tornare allo stile del tema, Torna al pulsante del tema.
Cornice
Nella scheda Cornice:
-
Per apportare modifiche allo stile della cornice, fate clic su Stile della cornice. Puoi cambiare lo sfondo aggiungendo un colore o un'immagine.
-
Per modificare lo stile del testo del titolo, fai clic su Titolo del modulo.
-
Per modificare lo stile del testo della notifica di invio, fai clic su Messaggio di invio
Puoi collegare l'indirizzo email alla libreria dei contenuti o a un campo email nelle raccolte. Inoltre, puoi aggiungere campi di raccolta come l'ID dell'appartamento o il nome del membro del team all'oggetto dell'email o come campi esterni inviati nel modulo. Questi campi aggiuntivi saranno disponibili non solo nel modulo e-mail, ma anche quando si accede ai dati delle risposte al modulo dalla scheda panoramica del sito nella dashboard del sito.
Nota
Possibile solo su pagine dinamiche.
Per aggiungere dati connessi a un modulo di contatto:
-
Fai clic con il pulsante destro del mouse sul widget e fai clic Connettiti ai dati.
-
Seleziona l'indirizzo email dal Connetti E-mail a scendi.
-
(Facoltativo) Seleziona i campi aggiuntivi che desideri includere nell'email del modulo di contatto.
-
(Opzionale) Fai clic Modifica contenuto e apporta le modifiche necessarie al contenuto. Tutte le modifiche verranno sincronizzate con la tua libreria di contenuti
-
Clicca Fatto.
È possibile accedere alle risposte in alcuni punti: dalla dashboard del sito, nell'editor e dal modulo stesso.
Nota
I moduli inviati dal link di anteprima o dall'anteprima sul 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é inclusi nell'esportazione CSV.
Per accedere alle risposte del modulo nella dashboard del sito:
-
Dall'elenco dei siti, fai clic su tre puntini (
) icona accanto al sito in cui viene visualizzato il modulo, fai clic Dashboard del sito, quindi seleziona Modulo di risposta (situato nella barra laterale delle opzioni, sotto Panoramica del sito).
-
Per esportare le risposte, fai clic su Esporta in formato CSV nell'angolo in alto a destra della sezione Risposte al modulo.
-
Per gestire le risposte, fai clic su Gestisci le risposte.
-
Si apre la pagina Risposte al modulo che consente di rimuovere qualsiasi risposta a qualsiasi modulo del sito. Puoi cercare le risposte pertinenti nel Cerca risposte casella di ricerca. Assicurati di cercare il nome, la frase o i caratteri esatti.
-
Fai clic sulla scheda del modulo pertinente per aprire una tabella che include:
-
Le data dell'invio della risposta al modulo.
-
Le ingresso da ciascuno dei campi del modulo.
-
L'opzione per eliminare la risposta del modulo.
-
-
Per esportare le risposte del modulo in formato CSV, fai clic su Esporta in formato CSV nell'angolo in alto a destra della sezione Risposte al modulo. Tieni presente che questo pulsante è visibile solo se il modulo contiene risposte sul sito live.
Per accedere alle risposte del modulo nell'editor:
-
Clicca Gestisci le risposte ai moduli.
-
Si apre la schermata Risposte al modulo che consente di rimuovere qualsiasi risposta a qualsiasi modulo sul sito. Puoi cercare le risposte pertinenti nel Cerca risposte casella di ricerca. Assicurati di cercare il nome, la frase o i caratteri esatti.
-
Fai clic sulla scheda del modulo pertinente per aprire una tabella che include:
-
Le data dell'invio della risposta al modulo.
-
Le ingresso da ciascuno dei campi del modulo.
-
L'opzione per eliminare la risposta del modulo.
-
Per rispondere all'invio del modulo di contatto di un cliente direttamente dalla tua email, è sufficiente fare clic Rispondi al cliente nell'email che ricevi da Website Builder. Questo inserirà automaticamente l'indirizzo email del mittente nel campo «A», consentendoti di rispondere direttamente. Tieni presente 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 del mittente. Per garantire che il mittente riceva la tua risposta, valuta la possibilità di copiare il suo indirizzo e-mail e di inviarne
Nota
Se il destinatario dell'invio è 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
Se i moduli inviati non arrivano nella tua casella di posta, verifica innanzitutto che il modulo stesso funzioni correttamente:
-
Controlla le risposte al modulo. Se la richiesta risulta presente, significa che il modulo funziona correttamente e che il problema riguarda l'invio dell'e-mail. Consulta la panoramica sulle risposte ai moduli.
-
Controlla l'indirizzo e-mail del destinatario nella notifica di Nuovo invio. Per inviare gli invii a più indirizzi, separali con virgole senza spazi.
-
Prova il modulo in una nuova pagina. Se lì funziona ma non nella pagina originale, è probabile che uno script personalizzato stia interferendo. Controlla il codice HTML dell'intestazione della pagina e del sito per individuare eventuali script personalizzati, oppure disattivalo nelle impostazioni del sito, quindi riprova.
Se l'invio risulta presente tra le risposte al modulo ma l'e-mail non arriva, consulta la sezione Risoluzione dei problemi relativi alle e-mail del sito mancanti.
Esiste un'impostazione attiva per impostazione predefinita che invierà un'e-mail automatica insieme a una copia del loro invio.
Per gestire questa impostazione:
-
Seleziona il Invio scheda.
-
Clicca Azioni dopo l'invio.
-
Scorri verso il basso fino Impostazioni email.
Per ulteriori informazioni sulle azioni dopo l'invio, vedere Azioni dopo l'invio.
Per regolare la larghezza di un singolo campo del modulo, fai clic sul modulo di contatto per aprire il menu mobile. Fai clic su Gestisci modulo, quindi nel popup, fai clic per selezionare il campo desiderato. Sul lato destro del popup, scorri verso il basso fino Dimensione del campo sezione e usa il cursore per selezionare una dimensione.