fbpx

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.

Como adicionar um formulário de contato ao WordPress

Você está em:

Como adicionar um formulário de contato ao WordPress

Como adicionar um formulário de contato ao WordPress com formulário de contato 7 e total

Um dos benefícios de ter um site é que você sempre pode estar acessível ao público com o qual está tentando se conectar. E nada faz o truque como adicionar um formulário de contato ou página de contato ao seu site. Um formulário de contato é uma das opções de Call To Action mais eficazes em um site e uma ótima maneira de fazer com que os visitantes entrem em contato com você. Simplificando, é uma ferramenta de comunicação ideal que adiciona eficiência ao seu site.

Muitas vezes, um formulário de contato aparece em muitos sites na página de contato em um formato genérico. Mas também pode ser personalizado para manter o estilo do seu site. Você também pode posicioná-lo abaixo de uma postagem de blog ou na parte inferior de páginas de destino especiais para persuadir os visitantes a realizar uma ação específica.

Os formulários de contato sempre foram enormes online. Vamos descobrir o porquê:

  • Os formulários de contato oferecem acesso 24 horas por dia, 7 dias por semana: Um formulário de contato oferece acesso rápido, conveniente e 24 horas por dia, 7 dias por semana a qualquer visitante.
  • Os formulários de contato oferecem uma melhor experiência do usuário : a experiência geral do cliente é aprimorada com um formulário de contato. Você pode permitir que um cliente entre em contato com você de qualquer lugar no site. Além disso, um formulário de contato pode ser sincronizado com o navegador do visitante. As opções de preenchimento automático podem eliminar o tédio de preencher o formulário. Se, no entanto, você usar um link de e-mail em vez de um formulário de contato, a atenção do cliente simplesmente se moverá para outra janela para configurar um e-mail padrão.
  • Os formulários de contato mantêm registros de todas as entradas e facilitam o manuseio de dados : O formulário de contato é uma fonte valiosa de dados importantes. Ao definir as informações específicas desejadas nos campos do formulário de contato, você pode coletar as informações exatas de que precisa. Todas as informações são recebidas por você exatamente da mesma maneira. Isso torna mais fácil para você organizar as respostas de uma maneira que faça sentido.
  • Os formulários de contato ajudam você a aumentar sua lista de assinantes : os dados em um formulário de contato podem ser coletados, agrupados e analisados para melhorar o marketing e gerar leads. Os formulários podem ser projetados para coletar dados automaticamente e integrados ao Google Analytics para dar sentido a eles. Uma simples caixa de seleção convidando o leitor a “Assinar nossa newsletter” pode aumentar sua lista de e-mail, sem ser intrusiva.
  • Os formulários de contato podem enviar respostas automáticas e melhorar o fluxo de trabalho : Configure os formulários para que as respostas automatizadas sejam enviadas aos membros da equipe ou aos clientes. Crie planilhas e exporte os dados coletados para essas planilhas para uso posterior. Você verá uma melhoria no fluxo de trabalho geral no back-end do seu WordPress. Além disso, você pode integrar o formulário com serviços como Trello , Salesforce para melhorar o fluxo de trabalho.
  • Os formulários de contato podem ser usados para incentivar os usuários a responder : Você pode oferecer incentivos aos visitantes para usar o formulário de contato. Essa é uma forma de aumentar o engajamento do usuário e melhorar a coleta de dados.
  • Os formulários de contato podem ajudar no branding do seu site : os formulários de contato nem sempre precisam parecer genéricos e chatos. Também é possível estilizar os formulários de acordo com a sua marca ou o estilo do seu site. Pode servir para aumentar a notoriedade da sua marca e aumentar a visibilidade do seu site online.
  • Os formulários de contato geralmente são mais seguros : os formulários de contato são uma maneira mais segura e confiável de coletar informações sobre seus clientes.
  • Os formulários de contato protegem seu e-mail contra sobrecarga e spam : um formulário de contato em seu site reduz automaticamente o número de e-mails que chegam à sua caixa de entrada. Ao mesmo tempo, você pode usar filtros de spam nos formulários para reduzir as respostas de spam nos formulários. Além disso, os formulários de contato são tratados na extremidade do servidor, onde seu endereço de e-mail não está prontamente disponível.
  • Os formulários de contato ajudam a filtrar contatos indesejados : Ao solicitar algumas informações (número de telefone ou endereço) sobre a pessoa no formulário de contato, você pode manter contatos indesejados e garantir que apenas leitores realmente interessados possam entrar em contato com você. No entanto, isso também pode impedir a entrada de usuários genuínos, portanto, use essa opção com prudência.
  • Os formulários de contato também são úteis para outros fins : você pode obter um formulário de contato para fazer dupla função, como aceitar doações, fazer reservas e muito mais. Você também pode usar formulários de contato para coletar feedback dos visitantes ou incentivá-los a solicitar detalhes ou fazer perguntas sobre seus produtos.

Como adicionar um formulário de contato ao seu site

Por muitas razões, os temas geralmente não vêm com formulários de contato integrados. Eles geralmente agrupam um plug-in que lida com essa funcionalidade. Neste post, seguiremos as etapas de instalação do Contact Form 7 em um site WordPress usando o tema Total .

A Total recomenda dois plugins para adicionar um formulário de contato.  Contact Form 7 , que é gratuito e Gravity Forms , caso sua preferência seja por um plugin premium. Você pode escolher qualquer uma das duas opções e adicionar formulários em qualquer lugar do seu site.

Adicionando uma página de contato usando o formulário de contato 7 e o tema total

Quando você instala o tema Total, recomenda-se que o Contact Form 7 também seja instalado. Se você não instalar e ativar o Contact Form 7 ao importar uma demonstração de amostra, você precisará se lembrar de ativá-lo separadamente para usá-lo em seu site.

Depois de ativar o plug-in Contact Form 7, você verá um novo item de menu “ Contato ” em seu painel. Deve haver um formulário de contato de amostra para ajudar você a começar. Clique para abrir o formulário de contato e edite o conteúdo do formulário para atender às suas necessidades. Quando terminar de editar, salve seu formulário e copie o código de acesso para usar mais tarde.

Veja a opção Configurações Adicionais  no Editor? Usando esta opção, você pode incluir configurações adicionais para cada formulário de contato. Você precisará adicionar trechos de código no formato específico em campos apropriados na tela de edição do formulário de contato.

Em seguida, em seu Painel, abra uma Nova Página . Título da página como você deseja, eu intitulei minha página “Página de contato”. Salve sua página como rascunho e clique na opção Visual Composer com a qual você se sente mais confortável. Usaremos o Editor Frontend, mas você pode usar as mesmas etapas no backend, se preferir.

Criar uma nova página

Isso abrirá o editor de arrastar e soltar de front-end ao vivo no qual o Total se baseia. Ao inserir seu formulário de contato basta clicar no botão azul para + Adicionar Elemento .

Tema Total: Adicionar Elemento

Em seguida, selecione o módulo Form Shortcode .

Tema Total: Módulo Shortcode do Formulário

Em seguida, cole o código de acesso do formulário que você copiou anteriormente na primeira caixa. Salve para inserir seu formulário na página.

Tema total: Inserir formulário

Agora você pode usar as opções de formulário integradas que o Total incluiu para personalizar sua animação, estilo, largura e tamanho de fonte. Quando terminar, insira seu módulo de formulário e clique no botão azul no canto superior direito da tela para publicar sua página.

Tema total: opções de formulário

Existem opções adicionais no personalizador de tema ao vivo que você pode acessar através do seu painel do WordPress. Navegue até Aparência > Personalizar > Opções gerais de tema > Links e botões para editar o estilo do botão de tema usado em seu formulário de contato.

Tema total: cor do botão do formulário

Com outros temas que não incluem um módulo de formulário, você pode simplesmente colar o código de acesso no editor de texto do WordPress ou em um módulo de caixa de texto,

Adicionando um formulário de contato a widgets na barra lateral

Em vez de uma página de contato completa (ou talvez além dela), você também pode adicionar um widget de formulário de contato à barra lateral de todas ou algumas das páginas ou postagens. Você também pode adicioná-lo ao rodapé ou a qualquer área do site que possa conter um widget. Isso ajudará os usuários a entrar em contato com você de onde quer que estejam no site.

Total usa funções nativas do WordPress. Portanto, estar familiarizado com a aparência e o funcionamento do Personalizador coloca você em vantagem. O Gerenciador do Personalizador é ativado por padrão. Ele adiciona uma nova página de administração no Painel de Tema> Gerenciador de Personalizador, onde você pode ativar/desativar seções do Personalizador do WordPress. Você pode saber mais sobre esse recurso aqui .

Mas para continuar com nossa tarefa de adicionar um widget de contato, você precisa navegar até Aparência > Personalizar .

Um conjunto de opções aparecerá, clique em Widgets > Main Sidebar .

A opção de tema Widget Areas é habilitada por padrão. Isso lhe dá a capacidade de criar áreas de widget personalizadas em seu site. Se você for usar apenas as barras laterais / áreas de widget integradas, poderá desativar essa função. Você pode aprender mais sobre como adicionar áreas widgetizadas personalizadas  aqui .

Outro painel é aberto no Personalizador contendo todas as opções de widget. Selecione Text Widget e ele será adicionado automaticamente aos widgets da barra lateral principal existentes. Basta clicar e arrastar e soltar para reordenar os widgets e alterar sua posição na barra lateral.

Abra o widget de texto, adicione um título ao widget e cole o código de acesso que você copiou ao criar sua página de contato.

Agora você pode clicar em Concluído >  Salvar e publicar .

E agora você terá um formulário de contato básico e funcional em sua barra lateral (o Total também tem um widget de informações comerciais bacana que você pode adicionar ao seu endereço, números de contato e e-mail). É assim que meu formulário de contato na barra lateral aparece para meus leitores no frontend.

Alterando o estilo/formato do seu formulário de contato

O Total oferece suporte a todos os campos do Formulário de contato 7, incluindo caixas de seleção, botões de opção, listas suspensas, reCaptcha, campos ocultos, texto de espaço reservado e muito mais. Isso significa que é possível ajustar as configurações de seus formulários, enviar respostas automáticas, adicionar um título de assunto e muito mais. Dê uma olhada nos  documentos do Contact Form 7 para saber mais sobre o plug-in e os recursos incríveis que ele inclui.

Concluir

Adicionar um formulário de contato ao seu site é fácil, não custa muito e melhora a eficiência e o fluxo de trabalho. Não há realmente nenhuma razão para que você não adote esse método simples para aumentar a experiência do usuário e, ao mesmo tempo, obter leads importantes.

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

Meu carrinho
🎁 Faltam R$300,00 para liberar o Cupom Secreto
Seu carrinho está vazio.

Parece que você não adicionou nada ao seu carrinho =(