FULL.

Bem vindo ao
Blog da FULL.

Aprenda, crie e cresça seu negócio na internet.

Encontre conteúdos, dicas, tutoriais e novidades sobre as principais ferramentas Wordpress

Siga a FULL.

5 dicas para aumentar as conversões de formulário para WordPress

Você está em:

5 dicas para aumentar as conversões de formulário para WordPress
Dicas para aumentar as conversões de formulário para WordPress

Se você deseja que os visitantes façam uma compra, se inscrevam para uma demonstração ou baixem um white paper em seu site, você precisará criar um formulário de site para esse processo.

O design, as mensagens e a funcionalidade de seus formulários da Web desempenham um papel importante no fato de um visitante preencher o formulário e converter. Fazer esses pequenos ajustes em seus formulários do WordPress pode ajudá-lo a reduzir a carga cognitiva de um visitante e aumentar as conversões de formulário.

Neste guia, compartilharemos dicas para  Gravity Forms e o plug-in Contact Form 7 gratuito . Tudo isso pode ser concluído com os principais recursos e configurações do Gravity Forms, ou se você estiver usando o Contact Form 7 com alguns complementos gratuitos e premium. Mas realmente qualquer uma das dicas pode ser aplicada à maioria dos principais plugins de formulário de contato do WordPress . Então vamos começar!

1. Utilize um contraste de cores forte no design do formulário

Quando um visitante da Web chega ao seu site, ele geralmente procura a maneira mais rápida e fácil de atingir uma meta, seja para obter mais informações ou fazer uma compra. Uma maneira de aumentar as conversões de formulário é tornar o design e o layout do formulário fáceis de revisar para todos os visitantes.

Um erro comum em sites WordPress é configurar um design de formulário de site padrão com um fundo de formulário branco e caixas cinza finas como campos de formulário.

Em vez disso, considere criar um design de formulário em que haja um forte contraste de cores entre o plano de fundo do formulário, os rótulos do formulário e os campos brancos do formulário. Ao selecionar as cores para seu formulário, siga as diretrizes WCAG sobre contraste de cores com uma taxa de contraste de pelo menos 4:5:1. Isso ajuda qualquer visitante com deficiência ou deficiência visual a diferenciar claramente os campos do formulário da cor de fundo da página da web.

Você pode consultar o guia de acessibilidade do desenvolvedor do Gravity Forms  como um recurso. Este guia realmente tem tudo o que você precisa saber sobre acessibilidade e Gravity Forms, incluindo uma seção inteira sobre contraste de cores e uso de cores.

Padrões Acessíveis CF7

INFORMAÇÕES E DOWNLOADVEJA A DEMONSTRAÇÃO

Se você estiver utilizando o plug-in Contact Form 7 gratuito , a extensão Accessible Defaults pode ajudá-lo a implementar as práticas recomendadas de acessibilidade em todos os seus formulários.

2. Reduza o número de campos opcionais

Os formulários longos do site podem impedir as conversões, pois geralmente levam mais tempo para serem preenchidos. Quando um visitante encontra um formulário, ele está calculando subconscientemente se o esforço necessário para preencher o formulário vale o benefício que receberá.

Em geral, reduza o número de campos o máximo possível. Se você precisar incluir alguns campos de formulário opcionais, rotule claramente os campos obrigatórios versus os campos opcionais para reduzir os erros do usuário ao enviar o formulário.

No plugin Gravity Form pago , os campos do formulário são opcionais por padrão e você pode marcar a opção “Obrigatório” ao editar o formulário no painel do WordPress.

Para o plug-in Contact Form 7 gratuito , adicionar um asterisco no campo de formulário HTML é a melhor maneira de identificar um campo de texto conforme necessário.

Com formulários longos da web, os visitantes da web também precisam considerar se desejam compartilhar todas essas informações pessoais. Considere adicionar um link para sua política de privacidade no formulário da web e seguir as práticas recomendadas do GDPR para proteção de dados para estabelecer confiança com clientes em potencial.

3. Considere um formulário de várias etapas/várias páginas

Se você precisar ter um formulário longo em seu site para um processo de registro ou inscrição aprofundado, considere convertê-lo em um formulário de várias etapas ou várias páginas.

Ao dividir um longo processo em pequenas etapas, o esforço percebido é reduzido e isso incentiva mais visitantes da web a iniciar o processo. Com formulários de várias páginas, é útil configurar uma barra de progresso abaixo do formulário em cada página e isso indicará onde o visitante está no processo ao preencher o formulário.

Plugin WordPress de formulários de gravidade

INFORMAÇÕES E DOWNLOAD

Se você estiver utilizando o plug-in Gravity Forms pago , poderá utilizar as opções de plug-in integradas para criar um formulário de várias páginas e agrupar os campos do formulário por página. Use as opções principais ao adicionar campos para “iniciar paginação”, “quebra de página” e “finalizar paginação” para criar seus próprios formulários de várias etapas.

Várias etapas para o formulário de contato 7 Pro

INFORMAÇÕES E DOWNLOADVEJA A DEMONSTRAÇÃO

Também existem extensões de plug-in pagas para o Contact Form 7 que permitem adicionar um processo de formulário de várias etapas em seu site. O Multi-Step pro permite dividir formulários longos em um processo passo a passo.

Ao configurar as diferentes páginas do formulário, considere a experiência do usuário conforme alguém passa pelo formulário. Comece solicitando informações básicas e tente agrupar dados semelhantes. Isso pode reduzir a quantidade de esforço e criar um fluxo suave para o formulário.

Como sempre, tenha muito cuidado ao solicitar qualquer informação confidencial, como informações de saúde ou dados financeiros, por meio de um simples formulário do site.

4. Formate automaticamente os dados em entradas de formulário

Alguns campos de formulário podem exigir um formato específico, como números de telefone, datas e números de cartão de crédito. Ao formatar automaticamente as entradas do campo do formulário, você pode acelerar o processo para os visitantes da Web, fazendo com que eles convertam mais rapidamente.

Em Gravity Forms , você pode selecionar um estilo de formato de número de telefone americano ou internacional ao configurar um campo de telefone.

Se não quiser limitar os visitantes a um formato de telefone específico, você também pode considerar fornecer um exemplo da entrada de dados como o texto do espaço reservado do campo de formulário. Isso pode ajudar os visitantes a determinar rapidamente o formato correto para datas ou endereços. No Contact Form 7 , você pode incluir uma marca d’água de espaço reservado no código HTML para um campo de número para fazer isso.

No entanto, evite usar texto de espaço reservado em vez de rótulos de campo de formulário. Essa é uma prática importante de acessibilidade na Web, pois o texto do espaço reservado desaparece quando você clica no campo e alguns visitantes podem precisar do rótulo como referência. As pessoas também são multitarefas enquanto navegam na web, então você precisa deixar as etapas o mais claras possível, pois a atenção delas pode ser distraída.

Todas essas etapas ajudarão os visitantes da Web a preencher o formulário corretamente no primeiro envio. A maioria das pessoas não tentará reenviar um formulário mais de uma ou duas vezes se continuar enfrentando erros de envio.

5. Evite apelos à ação enganosos

Chamadas para ação enganosas podem prejudicar as conversões. Lembre-se de que um visitante da web está avaliando subconscientemente qual benefício receberá ao fornecer suas informações no formulário do site.

Uma chamada para ação ou CTA é a mensagem em seu site que solicita que alguém tome uma ação imediata. Alguns exemplos comuns de CTA são Solicitar uma demonstração, Obter uma consulta gratuita ou Adicionar ao carrinho.

Existe um equilíbrio entre reduzir os campos de um formulário e solicitar informações suficientes para atender à solicitação do cliente. Se você prometer entregar um cálculo ou estimativa, o cliente espera que você solicite informações suficientes no formulário para fornecer essa solicitação instantaneamente. Se todos esses campos estiverem ausentes, o visitante da Web pode achar que o formulário é enganoso e, em vez de receber um cálculo, receberá uma ligação de um vendedor.

Além das mensagens do formulário, revise a página de agradecimento ou a mensagem de confirmação que um visitante vê após enviar o formulário. A mensagem deve fornecer uma experiência positiva ao usuário, confirmando que o envio do formulário foi processado.

A configuração de uma página de agradecimento ou confirmação específica para cada formulário também pode ajudar no acompanhamento de conversões na análise.

Com o Gravity Forms , você pode definir um “URL de redirecionamento” em Configuração > Confirmações ao criar seu formulário.

Extensão de Redirecionamento do Formulário de Contato 7

INFORMAÇÕES E DOWNLOADVEJA A DEMONSTRAÇÃO

Para o Formulário de contato 7 , o complemento gratuito Redirecionamento para o Formulário de contato 7 adiciona a opção de redirecionar um usuário assim que ele enviar o formulário de contato com êxito.

Ferramentas do WordPress para conversão de formulários

Do contraste de cores à formatação da entrada do campo, você pode aumentar o número de conversões de formulário em seu site WordPress. Ao aproveitar diferentes ferramentas do WordPress e seguir as práticas recomendadas de design de UX, você pode aumentar as chances de um visitante se esforçar para enviar um formulário em seu site.

Aprenda com a FULL.

Junte-se a mais de 50 mil pessoas que recebem em primeira mão as principais ferramentas e tecnologia para desenvolvimento web

O meu carrinho
🎁 Faltam 300,00 para liberar o Cupom Secreto
O seu carrinho está vazio.

Parece que ainda não tomou uma decisão.