Crie um formulário de cliente para sua agência WordPress - usando Elementor e um plugin de formulário de contato

Se você possui um negócio de desenvolvimento de WordPress e atualmente está recebendo consultas na Internet, pode agilizar seu processo de vendas e aprimorar seus serviços usando um formulário de cliente eficaz. Então, por que é preciso ter uma boa forma de cliente do ponto de vista psicológico? E como implementar isso em seu negócio para 3x o valor da receita? Vou compartilhar com vocês o conhecimento técnico de como criar um formulário de cliente para sua agência WordPress usando Elementor e um plugin de formulário de contato .

Há uma série de elementos que irei apontar. Mas, primeiro, gostaria de explicar por que criar um formulário de cliente especializado e por que você também precisa desse tipo de formulário de contato.

Seu Formulário de Contato Geral vs. Seu Formulário de Contato Especializado

Quando as pessoas acessam um site e rola para baixo, elas verão um formulário de contato bastante padrão que provavelmente já foi visto um milhão de vezes antes em muitos sites (não apenas em sites WordPress).

Quando alguém faz uma consulta em seu site, você deve pensar com muito cuidado sobre qual será sua próxima etapa. Dependendo de como você responde, você será visto como "apenas o cara da web" ou como alguém que pode concretizar os objetivos do cliente usando o poder da Internet. Como você pode imaginar, o formulário de cliente especializado vai te ajudar a ganhar muito mais.

E este é o formulário de cliente especializado que vamos criar nesta postagem:

Para a imagem completa do formulário do cliente, visite aqui.

Quando um cliente lhe enviasse um e-mail usando este formulário do cliente, você responderia informando o seguinte

• O cliente precisava marcar um encontro com você usando o aplicativo Calendly
• O cliente precisava preencher o formulário do cliente acima

Vamos ver como criar este formulário enquanto também discutimos os elementos que ajudam a torná-lo tão eficaz.

Etapa 1: instalar os plug-ins

Um ótimo (e gratuito) plugin de formulário de contato que eu recomendaria é o WPForms. Você pode instalar e ativar o plug-in acessando Painel de controle > Plug-in > Adicionar novo .

Em seguida, instale e ative o construtor de páginas Elementor gratuito com o mesmo método.

Depois de ter todas as ferramentas necessárias, começaremos imediatamente!

Etapa 2: Crie uma página para o seu formulário de cliente no Elementor

Temos que criar um modelo de página que inclui o formulário de contato do cliente. Esta página tem esta estrutura de cima para baixo: cabeçalho da página - cabeçalho do formulário de contato - formulário de contato - rodapé da página.

Nota : O formulário de contato será feito posteriormente na Etapa 3.

Crie uma página de tela

A primeira coisa que você notará sobre o formulário do cliente de coleta de dados é que não há cabeçalho ou rodapé . Todo o propósito da página, quando eu envio o link para o cliente, é obter as informações do cliente que eu usaria para minha consulta inicial.

Portanto, a primeira coisa que precisamos fazer é criar a página no Elementor e garantir que o tipo de página seja Canvas .

Crie um cabeçalho para a página

Embora não haja um cabeçalho e rodapé tradicionais, eu queria incluir um pequeno cabeçalho que informasse em que site eles estavam. Você também notará que o link no cabeçalho superior, na verdade, leva à seção de minhas Avaliações de clientes .

Desta forma, o cliente sabe onde está. Se o cliente hesitar, clicar no link terá confiança para prosseguir?

Isso é feito por meio de uma seção simples com um fundo para a cor da sua marca seguido por um campo de texto. Coisas muito simples!

Crie um cabeçalho para o formulário de contato do cliente

A próxima etapa é o cabeçalho do formulário do cliente. Aqui, usei a fonte Lato em 60px ao editar.

O subtítulo era a mesma fonte apenas em 24px. Além disso, o peso no subcabeçalho é 300. Você pode fazer manualmente com que os subcabeçalhos tenham um peso menor do que a média para que o cabeçalho superior se destaque mais.

Crie um rodapé para a página

Em seguida, adicione um rodapé, que é apenas uma seção com o mesmo plano de fundo do cabeçalho. Nesse caso, tenho 2 colunas. Não só coloco um link mais uma vez para os comentários para ganhar confiança, mas também um link para a página Sobre, onde falo mais sobre mim.

Etapa 3: Crie o formulário de contato usando o plug-in WPForms

A próxima etapa é criar o formulário de contato. Não vou entrar muito nisso, pois um criador de formulários de contato é bastante simples. Para mais detalhes sobre como usar este plugin de formulário de contato, já temos um tutorial aqui.

Basta arrastar e soltar os campos do formulário de contato.

Felizmente, você não precisa criar o formulário de contato - você pode importar o arquivo JSON que carreguei no link abaixo e importá-lo acessando WPForms > Ferramentas > Importar e preencher seus formulários.

Aqui está o link para o arquivo JSON .

Para importá-lo basta carregá-lo aqui:

Uma coisa a observar: depois de importar o formulário de contato, você precisará obter o código de acesso. Depois de terminar de editar o formulário de contato, basta clicar em Incorporar e, em seguida, na opção Usar um shortcode .

Em seguida, basta copiar / colar esse shortcode em sua página.

Etapa 4: crie a citação da coluna certa e coloque sua imagem nela

Uma coisa que você quer fazer com o formulário de cliente também é manter seu posicionamento, adicionar personalidade e vida ao seu formulário de cliente.

Crie o Blockquote

A primeira parte é o blockquote. Este é um elemento Elementor padrão. No entanto, existem alguns pontos sobre isso.

Você notará que eu fiz a própria citação em vermelho e grande. Você pode definir a seção Editar Blockquote para Citação e definir a cor como vermelho e o tamanho como 1.

No que diz respeito à caixa de texto em si, você deseja lembrar ao cliente por que ele está preenchendo o formulário do cliente e como isso o ajudará. Você também notará que agradeço ao usuário por clicar na página do link no e-mail.

Crie a foto e a assinatura

O próximo elemento é simplesmente uma foto sua e uma assinatura no formulário do cliente. Uma assinatura adiciona um toque de classe e torna a seção mais oficial. Pode parecer bobo, mas parece melhor do que simplesmente escrever o nome de sua marca e, novamente, você deseja tornar sua marca o mais forte possível neste estágio.

Usei o gerador de assinatura online DocSketch para fazer esta assinatura.

E essa é a última etapa da criação de um formulário de cliente. Lembre-se de salvar e publicar seu formulário de cliente.

Conclusão

Assim que este formulário de cliente estiver completo, você estará pronto para colocá-lo em prática. Agora, tudo o que você precisa fazer é aguardar sua próxima consulta online. Quando isso acontecer, você precisa enviar um e-mail ao cliente solicitando o preenchimento do formulário do cliente.

Espero que este formulário do cliente funcione para você e o ajude a se posicionar como o especialista indiscutível antes de sua reunião! Boa sorte!

Biografia do autor

Kosta é um especialista em desenvolvimento de WordPress em Sydney e um especialista em entregar sites personalizados em WordPress que são rápidos, estáveis, confiáveis, mas o mais importante, que realmente faz com que os clientes façam o que você precisa que eles façam - e isso é agir.