Configurar um formulário de contato que realmente se adapte à sua marca pode parecer uma tarefa difícil, especialmente quando se deseja que ele se integre perfeitamente a ferramentas como o Kit. A boa notícia é que é totalmente possível criar um formulário de contato Kit personalizado que capture leads e, ao mesmo tempo, mantenha o estilo do seu site.
Crie seu formulário de kit do WordPress agora! 🙂
Neste artigo, mostrarei a você como criar um formulário Kit personalizado e adicioná-lo ao seu site WordPress sem nenhuma codificação! Vamos começar.
Como criar um formulário de contato de kit personalizado no WordPress
Mostrarei a você como criar um formulário básico do Kit. Você pode seguir as mesmas etapas para conectar facilmente qualquer formulário ao Kit.
Etapa 1: Instale o plug-in WPForms e ative o Kit Addon
A primeira coisa que você precisa fazer é instalar e ativar o plug-in WPForms. Se precisar de ajuda, veja aqui um guia passo a passo sobre como instalar um plug-in do WordPress.
Faça o upgrade para o WPForms Pro agora! 🙂
Depois de instalar o WPForms em seu site, você deve instalar e ativar o complemento Kit, o que é bastante simples. No painel do WordPress, navegue até WPForms " Addons.
Role a tela para baixo até localizar o complemento Kit. Se ele ainda não estiver instalado, clique no botão Install Addon (Instalar complemento ). Depois que o complemento for instalado, acione o botão de alternância para ativá-lo se ele não for ativado automaticamente na instalação.
Depois de instalar e ativar o complemento Kit, você está pronto para prosseguir. Na próxima etapa, vamos conectar nossas contas do Kit ao WPForms. É importante observar que você pode fazer isso mais tarde se quiser ir direto para a criação do formulário na etapa 3, mas acho que é mais fácil fazer isso agora antes de começar a trabalhar no formulário.
Etapa 2: Conecte suas contas do WPForms e do Kit
Para conectar o WPForms ao Kit, primeiro você precisa abrir uma nova guia e fazer login no site do Kit para acessar as informações da sua conta. É importante fazer isso em uma nova guia ou janela porque você copiará e colará coisas do Kit no WPForms.
Depois de fazer login, clique no menu suspenso ao lado do seu nome no canto superior direito da página e selecione Settings (Configurações).
Na página Settings (Configurações), role para baixo pelas opções na barra lateral esquerda até encontrar a opção Developer (Desenvolvedor ) e clique nela.
Na página Developer settings (Configurações do desenvolvedor), você deverá ver suas APIs e Secret Keys (Chaves secretas).
Deixe essa janela por enquanto e clique novamente na janela com sua conta do WPForms.
A última coisa que fizemos aqui foi instalar e ativar o complemento Kit. Agora vamos estabelecer a conexão entre as contas. Para fazer isso, no WPForms, no menu da barra lateral esquerda, clique em Settings (Configurações). Nessa página, clique na guia Integrações.
Role a tela para baixo até encontrar a opção Kit.
Clique no botão Add New Account (Adicionar nova conta ). Aqui, você precisará retornar à guia com as informações da conta do Kit e copiar a chave da API e a chave secreta da API.
Quando a conexão com a conta for estabelecida, você verá uma confirmação.
Agora sua conta do Kit está conectada ao WPForms. Como eu disse, você ainda pode fazer isso mais tarde, depois de criar o formulário. Eu até indicarei no tutorial onde você pode fazer isso. Acho mais fácil ter tudo configurado com antecedência para que as próximas etapas sejam mais tranquilas.
Certo, então. Vamos continuar.
Etapa 3: Crie o formulário WordPress do seu kit
O WPForms vem com uma incrível biblioteca de modelos de formulários integrada que consiste em mais de 2.000 modelos de formulários do WordPress. Você pode usá-los como estão ou personalizá-los para atender às suas necessidades.
Usando esses modelos, você pode iniciar o processo de criação de formulários com apenas alguns cliques e sem precisar criar formulários a partir de uma tela em branco, se não quiser.
Para criar um novo formulário no WPForms, clique em WPForms " Add New (Adicionar novo ) no painel do WordPress.
Isso o levará à tela de configuração do formulário. Aqui, você precisa adicionar um nome ao formulário e selecionar o modelo de formulário que deseja usar
Para este exemplo, usaremos o Formulário de contato simples e o nomearemos "Kit Form". Se quiser, você pode escolher o modelo de formulário de assinatura de boletim informativo aqui. Você pode visualizar os modelos selecionando-os e clicando no botão View Demo.
Depois de selecionar o modelo que deseja usar, clique no botão Use Template (Usar modelo) para carregá-lo no construtor de formulários.
Esta é a aparência de seu formulário no painel do form builder. Sinta-se à vontade para adicionar, editar ou reorganizar os campos de acordo com sua preferência.
Uma coisa que você pode querer ou precisar adicionar é um campo de acordo com o GDPR. Como ele é totalmente opcional, não vou abordá-lo em profundidade aqui, mas se quiser ler mais sobre como ativar o campo GDPR e adicioná-lo ao seu formulário, consulte nosso documento sobre a criação de formulários compatíveis com o GDPR.
Etapa 4: Conecte seu formulário ao kit
Até agora, instalamos e ativamos o WPForms e o complemento Kit, conectamos nossas contas do Kit ao WPForms e criamos nosso formulário. Agora precisamos garantir que as informações de nossos formulários sejam enviadas para as contas do Kit.
Ao estabelecer a conexão entre o WPForms e o Kit anteriormente neste tutorial, você configurou sua conta para ser usada com o WPForms. Quando quiser enviar dados de envio de formulário de um formulário específico para sua conta do Kit, você precisará habilitá-lo nesse formulário específico. É isso que faremos aqui.
Se você ainda não conectou sua conta do Kit, continue aqui. Se você conectou sua conta na etapa 2, pode pular os próximos parágrafos e retomar em "Se você já conectou sua conta..." abaixo.
Se você ainda não conectou sua conta...
Com o formulário do Kit aberto no editor de formulários, clique em Marketing na barra lateral esquerda. Se você ainda não conectou sua conta do Kit ao WPForms, é aqui que você fará isso, selecionando Kit e clicando no botão Add New Connection (Adicionar nova conexão ).
Em seguida, você terá que seguir as instruções da Etapa 2 acima para conectar sua conta antes de continuar.
Se você já conectou sua conta...
Com seu formulário aberto no construtor de formulários, clique em Marketing na barra lateral esquerda. Role para baixo pelas opções até encontrar Kit e clique nela.
Como sua conta já está conectada, você não deverá ver uma opção para conectar uma conta. Em vez disso, clique no botão Add New Connection (Adicionar nova conexão ).
Depois disso, basta dar um nome à conexão e clicar no botão OK para concluir o processo de integração. O nome da conexão é apenas interno e serve apenas para ajudá-lo a diferenciar suas conexões, caso você tenha várias.
Depois de nomear sua conexão, você precisará selecionar a conta que deseja usar, bem como a ação que deseja executar, nos menus suspensos da configuração.
As opções de ação que você tem são:
- Assine
- Cancelar inscrição
- Remover as tags do assinante
Vamos escolher Subscribe para o nosso tutorial, mas você deve escolher o que faz mais sentido para o seu formulário. Ao selecionar Subscribe, você verá que aparecem mais opções.
Agora você vai mapear os campos do formulário. As opções que você tem dependerão dos campos do formulário que você criou. Os campos Form (Formulário ) e Tags (Tags ) são baseados no que já existe em sua conta do Kit. Você pode optar por conectar o formulário do WPForms a um formulário no Kit, mas provavelmente usará tags.
Se você já tiver tags criadas, essas serão as opções para você escolher. Você também pode criar novas tags a partir do WPForms e elas também serão criadas em sua conta do Kit.
Você também pode usar a lógica condicional se quiser processar apenas determinados envios dessa maneira.
Mapear campos de formulário com o Kit
Para obter ajuda sobre o mapeamento dos campos do formulário de contato com o Kit, consulte esta documentação do Kit Addon que lista todas as etapas, inclusive o que deve ser levado em conta se você estiver usando lógica condicional para o formulário.
Bom trabalho! Você integrou o Kit com sucesso ao WPForms e agora está pronto para incorporar o formulário em seu site.
Etapa 5: Incorpore o formulário de contato do seu kit
Agora você está na etapa final: incorporar o formulário ao seu site para que ele possa começar a coletar novos assinantes. A maneira mais fácil de incorporar um formulário é usar o botão Incorporar na parte superior do construtor de formulários. Depois de clicar nesse botão, ele perguntará se você deseja incorporar o formulário em uma página nova ou existente.
Se você escolher uma página existente, verá uma lista de páginas do seu site para escolher. Se você criar uma nova página, poderá criá-la diretamente no construtor de formulários. Confira este guia sobre 3 maneiras de incorporar formulários para saber mais.
É assim que o formulário do Kit será exibido na página ativa. Certifique-se de testar o formulário incorporado para garantir que ele funcione como pretendido.
É isso aí! Agora, você pode adicionar automaticamente assinantes à sua conta do Kit sempre que os visitantes enviarem o formulário em seu site.
FAQ - Mais perguntas sobre os formulários de contato do kit
A integração do WPForms e do Kit é um tópico de interesse popular entre nossos leitores. Aqui estão as respostas para algumas das perguntas mais comuns que recebemos sobre o assunto.
O Kit tem formulários de contato?
Sim, o Kit oferece formulários de contato que podem ser facilmente criados e incorporados ao seu site. Esses formulários são projetados para capturar informações do assinante e se integrar perfeitamente às ferramentas de marketing por e-mail do Kit.
Como faço para criar um Form Kit?
A criação de um formulário no Kit é simples. Depois de fazer login no Kit, navegue até a seção Forms (Formulários ), clique em Create New (Criar novo) e escolha Form (Formulário). Em seguida, você pode selecionar um modelo e personalizá-lo de acordo com suas necessidades, incluindo campos personalizados e elementos de design.
Como faço para integrar o WPForms ao Kit?
Para integrar o WPForms ao Kit, primeiro verifique se você tem o plug-in WP " Forms e o Kit Addon instalados no seu site WordPress. Crie um formulário no WPForms, acesse o Marketing Kit, adicione uma nova conexão, autentique sua conta do Kit e vincule seu formulário a um formulário ou tag do Kit.
Como faço para criar um formulário de contato no WPForms?
Criar um formulário de contato no WPForms é fácil. Instale e ative o WPForms em seu site WordPress. Clique em WPForms " Adicionar novo, selecione um modelo de formulário de contato ou comece do zero, personalize os campos do formulário, defina as configurações e incorpore o formulário no seu site.
Em seguida, obtenha mais assinantes para sua lista de e-mails
Está com dificuldades para conseguir assinantes para seu blog ou site? Não se preocupe; nós o ajudamos com nossas dicas poderosas sobre como aumentar sua lista de e-mails rapidamente.
Se você gostou deste artigo, talvez também queira ler sobre esses hacks inteligentes para desbloquear dados ocultos de clientes com um campo oculto do WPForms.
Crie seu formulário WordPress agora
Pronto para criar seu formulário? Comece hoje mesmo com o plug-in de criação de formulários mais fácil do WordPress. O WPForms Pro inclui vários modelos gratuitos e oferece uma garantia de reembolso de 14 dias.
Se este artigo o ajudou, siga-nos no Facebook e no Twitter para obter mais tutoriais e guias gratuitos sobre o WordPress.
