Tradurre i moduli di Webflow: etichette, errori ed email

Hai il sito Webflow in quattro lingue e il modulo di contatto è ancora mezzo in spagnolo. Le etichette sono state tradotte, il placeholder no. Il pulsante dice «Invia». E quando qualcuno lo compila da Berlino, gli appare un «Thank you! Your submission has been received!» che nessuno ha scritto.

Un formulario di Webflow non è un blocco di testo: sono sei livelli distinti, e ognuno si traduce in modo diverso. Etichette e pulsante sono testo normale. I placeholder sono attributi HTML. I messaggi di successo e di errore vivono in div nascosti che compaiono solo all'invio. La validazione del campo obbligatorio la disegna il browser. E l'email di conferma la invia Webflow dalle sue impostazioni, fuori dalla pagina. Lantis traduce i primi cinque livelli automaticamente, attributi compresi (placeholder, aria-label, title, alt) e il testo che appare dopo l'invio; il sesto, l'email, si configura in Webflow.

Riassunto veloce

• Un modulo è fatto di sei livelli. Etichette, placeholder, pulsante, messaggio di successo, messaggio di errore ed email di notifica. Controllarle una per una è l'unico modo per non lasciare testo nella lingua originale.
• I placeholder sono attributi, non testo. Molte traduzioni li lasciano intatti perché non sono tra tag HTML; Lantis traduce placeholder, aria-label, title y alt.
• I messaggi di successo e di errore sono nascosti nell'HTML. Webflow li mostra all'invio, quindi vanno tradotti anche se non si vedono al caricamento della pagina.
• La validazione «compila questo campo» non è tua. La genera il browser nella propria lingua; non si traduce da Webflow né da un proxy.
• L'email di conferma si configura per modulo in Webflow, ed è una sola: se ricevi richieste in più lingue, decidi in che lingua va oppure usa uno strumento esterno.
• Con Lantis il modulo viene servito tradotto dal server all'URL di ogni lingua (/fr/contacto), da $3,50/mese.

I sei livelli di un modulo Webflow

La prima frase è la risposta: un modulo Webflow mescola testo visibile, attributi HTML, elementi nascosti, messaggi del browser ed email inviate da Webflow, e ogni gruppo si traduce in un punto diverso.

Le due righe dei messaggi sono quelle che sfuggono più spesso, perché nell'editor non sono visibili. Le tratteremo a parte.

Etichette, placeholder e pulsante

Questi tre sono il lavoro facile, con una sfumatura tecnica che spiega perché tanti moduli restano a metà.

I tag (<label>) e qualsiasi testo di aiuto sono testo normale: si traducono come il resto della pagina.

Il placeholder non è testo, è un attributo. Nell'HTML appare come <input placeholder="Tu correo">. Uno strumento che percorre solo i nodi di testo lo salta e il campo resta nella lingua originale. Lantis traduce in modo esplicito gli attributi placeholder, aria-label, title y alt, così anche il testo grigio del campo e le etichette accessibili cambiano lingua.

Anche il pulsante di invio non è testo. Webflow lo genera come <input type="submit" value="Enviar">, e ha anche un secondo valore, il testo di «attesa» che viene mostrato mentre l'invio è in elaborazione. Se traduci solo ciò che è visibile, il pulsante può tornare in spagnolo per mezzo secondo proprio al momento dell'invio.

E un consiglio sull'ordine: non usare il placeholder come etichetta. Senza <label> è un problema di accessibilità in qualsiasi lingua, e traducendo perdi traccia di quale campo fosse ogni cosa. Gli attributi e l'accessibilità per lingua li trattiamo anche in tradurre immagini e testi alt.

I messaggi di successo e di errore: dove sbagliano tutti

Webflow inserisce nell'HTML due blocchi nascosti per ogni modulo: quello di successo («Thank you! Your submission has been received!») e quello di errore («Oops! Something went wrong while submitting the form.»). Sono presenti nella pagina fin dall'inizio, con display: none, e il JavaScript di Webflow li mostra all'invio.

Questo ha due conseguenze:

• Con un proxy di traduzione si traducono da soli, perché fanno parte dell'HTML che viene servito. Lantis traduce l'HTML lato server e in più osserva le modifiche del DOM, così anche il testo che appare dopo l'invio viene tradotto.
• Con Webflow Localization bisogna andarli a cercare. Il pannello delle impostazioni del Form Block con gli stati di successo ed errore si gestisce nel locale principale; in quelli secondari, la via pratica che gli utenti descrivono nel forum di Webflow è aprire il Navigator, selezionare l'elemento di testo dentro il div di successo o di errore e tradurlo lì. C'è una richiesta aperta nella wishlist di Webflow perché queste impostazioni siano visibili nelle lingue aggiunte.

La prova che hai fatto bene è banale e quasi tutti la saltano: invia davvero il modulo in ogni lingua. È l'unico momento in cui quei due testi sono visibili.

La validazione del browser non la traduci tu

Quando lasci vuoto un campo obbligatorio e compare «Compila questo campo» o «Please fill out this field», quel messaggio non viene da Webflow né dal tuo sito: lo genera il browser a partire dall'attributo required, e lo mostra nella lingua del browser o del sistema operativo del visitatore, come documentato in MDN nella sua guida alla validazione dei moduli.

Detto in altri termini: chi ha il browser in tedesco vedrà quell'avviso in tedesco anche se il tuo sito è in spagnolo, e non c'è nulla da tradurre. Se vuoi controllare il testo, l'unica via è la validazione personalizzata con JavaScript, e allora i messaggi diventano testo della tua pagina (e sì, si traducono). Non vale la pena impuntarsi su questo, se non in formulari lunghi o di pagamento: in un modulo di contatto con quattro campi, il messaggio del browser è anche quello che il visitatore riconosce.

L'email di conferma e quella di notifica

Qui finisce ciò che può fare un livello di traduzione e inizia la configurazione di Webflow. Ci sono due email diverse: l'avviso che arriva a te con i dati dell'invio (lo leggi tu, indipendentemente dalla lingua) e quella che riceve chi compila il modulo, che è invece contenuto rivolto al cliente.

A ottobre 2025 Webflow ha spostato le impostazioni di notifica dei moduli dalle impostazioni del sito al pannello di ogni Form Block nel Designer, secondo la sua blog personale; la scheda Forms delle impostazioni del sito continua comunque a salvare gli invii, spiegati nella documentazione sugli invii dei moduli. L'importante per un sito multilingue: quel testo è uno per modulo, non uno per lingua.

Hai tre strade ragionevoli:

1. Un modulo per lingua, ognuno nella pagina della propria lingua e con il proprio testo di notifica. È la soluzione più pulita se usi Localization e hai poche lingue.
2. Un'email in inglese per tutte le lingue, corto e neutro. Funziona nel B2B ed evita di mantenere sei testi.
3. Un servizio esterno (quello che già usi per l'email marketing o le automazioni) che riceva l'invio e mandi la conferma nella lingua indicata in un campo nascosto del modulo.

Per la terza opzione basta un campo nascosto con la lingua della pagina. Se vendi online, il problema è lo stesso delle email d'ordine e lo approfondiamo in tradurre il checkout e le email del tuo negozio.

Passo dopo passo: lasciare un formulario di Webflow ben tradotto

1. Metti il modulo nella pagina di ogni lingua. Con Lantis non fai nulla: /fr/contacto la stessa pagina tradotta è già disponibile. Con Localization, controlla il modulo in ogni locale.
2. Rivedi campo per campo: etichetta, placeholder, testo di aiuto e pulsante. Guarda il modulo nella lingua, non l'elenco delle traduzioni.
3. Invia il modulo di prova e controlla il messaggio di successo. Se appare in inglese, è il div nascosto di Webflow.
4. Forza l'errore (disconnetti la rete o lascia un campo compilato male) e controlla il messaggio di errore.
5. Determina la lingua dell'email di conferma e configuralo nel pannello del Form Block.
6. Aggiungi un campo nascosto con la lingua se vuoi automatizzare le risposte. Ti serve per rispondere nella lingua corretta anche se la notifica arriva in una sola.
7. Fissa nel glossario i termini che non vanno tradotti: nome del prodotto, nomi dei piani, «newsletter» se preferisci così.
8. Controlla la SEO della pagina del modulo con il checker SEO multilingue: URL per lingua, hreflang e canonical. La configurazione di hreflang in Webflow, passo dopo passo, è in hreflang in Webflow.

Errori frequenti

• Tradurre solo ciò che si vede al caricamento. I messaggi di successo e di errore sono nascosti nell'HTML e sono proprio quelli che legge il visitatore quando ha già deciso di scriverti.
• Dimenticare il placeholder. È l'errore più visibile: etichetta in francese e «Tu correo» dentro il campo.
• Litigare con la validazione del browser. Non è il tuo testo. Se ti serve nella tua lingua, fallo con una validazione personalizzata in JavaScript.
• Dare per scontato che l'email di conferma venga tradotta. Non lascia la pagina, quindi nessun livello di traduzione lo tocca.
• Due moduli con lo stesso nome. Webflow raggruppa gli invii per il nome del modulo. Se duplichi quello di contatto per lingua e li chiami allo stesso modo, perdi traccia di quale lingua ha inviato cosa.

Un modulo tradotto a metà non si nota nella home: si nota nell'unico momento in cui qualcuno stava per scriverti.

Quando scegliere Webflow Localization rispetto a Lantis

Scegli Localizzazione se vuoi moduli diversi per lingua (campi diversi, altro destinatario, altro testo di notifica), se hai una o due lingue e se paghi già il componente aggiuntivo. Consultato a ottobre 2026 su pagina dei prezzi di Webflow, il piano Essential costa 12 $ per locale al mese con pagamento mensile, fino a 3 locale, e l'Advanced 35 $ per locale al mese, fino a 10. Il dettaglio completo è in Webflow Localization: prezzi e limiti e le opzioni fuori da Webflow, in alternative a Webflow Localization.

Scegli Lantis se vuoi lo stesso modulo in tutte le lingue tradotto senza doverlo mantenere sei volte, se avrai tre o più lingue o se il modulo convive con un CMS che cresce, caso che trattiamo in tradurre il CMS di Webflow.

Domande frequenti

Si traducono i placeholder di un modulo di Webflow?

Sì, ma non come il resto del testo: il placeholder è un attributo HTML (placeholder="…") , non un nodo di testo, e ci sono strumenti che lo saltano. Lantis traduce esplicitamente placeholder, aria-label, title y alt, così il testo grigio del campo cambia lingua insieme all'etichetta.

Come traduco il messaggio «Thank you! Your submission has been received!» di Webflow?

Quel testo si trova in un div nascosto che Webflow aggiunge a ogni modulo e che viene mostrato all'invio. Con un proxy di traduzione si traduce da solo, perché fa parte dell'HTML della pagina. Con Webflow Localization, il modo pratico è aprire il Navigator nel locale, selezionare il testo dentro il blocco di successo e tradurlo lì.

Webflow può inviare l'email di conferma nella lingua del visitatore?

Non in modo nativo: il testo di notifica si configura per formulario, non per lingua. Le soluzioni abituali sono creare un formulario per lingua, usare un'unica email in una lingua neutra, oppure inviare la lingua in un campo nascosto a uno strumento esterno che rediga la risposta.

Perché l'avviso di «campo obbligatorio» non è nella lingua del mio sito?

Perché lo genera il browser a partire dall'attributo required, e lo mostra nella lingua del browser o del sistema del visitatore. Non lo controlla Webflow né il livello di traduzione. Se ti serve quel testo nella lingua della pagina, devi validare con JavaScript personalizzato e scrivere tu i messaggi.

Gli invii del modulo tradotto arrivano comunque a Webflow?

Sì. Con Lantis il modulo resta quello di Webflow: viene inviato allo stesso sito e l'invio compare nelle impostazioni di Forms come qualsiasi altro. Per distinguere la lingua di origine, aggiungi un campo nascosto con il codice lingua della pagina.

Conclusione

Tradurre un modulo Webflow è un lavoro da lista: etichette, placeholder, pulsante, messaggio di successo, messaggio di errore ed email. I primi quattro si sistemano con una buona traduzione della pagina, il quinto si vede solo se invii il modulo di prova in ogni lingua, e il sesto si decide in Webflow perché non vive nella pagina. Se dopo aver letto questo fai una sola cosa, che sia inviare il modulo in ogni lingua e guardare cosa esce.

Lantis traduci il tuo sito Webflow con una riga di codice nel <head>, moduli inclusi: testo, attributi come placeholder y aria-label, metadati e il contenuto che appare dopo l'interazione. Ogni lingua vive nel proprio URL (/fr/, /de/) con hreflang, canonical e sitemap per lingua, con l'HTML già tradotto dal server e oltre 60 lingue disponibili. Costa $3,50/mese con 1 lingua, $3/lingua da 2 a 9 e $2,50/lingua da 10, con 500.000 parole per lingua, e c'è un piano gratuito di 100 traduzioni senza carta di credito. Calcola il tuo su il calcolatore oppure provalo con il tuo modulo: Inizia gratis.