Preencher a lista de verificação do teste do formulário

Lista de verificação completa do teste de formulários (evitar erros + entradas perdidas)

Dedicar algum tempo a testar cuidadosamente cada parte do seu formulário não só ajuda a evitar erros, como também garante que os utilizadores tenham uma experiência agradável

Uma lista de verificação completa de testes de formulários pode ajudar a detetar estes problemas numa fase inicial, garantindo uma experiência perfeita para os seus visitantes e uma recolha de dados fiável.

Este guia fornece uma lista de verificação passo-a-passo abrangente para o ajudar a identificar e corrigir potenciais problemas, independentemente do tipo de formulário em que está a trabalhar.

Crie o seu formulário WordPress agora

Lista de verificação completa do teste de formulários em linha

Um formulário em linha é uma ferramenta muito conveniente para recolher informações úteis dos seus clientes. No entanto, só pode utilizar bem o seu formulário e recolher entradas exactas se tudo estiver a funcionar perfeitamente.

Eis a nossa lista de verificação de teste de formulários recomendada que pode utilizar ao criar formulários para o seu sítio.

1. Dicas rápidas para um teste de formulário bem-sucedido

Antes de começar a testar, vamos discutir algumas dicas importantes para garantir um processo de teste sem problemas.

Guardar o progresso com frequência e criar várias cópias de segurança

A criação de um formulário tende muitas vezes a ser uma atividade ligeiramente experimental. Pode nem sempre ter a certeza de onde deve colocar um determinado campo, qual o seu nome e qual a disposição ideal do formulário.

Por este motivo, é boa prática guardar o formulário com frequência enquanto o está a construir.

O WPForms torna o teste de formulários muito prático, mantendo um registo de todas as alterações que você ou qualquer outra pessoa da sua equipa tenha feito a um formulário.

Com o recurso Revisões de formulários, o WPForms salva uma versão do seu formulário no estado atual sempre que você pressiona Salvar.

Painel de revisões de formulários

Pode tirar partido desta funcionalidade para experimentar diferentes versões dos seus formulários sem ter de criar um novo formulário de raiz de cada vez.

Além disso, permite-lhe desfazer rapidamente os erros, uma vez que pode retroceder para uma versão anterior com um simples clique.

Por isso, recomendamos que guarde frequentemente para testar os formulários de forma rápida e eficiente.

Pré-visualizar o formulário

A ferramenta de pré-visualização do WPForm vai ser vital durante o teste do seu formulário. A pré-visualização dá-lhe o ambiente de teste perfeito para verificar todos os elementos do seu formulário a partir do frontend.

Pode aceder à pré-visualização do formulário clicando no botão Pré-visualização no canto superior direito do formulário em que está a trabalhar.

Pré-visualização do formulário

Também pode aceder à pré-visualização de qualquer formulário que tenha criado a partir da página Visão geral dos formulários. Navegue até WPForms " Todos os formulários, passe o cursor sobre o formulário que pretende pré-visualizar e clique em Pré-visualizar quando a opção aparecer.

Pré-visualização de um formulário

A partir da pré-visualização, pode testar facilmente a funcionalidade e a experiência do utilizador do seu formulário antes do lançamento. Execute os passos seguintes enquanto estiver na pré-visualização para testar com segurança todos os diferentes componentes do seu formulário.

2. Testes de funcionalidade da forma

Todas as partes do seu formulário têm de funcionar como esperado, sem erros. Eis alguns dos aspectos mais importantes a ter em conta ao testar a funcionalidade do seu formulário.

A validação do campo de formulário é exacta?

Enquanto estiver no modo de pré-visualização do formulário, pode testar se a validação do formulário está a funcionar corretamente.

A validação de formulários significa simplesmente que o seu formulário apresenta corretamente uma mensagem de erro se um utilizador não preencher os campos obrigatórios ou introduzir os formatos de entrada errados.

Por exemplo, se um utilizador ignorar o campo Nome quando o definiu como um campo obrigatório, o formulário recusar-se-á a ser enviado. Em vez disso, alertará o utilizador com uma mensagem que destaca todos os campos obrigatórios.

Validação de formulários

Além disso, alguns campos só devem aceitar a introdução de dados num formato específico e desencadear um alerta para o utilizador se a introdução de dados for feita num formato incorreto. Um exemplo é o campo Email.

Enquanto estiver na pré-visualização, tente introduzir um endereço de correio eletrónico aleatório utilizando uma sintaxe incorrecta. O WPForms executará rapidamente a validação e exibirá uma mensagem de erro, instruindo-o a inserir um endereço de e-mail válido.

Validação de correio eletrónico

Continuar a verificar as validações em todos os campos (número de telefone, campos com limites de caracteres, etc.) que são obrigatórios ou têm requisitos de introdução específicos.

Se não estiver a ver estas mensagens de validação nos seus formulários, então poderá haver um conflito de código no seu sítio.

As entradas de formulário estão a ser guardadas corretamente?

Mesmo que tudo pareça bem no frontend, deve sempre certificar-se de que as entradas de formulário são guardadas corretamente no seu backend.

Pode submeter uma entrada de teste a partir do modo de pré-visualização do WPForms. Depois, verifique se a sua entrada foi corretamente guardada pelo WPForms.

Para acessar as entradas do formulário, vá para WPForms " Todos os formulários. Em seguida, mova o cursor sobre o formulário para o qual você acabou de enviar a entrada de teste e clique em Entradas.

Abrir as páginas de Entradas para um formulário específico

Neste ecrã, deve ser possível ver as entradas do teste.

Uma página de registos de formulários

Se não conseguir ver a entrada de teste, pode haver um problema no seu site. Certifique-se de que está a utilizar a versão mais recente do WPForms e que a sua instalação do WordPress está actualizada.

Além disso, não deve ter dois plug-ins de criação de formulários diferentes activados no seu sítio, porque isso pode causar conflitos.

Pode receber e-mails de notificação de formulários?

Deve poder receber mensagens de correio eletrónico de notificação de envio para o seu endereço de correio eletrónico assim que enviar uma entrada de teste.

O facto de não receber o e-mail pode indicar um problema mais profundo de e-mail no seu site WordPress. Se recebeu o correio eletrónico na sua pasta de spam, isso continua a ser um problema que precisa de ser resolvido.

Felizmente, a solução é fácil. Os problemas de entrega de correio eletrónico no WordPress são quase sempre causados por uma falta de detalhes de autenticação nas suas mensagens.

Para adicionar a autenticação adequada e garantir uma entrega mais fiável e rápida, deve utilizar SMTP para as mensagens de correio eletrónico em vez de PHP mail, que é a predefinição do WordPress.

A maneira mais fácil de reconfigurar a função de correio do seu site para SMTP é instalar um plugin chamado WP Mail SMTP.

WP Mail SMTP para rastreio de correio eletrónico

Este plugin permite-lhe ligar-se a um fornecedor de serviços de correio eletrónico SMTP fiável para resolver todos os problemas de correio eletrónico no seu sítio, incluindo notificações de formulários.

Para obter detalhes sobre o SMTP e instruções de configuração, consulte como corrigir o facto de o formulário de contacto não enviar correio eletrónico.

As condições estão a funcionar como esperado?

É fácil esquecer-se de verificar se as condições se estão a comportar como esperado durante os testes de formulários.

Uma vez que as condições normalmente ocultam um campo a menos que determinados dados sejam selecionados pelos utilizadores, é importante testar cuidadosamente o seu formulário, introduzindo diferentes dados nos campos onde se aplicam regras condicionais.

Se algo parecer errado, volte ao backend do seu formulário e reveja cuidadosamente a configuração da lógica condicional para detetar possíveis erros.

O CAPTCHA está a comportar-se corretamente?

Ao testar o CAPTCHA, não é suficiente certificar-se de que ele aparece no formulário a partir do frontend.

Uma caixa de verificação Google reCAPTCHA

Para testar completamente a funcionalidade correta do CAPTCHA, certifique-se de que faz o seguinte:

  • Para a v2 Checkbox reCAPTCHA e Captcha, certifique-se de que o formulário não é enviado se deixar a caixa reCAPTCHA desmarcada
  • Para o CAPTCHA personalizado, certifique-se de que o formulário só é enviado quando introduz a resposta correta e que, caso contrário, dá um erro.

Se estiver a ver um erro que não esperava, deve verificar as suas chaves secretas. Pode ver as opções CAPTCHA suportadas pelo WPForms para obter mais detalhes.

Você também pode querer usar o método moderno de proteção anti-spam do WPForm para prevenção de spam. É extremamente eficaz e pode ser ativado com um único clique. Para saber mais, veja como parar o spam do formulário de contacto.

As integrações estão corretamente configuradas?

Se ligou o seu formulário a ferramentas de marketing e bases de dados de terceiros, certifique-se de que os dados de entrada do teste estão a ser enviados corretamente para todas as aplicações ligadas

O WPForms suporta integrações com plataformas como:

Se o seu formulário não estiver a comunicar com uma aplicação com a qual pretende que ele se ligue, volte às definições do formulário e verifique novamente a configuração da integração.

Poderá também tentar remover uma ligação existente e criar uma nova para estabelecer uma integração bem sucedida.

Os pagamentos de testes estão a passar?

Se os seus formulários tiverem um campo de pagamento, pode efetuar um pagamento de teste para confirmar que os pagamentos estão a ser efectuados com êxito.

Com o WPForms, todas as integrações de pagamento vêm com a funcionalidade de teste, para que possa verificar rapidamente se os pagamentos são bem-sucedidos.

Para obter ajuda com integrações de pagamento e testes, consulte o guia da sua integração de pagamento preferida:

Quando estiver pronto para lançar o formulário, certifique-se de que muda as definições de pagamento para o modo Em direto.

3. Testes de experiência do utilizador de formulários

Uma boa funcionalidade do formulário significa que todos os elementos do seu formulário estão a cumprir a sua função com êxito.

No entanto, existem algumas considerações que não afectam a funcionalidade do formulário, mas que podem desempenhar um papel importante na melhoria da experiência do utilizador. E para incentivar os utilizadores a submeter formulários, é crucial uma boa experiência do utilizador.

Eis algumas considerações importantes que deve ter em conta relativamente à experiência do utilizador do seu formulário.

O formulário é demasiado longo?

Nada pode prejudicar a experiência do utilizador como um formulário longo que parece uma parede sem fim. Sempre que possível, tente eliminar os campos desnecessários que não são realmente necessários no formulário.

No entanto, se não for possível encurtar o formulário, existem formas de o tornar mais fácil de preencher e reduzir o abandono do formulário.

Eis algumas dicas para combater a fadiga da forma:

  • Utilizar formulários de várias páginas: A melhor maneira de tornar um formulário longo mais fácil de preencher é adicionar quebras de página para dividir o formulário em várias páginas. Os utilizadores consideram a deslocação vertical muito mais frustrante e têm mais probabilidades de abandonar esses formulários do que formulários bem divididos em várias páginas. Também pode inserir separadores de secções para organizar o formulário em secções.
  • Permitir guardar e retomar: Dar aos seus utilizadores a possibilidade de guardar uma entrada parcial e voltar a ela mais tarde pode aumentar as conversões e desencorajar o abandono.
  • Ocultar campos condicionais: Alguns campos só são relevantes para determinados utilizadores. Utilizando a lógica condicional, é possível mostrar ou ocultar campos em função das respostas anteriores do utilizador. Esta é uma excelente forma de ajustar automaticamente o comprimento do formulário com base nas respostas do utilizador.

Estas são algumas acções possíveis que pode tomar para melhorar a experiência do utilizador e tornar os seus formulários longos muito mais fáceis de submeter.

Pode querer consultar o nosso guia sobre como adicionar uma barra de progresso aos seus formulários para ajudar as pessoas a acompanharem o seu progresso à medida que preenchem um formulário longo.

Indicou claramente o objetivo e as instruções do formulário?

Todos os formulários têm um único objetivo, que deve ser imediatamente evidente apenas no título do formulário.

Também pode incluir uma breve descrição e instruções no formulário. Um bom título e uma boa descrição clarificam a intenção do seu formulário e ajudam a definir as expectativas do utilizador.

Nome e descrição do formulário

Também pode utilizar texto de marcador de posição nos seus campos para instruir os seus utilizadores sobre o formato ou tipo de entrada que devem introduzir.

Adicionar texto de marcador de posição a um campo Telefone

Com estas instruções simples, pode minimizar as potenciais confusões que os seus utilizadores possam ter relativamente à utilização e às expectativas do seu formulário.

As suas confirmações de formulários são instrutivas?

A mensagem de confirmação ou a página de agradecimento quando um utilizador submete um formulário deve orientar o utilizador para os passos seguintes e para o que pode esperar.

É uma boa ideia verificar a sua mensagem de confirmação predefinida e torná-la mais instrutiva para o seu utilizador, fornecendo alguns detalhes.

confirmação do formulário

Se tiver um formulário de encomenda, pode personalizar a mensagem de confirmação para apresentar a colocação bem sucedida da encomenda.

Também pode redirecionar os utilizadores para uma página diferente após a submissão. Isto pode ser útil se pretender que um utilizador aceda a uma determinada página com uma hiperligação para transferência ou outro conteúdo a que pretenda aceder após a submissão.

O formulário é compatível com dispositivos móveis?

Uma vez que os formulários são normalmente criados em dispositivos de secretária, muitos profissionais de marketing cometem o erro de os testar apenas nos mesmos dispositivos que utilizaram para os criar.

Na maioria dos casos, é de esperar que os visitantes acedam aos seus formulários utilizando todos os tipos de dispositivos, incluindo computadores portáteis, smartphones e tablets. Por conseguinte, faz sentido testar a capacidade de resposta do seu formulário em diferentes dispositivos.

O WPForms é um construtor de formulários adaptável a dispositivos móveis, o que significa que todos os formulários que criar se adaptarão automaticamente a diferentes tamanhos de ecrã.

Seja como for, deve sempre testar o seu formulário enviando uma entrada de teste utilizando um browser de telemóvel.

Em muitos casos, a disposição do formulário com várias colunas não funciona bem em dispositivos móveis. Mas pode adicionar facilmente uma classe CSS para o adaptar a uma disposição de coluna única para telemóvel.

O utilizador pode pré-visualizar a entrada antes e/ou depois de a submeter?

Outro item útil que pode incluir na sua lista de verificação de teste de formulários é se os utilizadores podem pré-visualizar a sua entrada antes de a submeterem.

O WPForms tem um campo de pré-visualização de entrada que pode incluir em todas as páginas do seu formulário enquanto o utilizador o preenche e também depois de o submeter.

As pré-visualizações de entrada ajudam os utilizadores a verificar as informações que forneceram no formulário e a corrigir quaisquer erros que possam ter cometido numa página anterior do seu formulário.

Pré-visualização do formulário simples

Isto não só ajuda a melhorar a precisão das informações que recolhe dos utilizadores, como também se traduz numa melhor experiência de utilização.

E pronto! Esperamos que este teste de formulários o tenha ajudado a criar formulários perfeitamente funcionais e reactivos para os seus visitantes.

Crie o seu formulário WordPress agora

Perguntas frequentes - Lista de verificação completa do teste de formulários

O teste de formulários é um tema de interesse popular entre os nossos leitores. Aqui estão as respostas a algumas perguntas comuns sobre o assunto:

Como testar formulários em linha?

Teste os formulários em linha enviando amostras de entradas para verificar a funcionalidade, a exatidão e o desempenho.

Verifique se todos os campos estão a funcionar, se os campos obrigatórios são obrigatórios e se as mensagens de confirmação ou os e-mails são acionados como esperado.

Assegurar que os dados do formulário são corretamente armazenados ou entregues no local certo.

Como é que se testa a validação de formulários?

Para testar a validação do formulário, tente submeter dados inválidos, como campos obrigatórios vazios, formatos de correio eletrónico incorrectos ou texto em campos numéricos.

Confirme que aparecem mensagens de erro e oriente os utilizadores para corrigirem as suas entradas. Teste em vários dispositivos e navegadores para garantir que a validação funciona de forma consistente.

Quais são os três tipos de validação de formulários?

  • Validação do lado do cliente: Verifica os dados no browser do utilizador antes da submissão (por exemplo, campos obrigatórios).
  • Validação do lado do servidor: Processa dados no servidor para segurança e precisão adicionais.
  • Validação em tempo real: Fornece feedback instantâneo à medida que os utilizadores preenchem o formulário, como a confirmação da força da palavra-passe.

Como é que se testa a usabilidade dos formulários?

Para testar a usabilidade do formulário, avalie a facilidade com que os utilizadores preenchem o formulário.

Verifique se as etiquetas são claras, se as mensagens de erro são acessíveis, se o design é compatível com dispositivos móveis e se a disposição dos campos é lógica.

Realizar testes de usabilidade com utilizadores reais para identificar potenciais frustrações ou elementos confusos.

Em seguida, crie páginas de login do WordPress com estilo

A página de login genérica do WordPress é extremamente limitada em termos de funcionalidade e tem um aspeto aborrecido. Reunimos uma lista dos melhores plug-ins de página de login do WordPress que podem ajudá-lo a melhorar o seu jogo.

Além disso, consulte este guia para estilizar os seus formulários WordPress no editor de blocos de modo a corresponder à estética da sua marca e do seu sítio web para criar uma experiência consistente para os seus clientes.

Crie o seu formulário WordPress agora

Pronto para criar o seu formulário? Comece hoje mesmo com o plugin de criação de formulários mais fácil do WordPress. O WPForms Pro inclui muitos modelos gratuitos e oferece uma garantia de reembolso de 14 dias.

Se este artigo o ajudou, siga-nos no Facebook e no Twitter para mais tutoriais e guias gratuitos do WordPress.

Divulgação: O nosso conteúdo é apoiado pelos leitores. Isso significa que se você clicar em alguns de nossos links, podemos ganhar uma comissão. Veja como o WPForms é financiado, por que isso é importante e como você pode nos apoiar.

Osama Tahir

Osama é um escritor sénior da WPForms. Ele é especialista em desmontar plugins do WordPress para testar e compartilhar suas idéias com o mundo.Saiba mais

O melhor plug-in de criação de formulários de arrastar e soltar do WordPress

Fácil, rápido e seguro. Junte-se a mais de 6 milhões de proprietários de sites que confiam no WPForms.

Active o JavaScript no seu browser para preencher este formulário.

13 comentários em "Lista de verificação completa para o teste de formulários (evitar erros + entradas perdidas)"

  1. Olá
    Gostaria de obter a vossa ajuda, por favor
    Não sei como aceder à minha conta - um programador criou o meu site
    Vejo que o relatório mostra que tenho 101 entradas em Grandes Ofertas e 31 em Formulário de Ofertas - e 43 em Formulário de Contacto Simples
    tudo o que consigo ver no meu relatório são 36 entradas em Grandes Ofertas?
    Como é que posso ver a lista completa?
    Obrigado, Michal

  2. Bom dia,

    O formulário que criei não está a funcionar.
    Quando envio o formulário, o botão Envoyer muda para Envoi en cours... numa fração de segundo e nada acontece.
    A mensagem de validação do envio (encadré vert) não aparece.
    Nenhum e-mail foi enviado.

    Pedi ajuda a um informático, mas ele não encontrou o problema. (Todos os meus plugins estão actualizados, a fórmula está corretamente parametrizada).

    Tem alguma ideia para resolver este problema?
    Link: https://noe-ma.ch#Contact

    Obrigado
    Todos os meus votos para 2024!

  3. Tenho o WPForms Lite no meu sítio Web. Tenho aplicações Web personalizadas que utilizam os meus formulários Excel. Como é que posso obter os dados destas aplicações guardados no meu servidor com o WPForms lite?

    1. Olá David - O WPForms lite não tem uma funcionalidade para armazenar entradas. Portanto, isso não é possível sem um desenvolvimento personalizado (a menos que você planeje usar a versão paga do WPForms).

      Caso pretenda analisar as opções de desenvolvimento personalizado, recomendamos vivamente a utilização do Seahawk. A Seahawk analisa todos os programadores para se certificar de que são altamente qualificados e comunicativos e, em seguida, também ajuda a orientar todo o processo de ligação e comunicação com o programador mais adequado.

      Pode marcar uma consulta gratuita com a sua equipa aqui.

      Caso pretenda verificar outras opções de desenvolvimento personalizadas, consulte o seguinte guia.

      Espero que isto ajude. Obrigado 🙂

  4. Olá !
    Instalei o vosso plugin de cookies no WordPress, mas depois de o executar, a galeria de fotografias e os emoticons desaparecem do sítio Web. Estou a pedir ajuda sobre como posso fazer com que a página seja exibida corretamente. Os plugins instalados são:
    - Advanced Google reCAPTCHA
    -Advanced WordPress Backgrounds
    -Elementor
    -Feliz Elementor Addons
    -Jetpack
    -Jetpack Boost
    -Re-Adicionar botão de justificação de texto
    -Importador do Wordpress
    -WP Go Maps (anteriormente WP Google Maps)
    WPForms Lite.
    Substituí todos os que estão activados para o caso de uma possível colisão.
    Agradeço antecipadamente o vosso feedback.
    Cumprimentos, Mark

  5. No entanto, é interessante ver como os seus dois plugins (SMTP e formulários) só funcionam em conjunto se o administrador do sítio Web tiver o mesmo endereço de correio eletrónico utilizado como nome de utilizador para o servidor smtp.
    Isso não é bom para a segurança...

    1. Olá Cacarelo,

      Pode especificar um endereço de correio eletrónico diferente do correio eletrónico de administração do seu site ao configurar o WP Mail SMTP. O seu site continuará a enviar e-mails corretamente se a configuração estiver correta. Geralmente, aconselhamos a utilização de um endereço de correio eletrónico com o mesmo domínio do seu site para melhorar a capacidade de entrega (por exemplo, [email protected]).

      Espero que isto ajude. Obrigado!

    1. Olá!

      Lamentamos saber que está a ter problemas com as notificações por correio eletrónico. Várias coisas podem estar a causar isto - desde definições de notificação desactivadas a problemas de configuração de e-mail. Uma vez que para identificar a causa específica seria necessário analisar a configuração do seu site, recomendo que consulte o nosso guia de resolução de problemas de notificações por e-mail.

      Para obter ajuda personalizada, envie um ticket de suporte e a nossa equipa entrará em contacto consigo no prazo de 1 dia útil.

      Espero que isto ajude!

Adicionar um comentário

Ficamos satisfeitos por ter escolhido deixar um comentário. Tenha em atenção que todos os comentários são moderados de acordo com a nossa política de privacidade e que todas as hiperligações são nofollow. NÃO utilize palavras-chave no campo do nome. Vamos ter uma conversa pessoal e significativa.

Este formulário é protegido pelo Cloudflare Turnstile e aplicam-se a Política de Privacidade e os Termos de Serviço da Cloudflare.