As melhores páginas de contato: Como criar um para seu site e 10 exemplos que você deseja copiar

Muitas marcas passam meses a fio certificando-se de que seu site tenha uma aparência limpa, profissional e proporcione uma experiência perfeita. Seu design é envolvente, seu esquema de cores é da marca e cativante, e eles usam o espaço em branco para destacar os elementos mais importantes em cada página. Simplificando, algumas empresas sabem como criar um site quase perfeito.

Mas você sabe que página da web costuma parecer desatualizada, como se estivesse nos velhos tempos da Internet?

A página “Fale conosco”.

Por que as empresas ignorariam a única parte de seu site que pode realmente fazer a diferença quando se trata de relacionamento e aquisição de clientes? Embora a página inicial e as páginas de destino sejam cruciais, a página Fale conosco é igualmente importante. Todas as empresas devem se esforçar para oferecer a mesma experiência agradável e, por sua vez, aumentar suas taxas de conversão.

Afinal, 51 por cento das pessoas pensam que muitos sites de empresas perdem as informações de contato completas que procuram.

As boas notícias? Preparamos dicas, truques e 10 ótimos exemplos para ajudá-lo a criar uma página de contato de alta conversão que seja fácil para seus usuários encontrarem e preencherem.

As 10 principais dicas para criar uma página da Web de contato eficaz

1. Inclua suas informações de contato na parte superior e inferior de uma página da web

Site que funciona bem: Hubspot

Não faça seus visitantes procurarem a página de contato. Na verdade, é uma ótima ideia colocar suas informações de contato no rodapé de todas as páginas do seu site. Dessa forma, se um visitante decidir repentinamente que precisa de informações adicionais, ele poderá entrar em contato com você imediatamente, sem ter que perder tempo extra para procurar seus dados de contato.

No mínimo, tente manter as informações de contato mais básicas - como seu endereço de e-mail e número de telefone - na parte superior e inferior de cada página. A última coisa que você deseja, especialmente se você for um novo negócio, é perder clientes em potencial porque eles demoraram muito para encontrar uma maneira de entrar em contato com você e simplesmente desistiram.

Hubspot não é um negócio novo, mas eles enviam uma mensagem clara de que sua correspondência é importante para eles. O primeiro nível de navegação do menu é o botão Fale conosco na parte superior da página. Além de conveniente, também informa às pessoas de maneira subliminar que elas estão ansiosas por esse contato.

2. Experimente um formulário de contato simples

Site que funciona bem: o mais sério

Os sites da maioria das empresas não precisam de mais de três a quatro campos no formulário de contato. Qualquer coisa além disso é perda de tempo e paciência dos visitantes. Não apenas isso, mas eles podem começar a ficar frustrados se forem obrigados a preencher uma miríade de campos para ter apenas algumas perguntas simples respondidas.

A ideia de formulários simples serem bem-sucedidos também é apoiada por estatísticas - se você tiver três campos em seu formulário de contato, a taxa de conversão ideal é de cerca de 25%. Se você tiver 3 a 5 campos, a taxa de conversão cai para 20% e 15% para seis ou mais campos. O método KISS funciona melhor no design de formulários de contato - mantenha-o curto e simples . Torne o mais fácil possível para os visitantes entrarem em contato com você.

Precisa de um exemplo da vida real para provar isso? A Expedia eliminou apenas UM campo, mas isso resultou em conversões que geraram um lucro de $ 12 milhões. Se você está se perguntando qual foi eliminado - foi o campo do nome da empresa. Sim, só isso. E o campo que não é realmente crucial para as empresas, de qualquer maneira.

Mas para ver um formulário de contato simples mais, digamos, esteticamente agradável em ação, dê uma olhada em Mostly Serious. A forma limpa e organizada corresponde à estética mínima e cria uma experiência de comunicação fácil para os usuários.

3. Adicione uma frase de chamariz à sua página de contato

Site que funciona bem: grãos e argamassa

Certifique-se de que seus visitantes tenham facilidade em entrar em contato com você e forneça a eles uma experiência intuitiva. Divulgue tudo para que eles possam ver nos primeiros segundos após o acesso ao seu site e, em seguida, use frases de chamariz para ajudar a orientá-los.

Dê aos seus visitantes instruções claras e concisas para que eles não percam muito tempo pensando no que fazer a seguir - assim como o Grain & Mortar faz em sua página de contato. O CTA deles é simples - conte-nos sobre o seu negócio. No entanto, embora Grain & Mortar seja um grande exemplo positivo de um CTA em uma página da web de contato, também é um exemplo negativo para a seção de contato. Eles pedem o número de telefone das pessoas, e é por isso que é uma má ideia.

Se as pessoas precisarem compartilhar seu número de telefone comercial e aguardar uma ligação, muitas vezes simplesmente sairão da página de contato. Na verdade, 37% das pessoas abandonam a página de contato quando são solicitados a fornecer seu número de telefone. Quando a Expedia colocou a palavra opcional ao lado do campo do número de telefone, dobrou sua taxa de conversão - de 42,6% para 80%!

4. Incentive os visitantes a se expressarem por meio de sua página de contato

Site que funciona bem: criado por Buffalo

Os consumidores gostam de saber que suas necessidades e problemas estão sendo ouvidos e que as marcas tomarão medidas para resolvê-los. Um serviço profissional de atendimento ao cliente é uma excelente ferramenta que pode persuadir os clientes em potencial a escolher sua empresa em vez de seus concorrentes.

Use sua página de contato para se conectar com seus clientes em potencial em um nível emocional profundo. Pergunte sobre seus problemas ou como estão se sentindo. Dessa forma, você não apenas mostra a seus clientes que se preocupa com eles, mas também torna mais fácil para sua equipe de suporte ao cliente lidar com seus problemas com verdadeiro cuidado e dedicação.

Assine nosso boletim informativo para obter as melhores dicas de design de site que garantirão a conversão do seu site.

Uma página de contato que incentive os visitantes a expor seus sentimentos ou pensamentos de forma mais franca pode ser uma excelente maneira de saber se você está lidando com um cliente frustrado ou zangado. Você também terá uma chance melhor de dar a eles o suporte de que precisam.

E se você conseguir fazer tudo isso e apresentar sua página de contato com gráficos animados que irão envolver os usuários e retratar um design da web maravilhoso, você está vencendo o desafio Fale Conosco - assim como Buffalo. Sua página de contato também incorpora os elementos bem pensados ​​da página Sobre nós, porque eles querem que seus clientes os conheçam e formem impressões duradouras. Então, por que eles adicionaram fotos legais de seu estúdio na seção Mapa.

5. Reduza as mensagens de spam

Site que funciona bem: QuickSprout

Com muita frequência, vimos empresas que fazem apenas o mínimo quando se trata de sua página “Fale conosco”. Novamente, estamos falando sobre a parte do seu site que pode abrir as portas para a comunicação com seus clientes em potencial. Você deve fazer mais do que apenas enviar um formulário de contato.

É por isso que este é um excelente exemplo do QuickSprout. É mais interessante, envolvente e deixa uma impressão melhor do que um simples formulário de contato.

QuickSprout é mundialmente famoso e provavelmente tem uma caixa de entrada lotada o tempo todo. Mas como eles ainda querem manter ótimas taxas de resposta, eles criaram um guia de infográfico. Essa é uma ótima solução (ou uma tentativa) porque o design envolvente cativa os visitantes e os incentiva a ler, ao mesmo tempo que capacita a marca para filtrar a correspondência antes mesmo de ela ser enviada.

QuickSprout descreve claramente as condições que você deve atender para enviar um e-mail. Há uma lista de tópicos que não serão respondidos e há uma instrução concisa sobre o tipo de e-mail que você pode enviar - apenas um parágrafo. Não é apenas reduzir o spam sem o temido CAPTCHA, é uma maneira inteligente de definir mais expectativas. Você não pode ficar bravo com QuickSprout se eles não responderem a você.

6. Ofereça diferentes opções de comunicação em sua página de contato

Site que funciona bem: Achieve3000

Todo formulário de Fale Conosco existe para, bem, conseguir contato com o cliente. No entanto, às vezes um formulário muito simples não é suficiente. E quando você tem uma empresa que é contatada por muitos motivos diferentes, você também pode separá-los em sua página de contato. Por exemplo, Achieve3000 separou sua página da web Fale conosco nas três razões mais comuns pelas quais as pessoas entram em contato com eles.

O primeiro motivo é solicitar uma demonstração do produto, o que significa que ele é destinado a novos clientes em potencial.

O segundo tipo é gerenciar as perguntas recebidas que dizem respeito às vendas.

Por último, mas certamente não alugado, está a seção de atendimento ao cliente. Todos os três elementos estão na mesma linha e o layout não destaca nenhum segmento. Dessa forma, o Achieve3000 deixa claro que é igualmente importante para eles alcançar novos consumidores, responder a todas as perguntas e fornecer um ótimo suporte ao cliente para todos que precisam.

7. Não se esqueça de seus canais de mídia social

Site que funciona bem: Neil Patel

A maioria dos visitantes do seu site preferirá fazer suas perguntas em particular e mantê-las assim. Mas, estamos vivendo em uma era social. Cada vez mais pessoas acham mais fácil se conectar com marcas nas redes sociais em vez de ligar ou enviar um e-mail. Portanto, não se esqueça de criar um link para seus canais de mídia social em sua página de contato.

Além disso, certifique-se de fornecer todas as outras informações de contato que os usuários possam pesquisar ou precisar. Embora seja 2018 e quase todos nós estejamos conectados, algumas pessoas preferem pegar o telefone, ligar para uma empresa e resolver seus problemas rapidamente, enquanto outras estão mais ansiosas e preferem preencher um formulário do que falar com um estranho .

Então, por que a página de contato de Neil Patel balança? Bem, é sem dúvida o design mais simples que temos em toda a lista, mas contém tudo o que os usuários precisam em um formulário de contato, enquanto todos os elementos desnecessários são simplesmente omitidos. Por exemplo, existem apenas três campos com cópia do criativo e um menu suspenso. E, se você se lembra, o número ideal de campos para uma taxa de conversão máxima é três. O menu suspenso também permite que Neil segmente as mensagens e responda de acordo.

Por fim, Neil Patel deu atenção especial a esses ícones tão importantes da mídia social porque conhece seu público. Por padrão, seu público-alvo é preenchido com profissionais de marketing digital que provavelmente vivem e respiram as mídias sociais.

8. Seja criativo na sua página de contato

Site que funciona bem: vamos viajar para algum lugar

Sim, sabemos que essa dica é mais fácil de falar do que fazer, mas na verdade a criação de uma página de contato eficaz se resume a - algo envolvente e criativo que irá capturar a atenção do usuário e persuadi-lo a entrar em contato com você.

Então, como você pode ser criativo? Expresse sua marca por meio de cores reconhecíveis, mensagens da marca e visuais exclusivos. Isso aumentará a identidade de sua marca, deixará os usuários à vontade e, por fim, aumentará sua autenticidade e confiabilidade. E essa confiança inspira os visitantes a converter, concluir uma compra ou entrar em contato com uma marca.

Por exemplo, o site de guia de viagens online Let's Travel Somewhere capitalizou sua missão - inspirar as pessoas a deixar ir e ver o mundo - replicando um cartão postal. O formulário é mínimo e fácil de compreender, mas ainda assim representou o propósito do site. Um acabamento delicado e um carimbo simples emolduram o próprio formulário. Enquanto isso, a parte inferior da página está repleta de apelos à ação, incentivando os visitantes a compartilhar o site com seus amigos ou inspirando-os a explorar os diversos guias de viagem.

9. Tente usar chatbots em vez de formulários de contato tradicionais

Site que funciona bem: Embaixada da marca

Você provavelmente encontrou um ou dois bots em sua navegação na web até agora, e talvez até tenha conversado com alguns sem perceber que são bots. Mas, os chatbots vieram para ficar e já estão mudando o setor de atendimento ao cliente.

Existem vários motivos pelos quais um chatbot é uma boa solução. Em primeiro lugar, é uma nova tecnologia. Nem todo site tem um chatbot, então aqueles que parecem modernos, legais e intrigam as pessoas interessadas em seus serviços ou marca. Além disso, quando as pessoas sabem que estão interagindo com um chatbot, elas podem estar mais dispostas a testar e se envolver com os serviços da empresa, mesmo que seja apenas o chatbot que despertou seu interesse.

Mas, você deve estar se perguntando, o que há de tão bom na página de contato da Brand Embassy? Bem ... Eles realmente não têm um! Eles literalmente não precisam disso porque tudo que você precisa fazer para contatá-los é iniciar uma conversa com um chatbot no canto inferior direito da página inicial (embora você possa encontrar uma página de contato um pouco mais formal que incentiva os usuários a interagir com o chatbot )

A Brand Embassy serve como um ótimo exemplo de como canalizar o foco do usuário em suas ferramentas e serviços por meio de outras formas centradas no consumidor. No caso deles, a incorporação de uma ferramenta inteligente de chatbot tem a possibilidade de melhorar o atendimento ao cliente e, ao mesmo tempo, refletir o próprio negócio.

10. Colete emails de sua página de contato

Site que funciona bem: Glossier

A marca de cosméticos centrada na geração Buzzy, Glossier, tecnicamente tem uma página de contato, mas não há nenhum formulário à vista. Em vez disso, a startup direciona os visitantes para endereços de e-mail relevantes, dizendo aos usuários em que essas caixas de entrada os ajudarão. Além disso, eles incentivam os usuários a visitar sua página de perguntas frequentes, que visa aliviar muito o trabalho de atendimento ao cliente.

Mas, principalmente, a Glossier prioriza a criação de sua lista de marketing por e-mail em sua página de contato. O texto seco e rápido incentiva o público mais jovem a inserir seu e-mail, o que constrói a base de fãs da Glossier e o alcance da marca por meio de suas campanhas de boletim informativo igualmente mínimas.

Quer aprender as melhores práticas de marketing por email? Leia nosso guia completo na seção Tendências e percepções do DesignRush.

Como criar a melhor página de "contato" para sua marca

Como vimos em todos os exemplos acima, todas essas empresas criaram páginas de contato que complementam de forma absoluta a identidade de suas marcas e atendem às suas necessidades. Agora, cada dica acima pode não ressoar com sua marca. Você deve escolher aqueles que fazem e implementá-los em seu projeto. Mas para tornar o processo de criação da página de contato ainda mais fácil, aqui estão oito hacks acionáveis ​​que trarão resultados e garantirão que sua página de contato se destaque e converta mais visitantes em consumidores.

1. Torne a página "Fale conosco" visível

Com isso, queremos dizer que deve ser claramente colocado na hierarquia do menu principal. O objetivo é fazer com que os usuários entrem em contato com você, portanto, certifique-se de que seja fácil de fazer. É simples assim. Se você tornar isso problemático para eles, lembre-se de que 44% dos visitantes do site vão embora se não conseguirem encontrar as informações de contato.

2. Não use texto de botão padrão

O truque é ser criativo. Tente usar textos relevantes que não intimidem os visitantes. “Entre em contato” é sempre melhor do que um “Enviar” genérico. Na verdade, ao usar a frase de chamariz "Enviar", você poderá ver uma diminuição instantânea de 3% na taxa de conversão. Até mesmo o conhecido CTA de "Clique aqui" tem uma taxa de conversão 30% melhor do que "Enviar".

3. Use um layout estreito para etiquetas

De acordo com o estudo comparativo do eBay e do Yahoo, quando há uma lacuna menor entre dois campos, os usuários prestam mais atenção. Isso é realizado com tecnologia de rastreamento ocular. Neste exemplo específico, as pessoas pagaram de 30 a 40 segundos a mais para os formulários do eBay do que para os do Yahoo.

4. Teste sua página de contato

Faça um teste comparativo da página do site e veja por si mesmo o que funciona melhor. É o tamanho dos botões? O layout do formulário de contato? Talvez seja a cópia do site? Teste um único parâmetro para encontrar a combinação certa para sua página de contato de maior sucesso.

5. As pessoas lêem em um padrão F

Lemos da esquerda para a direita. Nossos cérebros são programados para prestar mais atenção ao conteúdo alinhado à esquerda, porque é aí que começamos nossa jornada de leitura todas as vezes. Além disso, é por isso que os rótulos alinhados à esquerda são mais naturais para o nosso cérebro.

6. Experimente os títulos

Alterar apenas um título em sua página pode resultar em um salto de mais de 100% nas taxas de conversão. Além disso, não tenha medo de alterar a forma e o design reais de seus títulos, pois isso também pode gerar taxas de conversão positivas.

7. Um agradecimento é muito importante

Assim que os visitantes enviarem um formulário de contato, você deve redirecioná-los para uma página de agradecimento. Essa é uma ótima maneira de rastrear métricas mais específicas, como quantas vezes os usuários enviaram totalmente o formulário. Além disso, você pode explicar melhor como (e quando) entrará em contato com eles agora que enviaram uma mensagem.

8. Use cópia criativa

Não se esqueça de que as palavras têm o poder de comover as pessoas. Quando você tem uma página de contato, significa que você precisa movê-la sem entediá-la ou sobrecarregá-la com muito conteúdo. Isso permite que você, como marca, tenha a chance de se tornar pessoal e permitir que os usuários saibam que, para você, eles são um cliente valioso. Para começar, evite frases genéricas e use um texto de boas-vindas, amigável ou pessoal.

Vamos resumir

Vimos ótimos exemplos de páginas de contato que incorporaram as melhores dicas necessárias para o sucesso e listaram as principais estratégias que são mostradas para criar uma página da web de contato útil e de alta conversão.

Não se esqueça, a presença online é mais uma ferramenta de marketing, informando os clientes sobre sua marca em um espaço digital. Para continuar alcançando consumidores em potencial, você precisará se manter atualizado e fornecer um site moderno e fácil de usar - incluindo uma página de contato. Sites desatualizados com conteúdo não otimizado e uma velocidade de carregamento lenta podem aumentar sua taxa de rejeição e penalizar sua empresa em classificações de pesquisa e descoberta. Para saber como otimizar seu site e obter uma classificação mais elevada, consulte nosso guia prático para melhores práticas de SEO.

Além disso, além de uma página de contato formal, certifique-se de incluir todas as informações de contato no cabeçalho ou rodapé para que você possa ajudar as pessoas a entrarem em contato o tempo todo - mesmo sem visitar a página de destino. As informações devem ser acessíveis, especialmente se você for uma nova empresa que está tentando sair das sombras e evoluir.

O melhor conselho para criar uma página da web de contato

Faça isso sobre o seu negócio. Mesmo se você usar todas as dicas corretas acima, pode acabar com uma página que claramente sai do movimento. Use os mesmos guias de estilo, esquemas de cores e deixe a página respirar com bastante espaço negativo. Condense os rótulos do formulário de contato e não use muitos deles. Dúvidas mais pessoais, como pedir um número de telefone, endereço, etc., apenas diminuem a taxa de conversão.

Evite menus suspensos se puder, porque as pessoas não gostam muito deles. Adicionar um menu suspenso realmente diminui a taxa de cliques - se você tiver um menu suspenso, a taxa de conversão total é de cerca de 15 por cento, o que é bastante baixo. Incorporar mais deles apenas diminui as conversões ainda mais.

Resumindo - faça jus à sua marca, siga as dicas acima aplicáveis ​​ao seu negócio, teste vários elementos e recursos e, em seguida, opte por aqueles que funcionam. Essa é a maneira infalível de criar uma página de contato que certamente se destacará e impressionará os visitantes. Gostaríamos muito de ver seus resultados, então não hesite em compartilhá-los conosco nos comentários abaixo.

Se precisar de uma ajuda com a sua página Fale Conosco, você pode pesquisar na seção Listagem de agências da DesignRush. Você encontrará uma lista robusta de grandes empresas de design e desenvolvimento de sites que podem criar um destino digital de alta conversão.

Quer mais dicas de web design para expandir seus negócios online? Inscreva-se para o DesignRush Daily Dose!