Trusted WordPress tutorials, when you need them most.
Beginner’s Guide to WordPress
Copa WPB
25 Million+
Websites using our plugins
16+
Years of WordPress experience
3000+
WordPress tutorials
by experts

12 práticas recomendadas para o design da página do formulário de contato (com exemplos)

Nota editorial: Ganhamos uma comissão de links de parceiros no WPBeginner. As comissões não afetam as opiniões ou avaliações de nossos editores. Saiba mais sobre Processo editorial.

Deseja melhorar o design da sua página de formulário de contato?

Um bom design de página de formulário de contato incentiva mais usuários a entrar em contato com você, aumentando assim suas conversões.

Neste artigo, mostraremos as práticas recomendadas de bons designs de página de formulário de contato e o que os torna tão úteis.

Best practices of contact form page design

Por que uma boa página de formulário de contato é tão importante?

Uma página de formulário de contato é imprescindível para todos os sites. Não importa se você tem um blog pessoal ou um site comercial, uma página de formulário de contato ajuda os usuários a entrar em contato com você a qualquer momento enquanto visitam o site.

Ao contrário das mídias sociais, um formulário de contato permite que os usuários se comuniquem com você de forma privada, o que gera confiança e fecha vendas.

Muitos proprietários de sites não prestam muita atenção à sua página de contato. A maioria das pessoas simplesmente adiciona um formulário de contato e depois se esquece dele.

Se você não estiver obtendo leads suficientes da página de contato do seu site, continue lendo, pois mostraremos como otimizar sua página de contato para conversões.

Como criar uma página de formulário de contato no WordPress?

O WordPress não vem com uma página de formulário de contato integrada. Você precisará de um plug-in de formulário de contato para criar um formulário e adicioná-lo à sua página de contato.

Recomendamos o uso do WPForms. Nossa equipe o criou para ser o plugin de formulário de contato mais amigável para iniciantes no WordPress. A versão gratuita do WPForms está disponível no diretório oficial de plugins do WordPress.org.

Para obter instruções passo a passo completas, consulte nosso guia sobre como criar um formulário de contato no WordPress.

Agora que você criou um formulário de contato, vamos dar uma olhada nas práticas recomendadas de design de página de formulário de contato que podem ajudá-lo a aumentar suas conversões.

1. Verifique se o formulário de contato está funcionando

Muitas vezes, os provedores de hospedagem do WordPress têm funções de e-mail mal configuradas, o que impede que o plugin do formulário de contato envie notificações por e-mail.

Se você estiver usando a versão profissional do WPForms, ainda poderá ver as entradas do formulário na área de administração do WordPress. No entanto, se estiver usando um plugin gratuito de formulário de contato, você nem perceberá que o formulário não está funcionando.

Depois de adicionar um formulário de contato ao seu site WordPress, é importante certificar-se de que ele está funcionando corretamente enviando um envio de teste.

Se você não estiver recebendo notificações por e-mail, siga as instruções do nosso guia sobre como corrigir o problema do WordPress que não envia e-mails.

Make sure email notifications are working

2. Evite campos desnecessários no formulário de contato

Você pode adicionar quantos campos quiser ao seu formulário de contato. No entanto, cada campo adicional adicionado ao formulário de contato faz com que os usuários demorem mais tempo para preenchê-los.

É por isso que recomendamos manter os campos do formulário de contato em um nível mínimo e adicionar apenas campos que realmente o ajudem a entender melhor a pergunta do usuário.

Agora, se você precisa criar um formulário mais longo, precisa conferir a dica bônus no final deste artigo que o ajudará a reduzir o abandono de formulários.

Keep it short and simple

(Fonte: Neil Patel)

3. Explique por que os usuários devem entrar em contato com você

Sua página de formulário de contato deve ser convidativa e acolhedora para os usuários. Uma saudação, seguida de uma mensagem de boas-vindas, pode fazer com que ela pareça mais educada e útil. Informe aos usuários em que tipo de perguntas você pode ajudá-los.

Contact form welcome message

(Fonte: Michael Hyatt)

Se você tiver páginas diferentes para departamentos diferentes, aponte os usuários para a direção certa. Por exemplo, você pode direcionar os clientes existentes para o suporte ou os blogueiros convidados para um formulário para escrever para nós.

Point users in the right direction
(Fonte: OptinMonster)

4. Forneça formas alternativas de contato

Adicionar um formulário à sua página de contato é a maneira mais conveniente de os usuários enviarem uma mensagem. No entanto, adicionar formas alternativas de contato pode ajudar os usuários a decidir o que funciona melhor para eles.

Você pode adicionar um endereço de e-mail, WhatsApp ou número de telefone como formas alternativas de contato.

Add alternate ways to contact
(Fonte: ZURB)

5. Adicionar perfis de mídia social

Embora a maioria dos usuários queira entrar em contato com você de forma privada, alguns podem preferir entrar em contato pelo Facebook ou Twitter.

Você pode adicionar botões de mídia social à sua página de formulário de contato como uma forma alternativa de os usuários entrarem em contato com você.

Add links to your social media profiles

(Fonte: Retro Portfolio)

6. Adição de endereço e mapa

Adicionar um endereço e uma localização no mapa ajuda a aumentar a confiança do usuário em um negócio on-line.

Mesmo que você não tenha uma loja física ou um escritório, os usuários se sentem confortáveis em saber onde você está localizado.

Add map and location on your contact form page

(Fonte: LEDbow)

Se você tiver vários locais em diferentes cidades ou países, adicionar todos eles tornará sua página de formulário de contato muito mais útil.

Add locations
(Fonte: The Chase)

7. Adição de FAQs e links para recursos

Depois de algum tempo, você perceberá que muitos dos seus usuários fazem perguntas semelhantes. Você pode ajudá-los a economizar tempo e responder a essas perguntas diretamente na sua página de contato, adicionando uma seção de perguntas frequentes.

Add FAQs to your contact page
(Fonte: Smart Passive Income)

8. Otimize sua página de confirmação de formulário

Após o envio do formulário, a maioria dos plug-ins de formulário de contato permite mostrar aos usuários uma mensagem de confirmação ou redirecioná-los para uma página diferente.

Ao redirecionar os usuários, você tem a oportunidade de mostrar a eles seus recursos mais úteis, como o conteúdo mais popular ou oferecer um código de desconto.

Optimize your form confirmation page
(Fonte: Orbit Media)

9. Peça aos usuários que se inscrevam na sua lista de e-mails

Seus usuários precisarão adicionar seus endereços de e-mail ao preencher o formulário. Você também pode adicionar uma caixa de seleção para solicitar que eles se inscrevam em sua lista de e-mails.

Se você ainda não está criando uma lista de e-mails, consulte nosso guia sobre por que é tão importante criar uma lista de e-mails.

Email signup
(Fonte: WPBeginner)

10. Adicione fotos da sua equipe

A inclusão de fotos dos membros da equipe e do pessoal na página de contato torna-a mais pessoal e acolhedora. Isso garante aos visitantes que há pessoas reais por trás da página do formulário de contato que responderão às perguntas deles.

Introduce your team members on contact form page
(Fonte: Bukwild)

11. Torne sua página de formulário de contato envolvente

Sua página de formulário de contato não precisa ser simples. Você pode adicionar fotos do seu escritório, loja ou equipe de suporte para refletir a cultura e os valores da sua empresa.

Add photos to make your contact page more engaging
(Fonte: Telepatia Digital)

12. Seja criativo com o design da sua página de contato

Você deve ter notado que muitas páginas de contato em diferentes sites seguem um layout simples e muito previsível. Embora ele sirva ao propósito, você pode usá-lo como uma oportunidade para se destacar.

Muitos temas premium do WordPress vêm com estilos incorporados para formulários. Você pode personalizar esses estilos adicionando CSS personalizado ou usando um plug-in como o CSS Hero.

Recomendamos o uso de um plugin construtor de páginas do tipo arrastar e soltar para criar o layout da página do formulário de contato. Isso lhe dará a flexibilidade de ser mais criativo sem escrever nenhum código.

Contact page templates in Beaver Builder

(Fonte: Beaver Builder)

Bônus: Reduzir o abandono do formulário

Quando você cria um formulário de várias páginas ou um formulário com muitos campos, corre o risco de reduzir sua taxa de conversão. Muitas vezes, os usuários ficam cansados de usar formulários e saem antes de preencher todo o formulário.

Para combater a fadiga dos formulários, muitos criadores de formulários avançados, como o Wufoo e o WPForms, vêm com complementos de abandono de formulários. Isso ajuda a capturar entradas parciais de seus formulários.

Simplificando, ele ajuda você a obter mais leads sem aumentar seu tráfego.

Guias especializados sobre formulários e páginas de contato do WordPress

Agora que você conhece as práticas recomendadas para criar uma página de contato, talvez queira ver outros guias relacionados a formulários e páginas de contato no WordPress.

Esperamos que este artigo o tenha ajudado a conhecer as práticas recomendadas de excelentes designs de páginas de formulário de contato. Talvez você também queira ver nosso guia passo a passo de SEO para WordPress para melhorar suas classificações ou nossa seleção especializada dos melhores plug-ins de pesquisa para WordPress.

Se você gostou deste artigo, inscreva-se em nosso canal do YouTube para receber tutoriais em vídeo sobre o WordPress. Você também pode nos encontrar no Twitter e no Facebook.

Divulgação: Nosso conteúdo é apoiado pelo leitor. Isso significa que, se você clicar em alguns de nossos links, poderemos receber uma comissão. Veja como o WPBeginner é financiado, por que isso é importante e como você pode nos apoiar. Aqui está nosso processo editorial.

Avatar

Editorial Staff at WPBeginner is a team of WordPress experts led by Syed Balkhi with over 16 years of experience in WordPress, Web Hosting, eCommerce, SEO, and Marketing. Started in 2009, WPBeginner is now the largest free WordPress resource site in the industry and is often referred to as the Wikipedia for WordPress.

O kit de ferramentas definitivo WordPress

Obtenha acesso GRATUITO ao nosso kit de ferramentas - uma coleção de produtos e recursos relacionados ao WordPress que todo profissional deve ter!

Reader Interactions

8 ComentáriosDeixe uma resposta

  1. Syed Balkhi says

    Hey WPBeginner readers,
    Did you know you can win exciting prizes by commenting on WPBeginner?
    Every month, our top blog commenters will win HUGE rewards, including premium WordPress plugin licenses and cash prizes.
    You can get more details about the contest from here.
    Start sharing your thoughts below to stand a chance to win!

  2. magnaa says

    Excellent article – some great tips about contact form pages that I’ll be implementing! I think sounding more human is key. Gives everything a more authentic and enjoyable experience.

  3. natalie says

    Thanks for the article, I would like to do your point number 9, see my attachment; Can you explain how to add that tick box please.

    thanks
    natalie

  4. Graham says

    Great article guys, and I appreciate the example you have shared as well. Having created plenty of contact pages over the past 10 years, some fresh inspiration and good ideas are always welcomed!

  5. Sven Kox says

    Nice article, thanks. I added a few new ones to my knowledge.
    One more tip: keep the field for the message big enough.
    It is not inviting if you have to write your message in a tiny window.

  6. Keely Worth says

    Excellent article – some great tips about contact form pages that I’ll be implementing! I think sounding more human is key. Gives everything a more authentic and enjoyable experience.

Deixe uma resposta

Obrigado por deixar um comentário. Lembre-se de que todos os comentários são moderados de acordo com nossos política de comentários, e seu endereço de e-mail NÃO será publicado. NÃO use palavras-chave no campo do nome. Vamos ter uma conversa pessoal e significativa.