Como criar um formulário Airtable personalizado no WordPress

Deseja criar um formulário Airtable personalizado para seu site WordPress?

O Airtable é um serviço em nuvem que combina o poder das planilhas eletrônicas e dos bancos de dados. Ele permite que você crie aplicativos de planilhas personalizados sem escrever uma única linha de código.

Neste artigo, mostraremos o processo passo a passo de como criar um formulário personalizado do Airtable e incorporá-lo ao seu site WordPress.

Crie seu formulário Airtable no WordPress agora

Por que criar um formulário Airtable personalizado no WordPress?

O Airtable ajuda você a criar aplicativos de planilha personalizados para armazenar informações, assim como faria em um banco de dados.

Ele cria planilhas fáceis de usar e visualmente atraentes que podem ser usadas para planejamento de produtos, estudos de usuários, CRM de vendas, lançamentos de produtos, planejamento de calendário de conteúdo e muito mais.

No entanto, você terá que inserir todos os dados em sua conta do Airtable manualmente.

Para evitar esse problema, você pode iniciar um site WordPress e, em seguida, estabelecer uma integração do WordPress Airtable com a ajuda do plug-in WPForms.

Assim, sempre que alguém enviar o formulário, os dados serão adicionados automaticamente à sua conta do Airtable. Isso o ajudará a economizar um tempo valioso e a aumentar sua produtividade.

Como criar um formulário Airtable personalizado no WordPress

Uma integração do Airtable com o WordPress é muito fácil de configurar com o WPForms. Basta seguir as etapas abaixo e você terá um formulário do Airtable pronto para ser incorporado ao seu site WordPress em pouco tempo!

Etapa 1: Instalar o WPForms

Em primeiro lugar, recomendamos que você adquira o WPForms Pro porque ele vem com uma integração Zapier necessária para conectar seus formulários ao Airtable.

Depois de comprar a licença Pro, instale o WPForms em seu site. Confira o guia para iniciantes sobre como instalar um plug-in do WordPress, caso precise de ajuda.

Vamos supor que você queira enviar entradas de formulário automaticamente para a tabela Leads em um de seus espaços de trabalho do Airtable.

Etapa 2: Instale o complemento Zapier

A próxima coisa que você precisa fazer é instalar o complemento Zapier para WPForms.

O Zapier é uma ferramenta de automação que permite conectar dois ou mais aplicativos para realizar uma determinada tarefa. Portanto, usaremos o Zapier para conectar o WPForms e o Airtable.

Para instalar o complemento Zapier, você precisa acessar a página WPForms " Addons.

Nessa página, procure o complemento Zapier. Clique no botão Install Addon abaixo dele para iniciar a instalação.

O status será Ativo quando o complemento for instalado e ativado.

Agora vá para a página WPForms " Configurações para obter a chave da API do Zapier. Essa chave será usada para conectar o Zapier à conta do WPForms.

Na página de configurações do WPForms, você precisa clicar na guia Integrações. Em seguida, você deve clicar no logotipo do Zapier para encontrar a chave de API do seu site.

Mantenha essa guia aberta por enquanto. Precisaremos da chave da API do WPForms Zapier em uma etapa posterior.

Etapa 3: Criar um formulário

No painel do WordPress, navegue até WPForms " Add New para criar um novo formulário.

Na página Setup (Configuração), você pode alterar o Nome do formulário para qualquer nome de sua escolha. Além disso, você pode selecionar um modelo entre mais de 2.000 modelos de formulário. Neste exemplo, usaremos o modelo Simple Contact Form para criar o formulário personalizado do Airtable.

O WPForms carregará imediatamente seu modelo de formulário e o levará à tela do construtor de formulários.

Talvez você queira personalizar esse formulário adicionando mais campos. Recomendamos que você combine seus campos com as colunas do registro do Airtable para onde deseja enviar os dados do formulário. Dessa forma, você pode mapear facilmente os campos do formulário para as colunas do Airtable.

Portanto, adicionaremos o campo Phone (Telefone ) e um campo de texto de linha única denominado "Organization Name" (Nome da organização) porque é assim que as colunas da nossa planilha do Airtable estão configuradas.

Você pode seguir nosso tutorial sobre como criar um formulário de contato simples para obter instruções detalhadas sobre como adicionar campos a qualquer formulário usando o construtor de arrastar e soltar.

Por fim, você precisa clicar no botão Save (Salvar ), presente no canto superior direito da tela, para armazenar as alterações.

Ótimo! Na próxima etapa, vamos incorporar o formulário em seu site do WordPress.

Etapa 4: Incorporar o Airtable Form em seu site

Nesta etapa, incorporaremos o formulário personalizado do Airtable ao nosso site e, em seguida, adicionaremos pelo menos uma entrada de teste ao formulário.

Mas por que precisamos adicionar uma entrada de teste? O motivo é que a usaremos mais tarde para testar a conexão entre o WPForms e o Airtable. Isso nos garantirá que tudo está funcionando corretamente.

Você pode incorporar facilmente o formulário em um post, uma página ou na barra lateral do seu site. Vamos dar uma olhada em como incorporá-lo em uma página do WordPress.

Primeiro, você precisa clicar no botão Embed na parte superior do construtor de formulários.

Ao pressionar o botão, você verá uma janela modal com duas opções de incorporação. Neste tutorial, incorporaremos o formulário em uma nova página clicando no botão Create New Page (Criar nova página).

Dê um nome à sua caixa na caixa de texto e pressione o botão Let's Go!

Você verá a janela do editor de páginas do WordPress aberta, que deverá conter o formulário que acabou de criar. Você pode editar outros elementos da página aqui, se desejar, ou adicionar conteúdo a ela.

Quando estiver pronto, pressione o botão Publish (Publicar) na parte superior para publicar sua página com o novo formulário do Airtable incorporado a ela.

Agora, vá em frente e abra esta página em uma nova guia do seu navegador da Web. Em seguida, preencha o formulário e clique no botão Enviar para criar uma entrada de formulário de teste.

Excelente! Agora que terminamos de criar nosso formulário, podemos passar a criar uma receita de automação para enviar dados do WPForms para o Airtable automaticamente.

Etapa 5: Criar uma nova receita de automação

Para conectar o WPForms e o Airtable, você precisa criar um novo Zap no site do Zapier.

Espere! O que é um Zap? É um processo de conexão de 2 ou mais aplicativos, e sempre precisa de um acionador para executar uma ação específica.

Em uma nova guia do seu navegador da Web, abra o site do Zapier e faça login na sua conta. Você pode criar uma nova conta gratuitamente se ainda não tiver uma conta do Zapier.

Depois de fazer login em sua conta do Zapier, clique no botão Create Zap para começar a criar uma nova receita de automação.

Agora, o processo de criação de um zap compreende duas partes. Na primeira parte, você terá que configurar o WPForms como o aplicativo de acionamento. E, em seguida, você precisará configurar o Airtable como o aplicativo de ação.

Vamos começar com o processo de configuração do acionador.

Etapa 6: Configurar o aplicativo de acionamento (WPForms)

Depois de pressionar Create a Zap, conforme mostrado acima, você verá a janela do editor de receitas aberta, onde será solicitado que você selecione primeiro o aplicativo de acionamento.

Procure por WPForms usando a caixa de pesquisa para encontrá-lo e selecioná-lo. Você também pode criar o ícone de edição no canto superior esquerdo da janela para dar um título ao seu Zap.

Em seguida, você terá de selecionar New Form Entry (Nova entrada de formulário) usando o menu suspenso Event (Evento). Isso estabelecerá cada nova entrada de formulário como um evento de acionamento para executar essa automação, que é exatamente o que queremos.

Clique no botão Continue (Continuar ) na parte inferior para prosseguir.

Neste ponto, você terá que escolher sua conta do WPForms para se conectar ao Zapier. Clique no botão Sign In (Entrar).

Uma nova janela pop-up será aberta, na qual você será solicitado a inserir o URL do seu site e a chave da API do Zapier. Obtenha sua chave de API do WPForms para o Zapier , conforme mostramos na etapa 2, e cole-a na caixa de texto API Key (Chave de API) junto com o URL completo do seu site na caixa de texto acima.

Quando tiver inserido os detalhes necessários, pressione Yes, Continue.

Depois de fazer isso, a janela pop-up será fechada automaticamente e você deverá ver sua conta do WPForms conectada como o aplicativo acionador.

Pressione Continue para ir para a próxima configuração.

Agora, será necessário selecionar o formulário específico que você deseja processar para a integração WPForms-Airtable. Selecione o formulário que você criou na Etapa 3.

Nomeamos nosso formulário como "Custom Airtable Form", portanto, vamos selecioná-lo no menu suspenso.

Quando você encontrar o formulário de que precisa, clique no botão Continue (Continuar ).

Feito isso, o Zapier solicitará que você teste o acionador do WPForms usando uma entrada recente enviada para o formulário selecionado. Se você enviou uma entrada de teste conforme sugerimos na Etapa 4, o Zapier não terá problemas para encontrá-la!

Clique no botão Test Trigger para continuar.

Se já houver várias entradas enviadas para seu formulário, você poderá usar o menu suspenso para selecionar uma entrada específica. Mas não importa qual deles você usa, pois o Zapier só precisa testar a integração nesse momento.

Pressione Continue para avançar.

Isso concluirá o processo de configuração do acionador. Muito bem!

Na próxima etapa, configuraremos o aplicativo Action para nossa integração: Airtable.

Etapa 7: Configurar o aplicativo de ação e publicar a automação

Assim que você passar da etapa anterior, o Zapier mostrará as definições para configurar seu aplicativo de ação.

Como queremos o Airtable como nosso aplicativo de ação, use o campo de pesquisa para localizar o Airtable na lista de aplicativos disponíveis e clique nele.

Agora você terá de escolher um evento de ação que deseja que ocorra no Airtable. Como queremos enviar dados para o Airtable, escolheremos a opção de evento Create Record no menu suspenso.

Em seguida, clique no botão Sign In (Entrar) para conectar sua conta do Airtable.

Quando uma nova janela pop-up for aberta, você deverá inserir sua chave de API do Airtable.

Se você ainda não tiver a chave, acesse sua conta do Airtable e clique no ícone do seu perfil no canto superior direito para expandir o menu. Em seguida, selecione Account (Conta).

Na página da sua conta, basta rolar a tela para baixo para encontrar o botão Generate API Key (Gerar chave de API ) e clicar nele.

Você terá uma chave de API que poderá copiar agora. Com a chave copiada, mude para a janela de login do Zapier para sua conta do Airtable e insira a chave de API.

Quando tiver feito isso, pressione Yes, Continue.

Sua conta do Airtable agora estará conectada ao Zapier. Mais uma vez, clique em Continue (Continuar ) para prosseguir para a próxima etapa.

Agora, o Zapier solicitará que você selecione uma Base (ou espaço de trabalho) para criar o registro com base nos dados enviados pelo WPForms. Você também terá que selecionar a tabela dentro desse espaço de trabalho.

Em nosso exemplo, configuramos uma tabela no Airtable e a chamamos de "Leads", portanto, vamos selecioná-la.

Quando você selecionar sua tabela, o Zapier buscará os nomes das colunas de sua tabela. Para mapear seus campos de formulário corretamente para as colunas do Airtable, basta selecionar o campo WPForms correspondente para cada campo de coluna do Airtable.

Quando terminar, clique em Continue.

Assim como no aplicativo de acionamento, o Zapier agora precisará enviar um registro de teste para o Airtable com base nos mapeamentos de campo que você selecionou anteriormente. Pressione o botão Test Action (Ação de teste ) para avançar.

Você verá uma mensagem de sucesso confirmando que o registro foi enviado para o Airtable.

Estamos quase terminando! Clique em Publicar Zap para ativar sua integração WPForms-Airtable.

Nesse momento, outra janela modal será aberta, perguntando se você está pronto para publicar sua automação. Clique em Publish & Turn On (Publicar e ativar ) para colocar sua receita de automação em funcionamento.

Excelente! Com a integração entre o WordPress e o Airtable ativada, isso garantirá que novos contatos sejam adicionados à sua conta do Airtable sempre que alguém enviar o formulário do WordPress.

É uma boa ideia verificar sua conta do Airtable para ter certeza de que o registro de teste foi enviado corretamente pelo Zapier.

No nosso caso, o registro foi enviado quase que instantaneamente, e todos os campos dos formulários correspondem perfeitamente às colunas que configuramos na nossa tabela.

E aí está! Agora você pode criar formulários personalizados do Airtable no WordPress e aumentar sua produtividade com essa integração eficiente.

Em seguida, envie notificações por SMS para os formulários

Se você achou útil essa integração do WPForms, recomendamos que confira como enviar notificações por SMS a partir dos seus formulários do WordPress. A configuração de notificações por SMS é uma ótima maneira de se manter atualizado sobre novas entradas de formulário assim que elas forem enviadas.

Crie seu formulário Airtable no 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.