Muitos proprietários de sites têm dificuldades com formulários complicados e dados confusos. Isso pode ser uma verdadeira dor de cabeça e uma perda de tempo valiosa. É nesse ponto que vincular seu formulário ao Airtable pode ser útil.
O Airtable é uma ferramenta fantástica para criar aplicativos orientados por dados. Ela ajuda você a coletar e gerenciar informações com facilidade.
Felizmente, criar um formulário Airtable personalizado para seu site WordPress é mais fácil do que você imagina. Na WPBeginner, orientamos inúmeros usuários nesse processo.
Neste artigo, vamos orientá-lo sobre como criar um formulário Airtable personalizado no WordPress. Não tem conhecimentos de programação? Não tem problema. Nosso método é fácil e direto para iniciantes.
Por que criar um formulário Airtable personalizado no WordPress?
Imagine que você está administrando um site movimentado com muitos dados provenientes de formulários de contato, pesquisas e perguntas de clientes. Manter o controle de todas essas informações pode rapidamente se tornar um pesadelo.
Você se vê perdido em um mar de e-mails, planilhas e dados mal organizados, perdendo um tempo precioso tentando entender tudo isso. É nesse ponto que os formulários personalizados do Airtable vêm em seu socorro.
O Airtable é uma ferramenta de gerenciamento de dados que permite criar aplicativos personalizados orientados por dados. Dessa forma, você pode visualizar melhor os dados coletados em seu site usando formulários do WordPress.
Por exemplo, você pode usar os dados do formulário de contato do WordPress no Airtable como uma ferramenta de CRM (Customer Relationship Management) para gerenciar leads e contatos capturados pelos formulários do WordPress.
Você também pode armazenar dados de pesquisas de usuários no Airtable.
Aqui estão alguns outros casos de uso do Airtable com o WordPress:
- Organize tarefas por projeto, atribua responsabilidades e use visualizações Kanban para visualizar o progresso do projeto.
- Crie um calendário de conteúdo para peças de conteúdo, acompanhe as datas de publicação e atribua redatores e edições para aumentar o tráfego do seu blog.
- Mantenha um banco de dados de itens de estoque para controlar as quantidades de sua loja on-line.
Basicamente, você pode usar os dados coletados dos formulários de contato do WordPress no Airtable para criar aplicativos, fluxos de trabalho e ferramentas personalizados para a sua empresa.
Com isso em mente, vamos ver como você pode criar facilmente um formulário Airtable personalizado no WordPress.
Como criar um formulário Airtable personalizado no WordPress
Para criar nosso formulário personalizado do Airtable no WordPress, primeiro criaremos um formulário de contato usando o WPForms.
É o melhor plug-in de criação de formulários de contato do WordPress no mercado e permite criar qualquer tipo de formulário facilmente usando uma interface simples de arrastar e soltar.
Depois disso, conectaremos nosso formulário ao Airtable usando um serviço chamado Uncanny Automator.
O Uncanny Automator funciona como uma ponte para conectar dois aplicativos diferentes sem nenhum código. Você pode usá-lo com dezenas de aplicativos on-line, incluindo WPForms e Airtable.
Aqui está uma visão geral das etapas que abordaremos nesta postagem:
Pronto? Vamos começar.
Criar seu formulário no WPForms
Primeiro, você precisa instalar e ativar o plug-in WPForms. Para obter mais detalhes, consulte nosso guia passo a passo sobre como instalar um plug-in do WordPress.
Observação: você pode usar a versão gratuita do WPForms para integrar o Airtable ao WPForms. No entanto, a atualização para o WPForms premium desbloqueará todos os mais de 1900 modelos de formulários, permitirá que você use recursos avançados de formulários, como lógica condicional, conecte-se a mais opções de pagamento e muito mais!
Após a ativação, você precisa ir para a página WPForms ” Configurações.
Na guia “General” (Geral), insira a chave de licença da sua conta no site do WPForms e clique em “Verify Key” (Verificar chave).
Em seguida, você precisa acessar a página WPForms ” Adicionar novo no painel do WordPress. Isso abrirá a interface do construtor do WPForms, onde você poderá escolher entre mais de 1900 modelos pré-criados.
Não se esqueça de dar um nome ao formulário para que você possa consultá-lo facilmente.
Para este tutorial, usaremos o “Formulário de contato simples”.
Vá em frente e clique em “Usar modelo”.
A partir daí, você será levado ao editor de arrastar e soltar, onde poderá personalizar facilmente o formulário.
Digamos que estamos criando um formulário de contato para coletar leads de clientes potenciais B2B. Nesse caso, queremos adicionar “Empresa” e “Número de telefone” ao nosso formulário de contato.
Para adicionar a “Empresa”, você precisa adicionar um item de “Texto de linha única”, clicar no elemento e renomear o campo para “Empresa”.
Se quiser que os clientes potenciais forneçam seu número de telefone, basta arrastar a opção de campo “Phone” (Telefone) para o editor.
Sinta-se à vontade para adicionar quaisquer outros campos que atendam às suas necessidades. Para obter mais detalhes, consulte nosso guia sobre como criar um formulário de contato no WordPress.
Depois de configurar o formulário, você precisa adicioná-lo ao seu site WordPress.
Basta clicar no botão “Incorporar” na parte superior.
Você pode optar por incorporar o formulário de contato em uma página existente ou em uma nova página.
Nesse caso, escolheremos “Select Existing Page” (Selecionar página existente).
Escolha qualquer página que desejar e selecione o botão “Let’s Go!”.
Isso o levará ao editor do WordPress dessa página.
Tudo o que você precisa fazer é pressionar o botão “+” no canto superior esquerdo.
Em seguida, localize e selecione o widget WForms para adicioná-lo à sua página.
A partir daí, você pode escolher o formulário de contato que acabou de criar.
Isso incorporará automaticamente o formulário em sua página.
Em seguida, certifique-se de pressionar o botão “Update” (Atualizar) na parte superior.
Agora, seu formulário deve ser adicionado à sua página do WordPress.
Depois de adicionar o formulário ao site, vá em frente e crie uma entrada de teste. Ela será usada para configurar e verificar a conexão entre o WPForms e o Airtable.
Aqui está nossa entrada de teste, com nome, e-mail, telefone, nome da empresa e uma mensagem:
Crie sua conta no Airtable
Antes de integrar o Airtable usando o Uncanny Automator, vamos nos certificar de que você tem uma conta no Airtable.
Em seu site, basta clicar no botão “Sign Up for Free” (Registre-se gratuitamente) para começar.
Em seguida, será solicitado que você digite seu endereço de e-mail. Como alternativa, você pode usar o Single Sign On ou sua conta do Google existente para criar uma conta do Airtable.
Sinta-se à vontade para escolher o método de sua preferência. Nós escolheremos “Continuar com o Google”.
Em seguida, basta seguir o assistente de configuração da conta.
Ao criar uma conta, você pode alternar para a guia “Automations” (Automações) no canto superior esquerdo do Airtable.
Clique no botão “+ Adicionar gatilho”.
Isso abrirá os itens do menu suspenso, e você deverá clicar em “When webhook received” (Quando o webhook for recebido).
Depois de adicionado, você verá uma barra lateral direita na qual poderá acessar o URL exclusivo do webhook.
Você precisará desse URL para a próxima parte do tutorial, portanto, clique no botão “Copy” (Copiar) ao lado dele.
Em seguida, você pode armazenar temporariamente esse URL em seu bloco de notas. Nós o usaremos mais tarde no guia.
Configurar uma base e uma mesa no Airtable
Em seguida, precisamos criar uma base no Airtable para armazenar todas as informações que coletamos do nosso formulário de contato.
Se você for novo no Airtable, talvez não saiba como configurar uma base e uma tabela.
Em primeiro lugar, a base é o banco de dados de nível superior usado para organizar e armazenar informações. Uma tabela no Airtable é semelhante a uma folha em uma planilha eletrônica.
Em sua conta do Airtable, clique na opção “Start from scratch” (Começar do zero) em seu painel inicial.
Se você já tiver uma planilha que deseja migrar para o Airtable, basta clicar na opção “Quickly upload”.
Vá em frente e nomeie sua base e tabela.
Decidimos chamar nossa base de “Sales CRM” e a tabela de “Contatos”.
Em seguida, altere os rótulos da coluna superior para que correspondam aos campos de formulário que você acabou de criar no WPForms.
Nesse caso, adicionamos rótulos para “Nome”, “Empresa”, “E-mail” e “Telefone”.
É bom manter essa guia aberta, pois voltaremos a ela mais tarde para verificar se a automação do WordPress funciona.
Integrar o Uncanny Automator com o WPForms
Agora, vamos voltar ao painel do WordPress.
Para criar uma ponte entre o WPForms e o Airtable, usaremos o Uncanny Automator. Ele é um dos melhores e mais populares plug-ins de automação do mercado, usado por mais de 40.000 usuários do WordPress.
Além disso, você pode usar a versão gratuita do Uncanny Automator para conectar o WPForms e o Airtable.
Então, vamos instalar e ativar o plug-in Uncanny Automator. Se precisar de ajuda, consulte nosso guia sobre como instalar um plug-in do WordPress.
Após a instalação, você deverá navegar até Automator ” Add New para criar uma nova receita. Na janela pop-up que aparece, vamos escolher “Todos”.
No editor, vá em frente e dê um nome à sua receita.
Recomendamos o uso de um nome fácil para que você possa consultá-lo facilmente sempre que precisar. Por exemplo, usaremos “Airtable Automation” como o nome da receita.
Agora, vamos passar para a seção “Trigger”.
Aqui, você deverá escolher WPForms e, em seguida, selecionar o acionador na lista disponível no menu suspenso. Vamos escolher “Um formulário é enviado”.
Depois disso, você precisará escolher qual formulário acionará a automação.
Vá em frente e escolha a que acabamos de criar no menu suspenso. Em seguida, não se esqueça de clicar no botão “Save” (Salvar).
Feito isso, vamos rolar a tela para baixo até a seção “Action” (Ação).
A partir daí, você pode clicar em “Add action” (Adicionar ação) e selecionar “Airtable”.
Em seguida, você será solicitado a clicar em “Send data to Airtable webhook” (Enviar dados para o webhook do Airtable).
Vá em frente e selecione a opção.
A partir daqui, você deverá abrir a nota em que armazenou o URL exclusivo do webhook do Airtable da etapa anterior. Basta copiar o URL para a área de transferência.
Em seguida, vamos voltar à guia WordPress.
Vá em frente e cole o URL do webhook no campo “URL”.
Depois disso, você pode deixar todas as outras configurações como estão e rolar até a parte inferior do painel.
Aqui, você verá algumas opções. Se quiser, você pode clicar em “Send Test” (Enviar teste) para ver se sua conta do Airtable recebe os dados. Em seguida, há o botão “Check data format” (Verificar formato dos dados), que permite que você visualize os dados enviados.
Quando estiver satisfeito com tudo, você poderá clicar no botão “Save” (Salvar).
Depois de configurar o acionador e a ação da sua receita, você deve se certificar de que ela comece a funcionar.
Basta alternar a chave no painel direito de “Draft” para “Live”.
E isso é tudo o que há para fazer!
Agora, sempre que alguém enviar um formulário, os dados serão enviados para o Airtable.
Bônus: Como enviar mensagens SMS para seus leads
Se você achou essa integração útil, talvez queira também enviar notificações por SMS para as pessoas que preencheram o formulário de contato.
Essa é uma ótima maneira de mantê-los atualizados sobre o status da solicitação.
Por exemplo, digamos que você tenha clientes potenciais que visitam sua página de destino e preenchem o formulário, indicando interesse em seus serviços. Enquanto os dados do formulário são inseridos em um Airtable, você desejará outra conexão que envie automaticamente mensagens SMS aos seus clientes potenciais para que eles saibam o que esperar de você.
A melhor opção é usar o Brevo, que é um serviço de marketing por e-mail que também permite que você envie mensagens SMS para seus leads.
Com esse software, você poderá importar seus contatos e, em seguida, enviar campanhas de mensagens de texto. Para obter mais informações, basta seguir nosso tutorial sobre como enviar mensagens SMS para seus usuários do WordPress.
Esperamos que este artigo tenha ajudado você a aprender como criar um formulário Airtable personalizado no WordPress. Talvez você também queira conferir nossos guias sobre os melhores serviços de telefonia comercial e como obter mensagens de texto SMS de seus formulários do 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.
Jiří Vaněk
I have some polls on my blog, but this way is more comfortable for doing sheets with answers an data of users on my blog. This is a good idea how to do it in better way. Thanks a lot.
ibrar
This is really helpful to me, thank you! Keep up the good work.
WPBeginner Support
Glad our guide was helpful
Administrador