Panoramica dei moduli - Aiuto Webflow
I moduli sono uno degli strumenti più potenti sul web, permettendoti di raccogliere informazioni in modo efficiente, sia che tu stia raccogliendo iscrizioni a newsletter via email o richieste di lavoro da potenziali clienti. Con Webflow, puoi personalizzare e ottimizzare completamente i tuoi moduli per soddisfare le tue esigenze. Puoi aggiungere un blocco modulo al tuo sito da Pannello Aggiungi → Elementi → Moduli.
Anatomia del modulo
Il Blocco modulo eredita la larghezza completa del suo elemento genitore e contiene tre elementi figli:
- Modulo — contiene tutti i tuoi input e elementi del modulo
- Messaggio di successo — il messaggio restituito quando il modulo è stato inviato con successo
- Messaggio di errore — il messaggio restituito quando c'è un problema con l'invio del modulo
Struttura del modulo
Puoi aggiungere o eliminare qualsiasi dei seguenti elementi del modulo all'interno del modulo per personalizzarlo secondo le tue necessità:
| Elemento del modulo | Scopo |
|---|---|
| Etichetta del campo | Utilizzata per descrivere la funzione o lo scopo di un campo del modulo. Le etichette dei campi sono cruciali per l'accessibilità. |
| Input | Utilizzato per raccogliere dati a riga singola, come una breve risposta a una domanda (es. nome o indirizzo email) |
| Caricamento file | Consente ai visitatori del sito di allegare un file alla loro invio del modulo |
| Area di testo | Consente ai visitatori del sito di inserire dati su più righe, come un messaggio lungo |
| Casella di controllo | Utilizzata per inserire dati dove i visitatori del sito possono scegliere una o più opzioni |
| Pulsante radio | Utilizzato per inserire dati dove i visitatori del sito possono scegliere solo una delle molte opzioni |
| Seleziona | Utilizzato per consentire ai visitatori del sito di selezionare opzioni da un elenco a discesa. Selezioni multiple consentite |
| reCAPTCHA | Servizio di Google che previene lo spam nei moduli |
| Pulsante di invio | Invia tutti i dati raccolti in un modulo. Nessun modulo è completo senza il Pulsante di invio |
Come configurare gli elementi del modulo
Puoi fare doppio clic su un elemento del modulo (ad esempio, Input, Pulsante di invio) per aprire le sue impostazioni. Ogni elemento del modulo ha diverse impostazioni di input in base al suo tipo:
| Impostazione di input | Scopo | Note aggiuntive |
|---|---|---|
| Nome | Identifica il campo nelle sottomissioni del modulo | n/a |
| Obbligatorio | Consente di richiedere che un campo del modulo sia compilato per inviare il modulo | Blocca invii vuoti |
| Segnaposto | Mostra testo nell'input che scompare durante la digitazione; NON dovrebbe sostituire etichette o istruzioni cruciali | Non disponibile per tecnologie assistive o strumenti di traduzione; stilizzabile dal menu degli stati |
| Tipo di testo | Specifica il tipo di input (ad esempio, email, telefono, password) | Telefono accetta caratteri e mostra tastierino; password nasconde caratteri digitati |
| Autofocus | Decide se il campo si focalizza automaticamente quando la pagina si carica | Attenzione a problemi di scorrimento/salto o campi nascosti che bloccano invii |
Pulsante di invio
Le impostazioni del pulsante di invio ti permettono di impostare:
- Testo del pulsante: Cosa appare sul pulsante (predefinito: “Invia”)
- Testo di attesa: Cosa sostituisce il pulsante dopo che è stato cliccato e prima che l'invio sia completato (predefinito: “Attendere prego…”)
Come gestire le impostazioni del modulo
Personalizza stati di successo ed errore
Seleziona il blocco modulo e vai a Impostazioni blocco modulo per:
- Normale: Stato predefinito
- Successo: Messaggio dopo un invio riuscito
- Errore: Messaggio dopo un invio fallito
Imposta il nome del modulo
Il nome che imposti associa il modulo ai suoi dati di invio. Se non imposti nomi unici, tutti i dati di invio appariranno sotto "Modulo Email". Dai nomi descrittivi per distinguere i moduli.
Gestisci invii e notifiche del modulo
- Specifica i destinatari nelle Impostazioni del blocco modulo.
- Accedi alle notifiche avanzate in Impostazioni del sito → Moduli → Notifiche modulo.
- Per i proprietari completi del sito: accedi/gestisci i dati del modulo in Impostazioni del sito → Moduli → Invii modulo.
Reindirizza i visitatori del sito all'invio del modulo
Aggiungi un URL nel campo Reindirizzamento per inviare gli utenti altrove dopo l'invio.
Imposta un'azione personalizzata
Aggiungi un'azione personalizzata per inviare gli invii altrove (ad es. HubSpot). Quando aggiungi questo, Webflow non elabora o invia la notifica. Puoi anche connettere App per più integrazioni.
Visualizza le connessioni delle app
Le App connesse appariranno in Connessioni. Nota: Invia dati modulo a Webflow appare sempre a meno che non si bypassi completamente l'elaborazione di Webflow.
Dati del modulo e GDPR
- Se raccogli dati personali da residenti nell'UE (anche tramite moduli), sei un responsabile del trattamento dei dati secondo il GDPR.
- Ottieni il consenso appropriato per la raccolta dei dati.
- Se costruisci per clienti, educali sulle loro responsabilità.
- Rivedi le responsabilità se colleghi dati a terze parti (ad es., Zapier).
Scopri di più:
Risoluzione dei problemi
Se il tuo modulo non può essere inviato:
- Se hai abilitato reCAPTCHA, assicurati che tutti i moduli lo includano. Altrimenti, gli invii falliranno.
- Se hai campi nascosti, assicurati che Autofocus sia disattivato per quelli.
- I siti gratuiti/non ospitati sono limitati a 50 invii totali di moduli. Aggiorna il tuo piano del sito per rimuovere il limite.
Se i problemi persistono, contatta l'assistenza clienti.