Testando Formulários Antes de Publicar

Quer ter certeza de que seu formulário funciona corretamente antes de exibi-lo em seu site? Testar seu formulário é a melhor maneira de garantir uma experiência tranquila para você e seus usuários.

Este tutorial compartilhará as perguntas mais importantes a serem respondidas antes de lançar um formulário em seu site, bem como dicas para resolver problemas e melhorar a experiência do usuário.


Observação: Já lançou seu formulário e está encontrando problemas? Esta lista de verificação também pode ajudar a diagnosticar problemas comuns. Use os links abaixo para pular para a seção mais relevante:

Visualizando seu formulário

O WPForms facilita o teste do seu formulário antes de adicioná-lo a uma página ou postagem em seu site. Para fazer isso, vá para WPForms » Todos os Formulários. Em seguida, passe o mouse sobre o título do formulário para exibir um menu adicional de opções. Assim que as opções aparecerem, clique em Visualizar.

Visualizando um formulário

Recomendamos usar esta visualização do formulário enquanto você verifica as perguntas abaixo.

Testando a funcionalidade do seu formulário

Depois de abrir a visualização do seu formulário, faça as seguintes perguntas para determinar se ele está funcionando como esperado.

1. A validação do formulário está funcionando corretamente?

As mensagens de validação ajudam os usuários a ver facilmente se eles pularam um campo obrigatório ou inseriram um valor com formato incorreto.

Para testar se a validação está funcionando, tente enviar seu formulário sem preencher os campos obrigatórios. Quaisquer campos vazios e obrigatórios devem exibir uma mensagem vermelha que diz: "Este campo é obrigatório."

Uma mensagem de validação de campo obrigatório

Em seguida, tente inserir um formato incorreto em qualquer campo que tenha regras de formato, como o campo de e-mail. Ao tentar enviar o formulário, ele deve exibir uma mensagem vermelha pedindo para você inserir sua entrada usando o formato correto.

Uma mensagem de validação de formato de campo

Se as mensagens de validação não estiverem sendo exibidas corretamente, o próximo passo é verificar conflitos de código.

Observação: Após testar a validação, envie um formulário preenchido e confirme se você vê a mensagem de sucesso (por exemplo, “Obrigado por entrar em contato!”). Se o formulário ficar girando infinitamente ou nada acontecer após clicar em Enviar, consulte nossos guias sobre como resolver o erro ‘O formulário não pôde ser enviado’, solução de problemas de erros de JavaScript e solução de problemas de configurações de cache.

2. O e-mail de notificação do formulário é entregue com sucesso?

Quando habilitados e configurados corretamente, os e-mails de notificação serão enviados automaticamente assim que um usuário enviar seu formulário. No entanto, devido a problemas de configuração do servidor ou filtragem de spam pelo provedor de e-mail do destinatário, às vezes os e-mails não são entregues com sucesso.

Para testar suas notificações, envie seu formulário. Em seguida, verifique se o e-mail chegou à sua caixa de entrada (ou à do destinatário pretendido). Certifique-se de verificar também suas pastas de spam, lixo eletrônico e promoções.

Se o e-mail de notificação do seu formulário não chegou ou foi marcado como spam, ou se você quiser evitar problemas de entrega que possam surgir no futuro, o próximo passo é configurar o SMTP em seu site. Isso autenticará seus e-mails para que eles sejam entregues com sucesso de forma consistente.

Para todos os detalhes, bem como instruções de configuração passo a passo, confira nosso tutorial sobre soluções SMTP recomendadas.

Para obter um guia completo sobre como corrigir problemas de notificação, consulte nosso guia de solução de problemas de e-mails de notificação de formulário.

3. A lógica condicional está funcionando corretamente?

Para testar a lógica condicional do seu formulário, certifique-se de experimentar todas as condições que você adicionou ao seu formulário.

Se a lógica condicional não estiver funcionando como esperado, o melhor próximo passo é verificar novamente as regras de condição em busca de possíveis problemas. Se as regras parecerem corretas e lógicas, o próximo passo é verificar conflitos de código.

4. Novos assinantes são adicionados à sua plataforma de marketing quando um formulário é enviado?

Se você conectou algum serviço de marketing aos seus formulários para coletar leads, envie uma entrada de teste e verifique sua lista de e-mails para ter certeza de que um novo contato foi adicionado.

Caso você veja algum problema com sua integração de e-mail marketing, o melhor próximo passo é revisar o tutorial de configuração do complemento que você está usando.

Aqui estão os tutoriais relevantes para nossas opções de integração de marketing disponíveis:

Adicionalmente, você pode usar nosso complemento Slack para enviar notificações instantâneas de formulário para seu espaço de trabalho, ou se conectar com usuários via SMS usando nosso complemento Twilio.

Para necessidades de automação mais amplas, você pode usar nosso complemento Zapier, complemento Make, integração Uncanny Automator ou complemento Webhooks para conectar seu site a plataformas de marketing com as quais ainda não temos integrações dedicadas. Se você fizer isso, certifique-se de testar essas conexões também.

Observação: Quer explorar alguns de nossos modelos de formulário prontos para uso? Confira nossa galeria de modelos de formulário de integração de marketing para ajudá-lo a começar.

5. Os pagamentos de teste são bem-sucedidos?

Nossos add-ons de pagamento incluem opções para testar sua funcionalidade antes de aceitar pagamentos reais. Para mais detalhes, consulte nossos tutoriais de integração de pagamento:

Observação: Antes de adicionar seu formulário a uma página ativa em seu site, certifique-se de mudar as configurações de pagamento para o modo Ao Vivo.

6. Está claro qual conteúdo e formato você gostaria para cada campo?

Alguns campos, como os campos de Telefone e E-mail, exigem que os usuários insiram o texto em um formato específico.

Se você tem um campo em seu formulário que precisa ser preenchido usando um determinado formato, você pode mostrar aos usuários como a entrada deve parecer usando o rótulo do campo, descrição ou texto de placeholder.

Adicionando texto de espaço reservado a um campo de Telefone

7. Seu formulário está muito longo?

Formulários mais curtos são mais fáceis para os usuários preencherem. Se o seu formulário requer mais do que alguns campos, existem várias maneiras de torná-lo menos intimidador para os usuários, como:

8. Seu formulário funciona bem em dispositivos móveis?

O WPForms foi projetado para ser responsivo a dispositivos móveis e se adaptará para ter uma ótima aparência em dispositivos como smartphones e tablets.

No entanto, dependendo de suas personalizações e tema do site, ajustes adicionais podem ser necessários para garantir que os usuários possam preencher seus formulários, independentemente do dispositivo que estejam usando.

Para testar a responsividade do seu formulário, tente preencher e enviar o formulário no navegador do seu telefone.

Observação: Se você usou um layout de várias colunas em seu formulário, certifique-se de adaptá-lo para uma única coluna para dispositivos móveis.

9. Seu formulário está seguro contra spam?

Manter seus formulários seguros é fundamental para evitar spam e manter os dados que você coleta seguros e limpos. O WPForms facilita isso para você com uma variedade de opções anti-spam. Estas incluem proteção anti-spam moderna integrada, integração anti-spam Akismet e a opção de adicionar CAPTCHAs.

CAPTCHA Concluído

Além disso, o WPForms oferece configurações avançadas, como filtros de país e palavras-chave. Esses recursos permitem que você bloqueie entradas de spam de locais específicos ou que contenham certas palavras.

Para todos os detalhes, bem como instruções de configuração passo a passo, confira nosso tutorial sobre como prevenir spam no WPForms.

Pronto! Agora você pode usar esta lista de verificação para testar seus formulários antes de adicioná-los ao seu site.

Ainda está tendo problemas depois de passar por esta lista de verificação? Confira nosso guia geral de solução de problemas do WPForms para ajuda adicional.

O Melhor Plugin Construtor de Formulários de Arrastar e Soltar para WordPress

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