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.

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.

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.

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.

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.

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.

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

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.

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.

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:

• HubSpot,
• Contacto constante,
• ActiveCampaign,
• E muito mais.

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:

• Riscas
• Quadrado
• PayPal Standard
• Comércio PayPal
• Authorize.Net

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.

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.

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.

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.

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.