Traduzir formulários do Webflow: rótulos, erros e e-mails

Tens o site do Webflow em quatro idiomas e o formulário de contacto continua meio em espanhol. As etiquetas foram traduzidas, o placeholder não. O botão diz «Enviar». E quando alguém o preenche a partir de Berlim, aparece-lhe um «Thank you! Your submission has been received!» que ninguém escreveu.

Um formulário do Webflow não é um bloco de texto: são seis camadas distintas, e cada uma traduz-se de uma forma. As etiquetas e o botão são texto normal. Os placeholders são atributos HTML. As mensagens de sucesso e de erro vivem em divs ocultos que só aparecem ao enviar. A validação de campo obrigatório é apresentada pelo navegador. E o email de confirmação é enviado pelo Webflow a partir das suas definições, fora da página. Lantis traduz as cinco primeiras camadas automaticamente, incluindo os atributos (placeholder, aria-label, title, alt) e o texto que aparece depois do envio; a sexta, o email, configura-se no Webflow.

Resumo rápido

• Um formulário tem seis camadas. Rótulos, placeholders, botão, mensagem de sucesso, mensagem de erro e e-mail de notificação. Revisá-los um por um é a única forma de não deixar texto no idioma original.
• Os placeholders são atributos, não texto. Muitas traduções os deixam intactos porque não estão entre tags HTML; o Lantis traduz placeholder, aria-label, title y alt.
• As mensagens de sucesso e erro ficam ocultas no HTML. O Webflow apresenta-os no envio, por isso é preciso traduzi-los mesmo que não apareçam ao carregar a página.
• A validação «preencha este campo» não é sua. É gerada pelo navegador no idioma dele; não se traduz a partir do Webflow nem de um proxy.
• O e-mail de confirmação é configurado por formulário no Webflow, e é só um: se você recebe contatos em vários idiomas, decida em qual idioma ele vai ou use uma ferramenta externa.
• Com Lantis o formulário é servido traduzido a partir do servidor no URL de cada idioma (/fr/contacto), a partir de $3,50/mês.

As seis camadas de um formulário do Webflow

A primeira frase é a resposta: um formulário do Webflow mistura texto visível, atributos HTML, elementos ocultos, mensagens do navegador e e-mails enviados pelo Webflow, e cada grupo é traduzido em um lugar diferente.

As duas linhas das mensagens são as que mais escapam, porque no editor não estão à vista. Vamos tratá-las à parte.

Rótulos, placeholders e botão

Esses três são o trabalho fácil, com um detalhe técnico que explica por que tantos formulários ficam pela metade.

As etiquetas (<label>) e qualquer texto de ajuda são texto normal: traduzem-se como o resto da página.

O placeholder não é texto, é um atributo. No HTML aparece como <input placeholder="Tu correo">. Uma ferramenta que só percorre nós de texto pula isso e o campo fica no idioma original. O Lantis traduz de forma explícita os atributos placeholder, aria-label, title y alt, então o texto cinza do campo e os rótulos acessíveis também mudam de idioma.

O botão de enviar também não é texto. O Webflow gera como <input type="submit" value="Enviar">e também tem um segundo valor, o texto de «aguardando» que aparece enquanto o envio está sendo processado. Se você traduzir apenas o que está visível, o botão pode voltar ao espanhol por meio segundo bem na hora de enviar.

E uma dica de organização: não uses o placeholder como etiqueta. Sem <label> é um problema de acessibilidade em qualquer idioma, e ao traduzir perdes a pista de qual campo era cada coisa. Os atributos e a acessibilidade por idioma abordamo-los também em traduzir imagens e textos alt.

As mensagens de sucesso e erro: onde todo mundo erra

O Webflow coloca no HTML dois blocos ocultos por cada formulário: o de sucesso («Thank you! Your submission has been received!») e o de erro («Oops! Something went wrong while submitting the form.»). Estão na página desde o início, com display: none, e o JavaScript do Webflow os mostra ao enviar.

Isso tem duas consequências:

• Com um proxy de tradução, traduzem-se sozinhos, porque fazem parte do HTML que é servido. O Lantis traduz o HTML no servidor e ainda observa as mudanças do DOM, então o texto que aparece depois do envio também sai traduzido.
• Com o Webflow Localization, é preciso ir atrás deles. O painel de configurações do Form Block com os estados de sucesso e erro é gerenciado no locale principal; nos secundários, o caminho prático que os usuários descrevem no fórum do Webflow é abrir o Navigator, selecionar o elemento de texto dentro da div de sucesso ou de erro e traduzi-lo aí. Há uma pedido aberto na wishlist do Webflow para que essas configurações fiquem visíveis nos locales adicionados.

O teste de que você fez tudo certo é bobo e quase todo mundo esquece: envia o formulário de verdade em cada idioma. É o único momento em que esses dois textos aparecem.

A validação do navegador não é você que traduz

Quando você deixa um campo obrigatório vazio e aparece «Completa este campo» ou «Please fill out this field», essa mensagem não é do Webflow nem do seu site: é gerada pelo navegador a partir do atributo required, e o exibe no idioma do navegador ou do sistema operacional do visitante, como documenta MDN no seu guia de validação de formulários.

Dito de outro modo: alguém com o navegador em alemão verá esse aviso em alemão mesmo que seu site esteja em espanhol, e não há nada a traduzir. Se quiser controlar o texto, a única via é validação própria com JavaScript, e então as mensagens passam a ser texto da sua página (e aí sim se traduzem). Não vale a pena brigar com isso, exceto em formulários longos ou de pagamento: em um contato de quatro campos, a mensagem do navegador é ainda a que o visitante reconhece.

O e-mail de confirmação e o de aviso

Aqui termina o que uma camada de tradução pode fazer e começa a configuração do Webflow. Há dois e-mails distintos: o aviso que chega para você com os dados do envio (você o lê, independentemente do idioma) e o que recebe quem preenche o formulário, que sim é conteúdo voltado ao cliente.

Em outubro de 2025, o Webflow moveu as definições de notificação dos formulários das definições do site para o painel de cada Form Block no Designer, segundo o seu próprio blog; a aba Forms das configurações do site continua guardando os envios, que são explicados na documentação de envios de formulário. O importante para um site multilíngue: esse texto é um por formulário, não um por idioma.

Você tem três saídas razoáveis:

1. Um formulário por idioma, cada um na página do seu idioma e com o seu próprio texto de notificação. É a solução mais limpa se usares o Localization e tiveres poucos idiomas.
2. Um e-mail em inglês para todos os idiomas, curto e neutro. Funciona no B2B e evita manter seis textos.
3. Um serviço externo (o que você já usa para e-mail marketing ou automações) que receba o envio e mande a confirmação no idioma que vier em um campo oculto do formulário.

Para a terceira opção basta um campo oculto com o idioma da página. Se você vende online, o problema é o mesmo dos e-mails de pedido e nós o desenvolvemos em traduzir o checkout e os e-mails da sua loja.

Passo a passo: deixar um formulário do Webflow bem traduzido

1. Coloque o formulário na página de cada idioma. Com o Lantis você não faz nada: /fr/contacto já funciona a mesma página traduzida. Com o Localization, revise o formulário em cada locale.
2. Revise campo a campo: rótulo, placeholder, texto de ajuda e botão. Olhe o formulário no idioma, não a lista de traduções.
3. Envie o formulário de teste e verifique a mensagem de sucesso. Se aparecer em inglês, é a div oculta do Webflow.
4. Force o erro (desconecte a rede ou deixe um campo mal) e verifique a mensagem de erro.
5. Decide o idioma do email de confirmação e configure-o no painel do Form Block.
6. Adicione um campo oculto com o idioma se você vai automatizar respostas. Serve para responder no idioma correto mesmo que o aviso chegue em apenas um.
7. Fixe no glossário os termos que não devem ser traduzidos: nome do produto, nomes de plano, «newsletter» se assim o quiseres.
8. Verifique o SEO da página do formulário com o verificador de SEO multilingue: URL por idioma, hreflang e canonical. A configuração do hreflang no Webflow, passo a passo, está em hreflang no Webflow.

Erros frequentes

• Traduzir apenas o que se vê ao carregar. As mensagens de sucesso e erro estão ocultas no HTML e são justamente as que o visitante lê quando já decidiu escrever para você.
• Esquecer o placeholder. É o erro mais visível: rótulo em francês e «Tu correo» dentro do campo.
• Brigar com a validação do navegador. Não é o teu texto. Se precisares dele no teu idioma, fá-lo com validação própria em JavaScript.
• Presumir que o e-mail de confirmação é traduzido. Não sai da página, então nenhuma camada de tradução o alcança.
• Dois formulários com o mesmo nome. O Webflow agrupa os envios pelo nome do formulário. Se você duplicar o de contato por idioma e der o mesmo nome a todos, perde o rastro de qual idioma enviou o quê.

Um formulário traduzido pela metade não se nota na home: se nota no único momento em que alguém ia escrever para você.

Quando escolher o Webflow Localization em vez do Lantis

Escolha Localização se você quer formulários diferentes por idioma (campos diferentes, outro destinatário, outro texto de notificação), se tem um ou dois idiomas e se já paga o complemento. Consultado em outubro de 2026 na página de preços do Webflow, o nível Essential custa 12 $ por locale ao mês no pagamento mensal, até 3 locales, e o Advanced 35 $ por locale ao mês, até 10. O detalhamento completo está em Webflow Localization: preços e limites e as opções fora do Webflow, em alternativas ao Webflow Localization.

Escolha Lantis se quiseres o mesmo formulário em todos os idiomas traduzido sem o manteres seis vezes, se vais ter três ou mais idiomas ou se o formulário convive com um CMS que cresce, caso que abordamos em traduzir o CMS do Webflow.

Perguntas frequentes

Os placeholders de um formulário do Webflow são traduzidos?

Sim, mas não como o resto do texto: o placeholder é um atributo HTML (placeholder="…"), e não um nó de texto, e há ferramentas que pulam isso. O Lantis traduz explicitamente placeholder, aria-label, title y alt, então o texto cinza do campo muda de idioma junto com o rótulo.

Como traduzo a mensagem «Thank you! Your submission has been received!» do Webflow?

Esse texto está num div oculto que o Webflow adiciona a cada formulário e que é mostrado ao enviar. Com um proxy de tradução, traduz-se sozinho, porque faz parte do HTML da página. Com o Webflow Localization, a forma prática é abrir o Navigator no locale, selecionar o texto dentro do bloco de sucesso e traduzi-lo aí.

O Webflow pode enviar o email de confirmação no idioma do visitante?

Não de forma nativa: o texto de notificação configura-se por formulário, não por idioma. As soluções habituais são criar um formulário por idioma, usar um email único num idioma neutro ou enviar o idioma num campo oculto para uma ferramenta externa que redija a resposta.

Porque é que o aviso de «campo obrigatório» não está no idioma do meu site?

Porque é gerado pelo navegador a partir do atributo required, e o exibe no idioma do navegador ou do sistema do visitante. Não é controlado pelo Webflow nem pela camada de tradução. Se você precisa desse texto no idioma da página, tem que validar com JavaScript próprio e escrever as mensagens você mesmo.

Os envios do formulário traduzido chegam igualmente ao Webflow?

Sim. Com o Lantis, o formulário continua sendo o do Webflow: é enviado para o mesmo lugar e o envio aparece nas configurações do Forms como qualquer outro. Para distinguir o idioma de origem, adicione um campo oculto com o código de idioma da página.

Conclusão

Traduzir um formulário do Webflow é um trabalho de lista: rótulos, placeholders, botão, mensagem de sucesso, mensagem de erro e e-mail. As quatro primeiras se resolvem com uma boa tradução da página, a quinta só aparece se você enviar o formulário de teste em cada idioma, e a sexta se decide no Webflow porque não fica na página. Se você fizer só uma coisa depois de ler isto, que seja enviar o formulário em cada idioma e ver o que sai.

Lantis traduza seu site de Webflow com uma linha de código no <head>, formulários incluídos: texto, atributos como placeholder y aria-label, metadados e o conteúdo que aparece após a interação. Cada idioma fica na sua própria URL (/fr/, /de/) com hreflang, canonical e sitemap por idioma, com o HTML já traduzido desde o servidor e mais de 60 idiomas disponíveis. Custa $3,50/mês com 1 idioma, $3/idioma de 2 a 9 e $2,50/idioma a partir de 10, com 500.000 palavras por idioma, e há um plano gratuito de 100 traduções sem cartão. Calcula o teu em a calculadora ou experimenta com o teu formulário: Começa grátis.