Um visitante chega ao teu formulário. O primeiro campo pede o email. Mas o teu site já tem o email dele de uma inscrição anterior. Tem de o escrever outra vez. Aparece um segundo visitante e o formulário pergunta-lhe o país. As tuas estatísticas já sabem onde está. Para quê perguntar?
Os formulários pré-preenchidos concluem-se mais depressa. Os visitantes não têm de voltar a introduzir informação que já tens. Este artigo explica como pré-preencher formulários e as fontes de dados que podes usar.
Porque importam os formulários pré-preenchidos
Cada campo que um visitante tem de preencher baixa a taxa de conclusão. Se conseguires preencher 50% dos campos automaticamente, o formulário parece mais curto. O visitante gasta menos tempo. Menos campos com que se preocupar significa menos hipóteses de erros.
Os estudos mostram que os formulários pré-preenchidos têm taxas de conclusão 20-30% mais altas do que os formulários em branco. A diferença é real.
Pré-preencher a partir de parâmetros do URL
A forma mais simples de pré-preencher é passar dados no URL com wemasy.pt/contact?email=user@example.com&name=John. Quando a página carrega, o JavaScript extrai os parâmetros e preenche o formulário com const params = new URLSearchParams(window.location.search); document.getElementById('email').value = params.get('email'); document.getElementById('name').value = params.get('name');. Isto funciona para ligar a um formulário a partir de outra página, por exemplo quando uma campanha de email liga a um formulário de contacto com o email do destinatário pré-preenchido ou quando uma landing page liga a um formulário de inscrição com a campanha de origem pré-preenchida.
Tem cuidado com dados sensíveis. Não passes palavras-passe nem números de cartão de crédito em URLs. Passa apenas dados não sensíveis, como o email e o nome.
Pré-preencher a partir de sessões de utilizador
Se o utilizador tiver sessão iniciada, sabes quem é e podes pré-preencher o email, o nome, a morada e outras informações a partir da conta dele. No servidor, antes de apresentar o formulário, usa const user = getUserFromSession(); const form = { email: user.email, name: user.name, address: user.address };. Depois, no modelo HTML, define <input type="text" name="name" value="<%= form.name %>">. Em alternativa, em JavaScript depois de a página carregar, usa _blocked_('/api/user').then(res => res.json()).then(user => { document.getElementById('email').value = user.email; document.getElementById('name').value = user.name; });. Esta abordagem exige que o utilizador tenha sessão iniciada. Para formulários públicos, usa parâmetros do URL ou dados de terceiros.
Pré-preencher a partir de dados do navegador
O navegador guarda dados a que podes aceder de duas formas. Primeiro, o localStorage deixa-te guardar dados no navegador e recuperá-los mais tarde com localStorage.setItem('email', 'user@example.com'); const email = localStorage.getItem('email');. Isto persiste entre carregamentos de página e sessões do navegador, sendo útil para guardar o progresso do formulário ou lembrar o email do utilizador de uma visita anterior. Segundo, os navegadores modernos lembram-se dos dados de formulário que o utilizador já escreveu. Define atributos autocomplete e o preenchimento automático do navegador entra em ação com <input type="email" name="email" autocomplete="email"> e <input type="text" name="name" autocomplete="name">. O navegador mostra sugestões e preenche o campo sem precisar de código, e o autocomplete ajuda sobretudo no telemóvel, onde escrever é lento.
Pré-preencher a partir da geolocalização
Podes detetar a localização aproximada do utilizador e pré-preencher o país ou o estado com _blocked_('https://ipapi.co/json/').then(res => res.json()).then(data => { document.getElementById('country').value = data.country; document.getElementById('state').value = data.region; });. Isto usa o endereço IP para adivinhar a localização. Não é perfeitamente exato (sobretudo para utilizadores de VPN) mas chega para a maioria dos casos. Dá sempre ao utilizador a opção de o alterar.
Pré-preencher a partir de serviços de dados de terceiros
Os serviços de enriquecimento de dados conseguem procurar informação de empresas e pessoas a partir de um endereço de email. Quando o utilizador escreve um email, o JavaScript envia-o ao serviço de enriquecimento, que responde com informação da empresa, o cargo e a localização, e o formulário pré-preenche-se com esses dados. Isto exige uma chave de API e código de integração, o que o torna mais complexo mas muito poderoso para formulários B2B.
Pré-preencher campos ocultos
Os campos ocultos transportam dados que o utilizador não vê mas de que o teu backend precisa.
<input type="hidden" name="source" value="email_campaign">
<input type="hidden" name="campaign_id" value="summer_2026">
Estes são pré-preenchidos no servidor antes de o formulário ser apresentado. Usa-os para acompanhar de onde veio a submissão do formulário ou que campanha levou até ela.
Pré-preencher formulários em vários passos
Nos formulários em vários passos, pré-preenche o passo 2 com os dados do passo 1 para que o utilizador não tenha de voltar a introduzir informação que já escreveu. Depois de o passo 1 ser submetido, guarda os dados na sessão ou no localStorage. Quando o passo 2 carrega, recupera-os e pré-preenche com const step1Data = JSON.parse(localStorage.getItem('formStep1')); if (step1Data) { document.getElementById('email').value = step1Data.email; }.
Privacidade e permissão
Pré-preencher é cómodo mas levanta questões de privacidade. Mostrar o endereço de email de alguém sem permissão parece intrusivo.
Pré-preenche apenas dados que tens permissão para usar. Se o utilizador tem sessão iniciada, tens permissão. Se os dados vieram de uma campanha de email em que clicou, tens permissão. Se os dados vieram de um serviço de terceiros, consulta a tua política de privacidade.
Deixa sempre os utilizadores alterar os valores pré-preenchidos. Não os bloqueies.
Como a WEMASY pré-preenche formulários
Os formulários da WEMASY suportam o pré-preenchimento a partir de parâmetros do URL e de sessões de utilizador. Liga a ferramentas de automatização ou APIs para pré-preencher com dados de terceiros. Usa o pré-preenchimento inteligente para detetar a localização do visitante e outros atributos.
Vê as capacidades de pré-preenchimento no teu plano WEMASY.