{"id":979,"date":"2018-01-10T14:29:24","date_gmt":"2018-01-10T16:29:24","guid":{"rendered":"https:\/\/2wp.com.br\/?p=979"},"modified":"2019-01-15T16:33:17","modified_gmt":"2019-01-15T19:33:17","slug":"6-regras-para-um-formulario-de-contato-no-wordpress-2wp","status":"publish","type":"post","link":"https:\/\/2wp.com.br\/artigos\/6-regras-para-um-formulario-de-contato-no-wordpress-2wp\/","title":{"rendered":"6 Regras Inquebr\u00e1veis \u200b\u200bpara Construir o formul\u00e1rio de contato perfeito no WordPress"},"content":{"rendered":"
\n

\"Formul\u00e1rio<\/h1>\n

6 Regras \u200b\u200bpara Construir o formul\u00e1rio de contato no WordPress Perfeito<\/h1>\n<\/div>\n
\n

Voc\u00ea faz tudo o que pode para criar um site que levar\u00e1 os visitantes a convers\u00e3o. Logo um formul\u00e1rio de contato no WordPress devera estar em evid\u00eancia.\u00a0Ao estudar as an\u00e1lises, voc\u00ea est\u00e1 ansioso para ver que a experi\u00eancia do usu\u00e1rio que voc\u00ea criou est\u00e1 sendo tomada por esses visitantes, uma e outra vez.\u00a0No entanto, h\u00e1 algo que os impede de converter.<\/p>\n

O formul\u00e1rio de contato no WordPress \u00e9 uma parte cr\u00edtica da jornada de seus visitantes.\u00a0Mesmo que voc\u00ea tenha vendido efetivamente o que o site tenha para oferecer, um formul\u00e1rio de contato no WordPress ruim pode arruinar a experi\u00eancia para eles.\u00a0Bot\u00f5es quebrados, campos confusos, muitos requisitos para preencher, uma interface desorganizada … Mesmo a\u00a0coloca\u00e7\u00e3o do formul\u00e1rio de contato\u00a0pode interromper a experi\u00eancia do usu\u00e1rio.<\/p>\n

H\u00e1 muito que pode dar errado.<\/p>\n

6 Regras para construir o formul\u00e1rio de contato no WordPress perfeito<\/h2>\n

Logins de usu\u00e1rios.\u00a0Cadastro de membros.\u00a0Subscri\u00e7\u00f5es de e-mail.\u00a0Solicita\u00e7\u00f5es de cota\u00e7\u00e3o.\u00a0Question\u00e1rios.\u00a0Solicita\u00e7\u00f5es de suporte.\u00a0Formul\u00e1rios de pedidos e de pagamento.\u00a0H\u00e1 um monte de formas diferentes de usar formul\u00e1rio de contato no WordPress em um site WordPress.\u00a0O que n\u00e3o muda, no entanto, s\u00e3o as regras que voc\u00ea deve respeitar se desejar que o formul\u00e1rio de contato seja bem sucedido.<\/p>\n

Um estudo do Google<\/a> publicado em 2014 mostrou que, seguindo as diretrizes de usabilidade mais b\u00e1sicas para o design do formul\u00e1rio, melhorar\u00e1 significativamente a experi\u00eancia do usu\u00e1rio.\u00a0Especificamente, quando um formul\u00e1rio de contato no WordPress cumpre todas as regras, 78% dos usu\u00e1rios podem completar e envi\u00e1-los em uma \u00fanica tentativa.\u00a0Quando um formul\u00e1rio de contato viola essas regras, no entanto, apenas 42% podem faz\u00ea-lo em uma tentativa.<\/p>\n

Curioso para saber quais s\u00e3o essas regras?\u00a0Ent\u00e3o continue lendo.<\/p>\n

Regra n\u00ba 1: foco no alinhamento<\/h3>\n

Como voc\u00ea ver\u00e1 em algumas das outras regras aqui, as pessoas geralmente est\u00e3o preocupadas com a extens\u00e3o dos formul\u00e1rio de contato no WordPress, o que muitas vezes leva a escolhas de design ruins.\u00a0Tome a quest\u00e3o do alinhamento, por exemplo.<\/p>\n

Voc\u00ea pode ver um formul\u00e1rio como este no site BrainTraffic e pensar: “Hmmm … mas n\u00e3o \u00e9 um pouco demais para preencher?”<\/p>\n

\n
\n

\"formul\u00e1rio

formul\u00e1rio de contato no WordPress<\/p><\/div><\/figure>\n<\/div>\n

Uma maneira de pensar sobre corrigir esse “problema” \u00e9 deslocando os r\u00f3tulos para o lado esquerdo e colocando os campos de resposta \u00e0 direita.\u00a0No entanto, os especialistas da UX dir\u00e3o que \u00e9 errado, pois comprometeria a capacidade de an\u00e1lise do formul\u00e1rio de contato no WordPress.\u00a0O mesmo se aplica se voc\u00ea estivesse pensando em colocar os campos um ao lado do outro horizontalmente.<\/p>\n

Basicamente, se voc\u00ea desviar-se da estrutura do r\u00f3tulo em cima e campo embaixo, voc\u00ea criar\u00e1 um empecilho para os usu\u00e1rios.<\/p>\n

Em 2010, foram emitidas um conjunto de diretrizes sobre o design de formul\u00e1rios da web denominados ”\u00a0Interfaces de usu\u00e1rio simples, mas cruciais na World Wide Web: Apresentando 20 Diretrizes para o Projeto de Formul\u00e1rio de Web Us\u00e1vel<\/a>\u00a0“.\u00a0O Google escolheu essas diretrizes em 2014 e colocou-as \u00e0 prova com um\u00a0estudo de rastreamento de olho<\/a>\u00a0.<\/p>\n

Eles chegaram a conclus\u00e3o de que os formul\u00e1rio de contato no WordPress alinhados \u00e0 esquerda com r\u00f3tulos colocados em cima de cada campo resultaram em uma melhor experi\u00eancia do usu\u00e1rio.<\/p>\n

Se voc\u00ea quiser que seus formul\u00e1rios de contato respeitem esta regra de alinhamento simples, aqui est\u00e1 o que voc\u00ea precisa fazer:<\/h3>\n