Como criar um formulário de tabela aérea personalizado no WordPress

Pretende criar um formulário Airtable personalizado para o seu sítio WordPress?

O Airtable é um serviço na nuvem que combina o poder das folhas de cálculo e das bases de dados. Permite-lhe criar aplicações de folhas de cálculo personalizadas sem escrever uma única linha de código.

Neste artigo, vamos mostrar-lhe o processo passo-a-passo de como criar um formulário Airtable personalizado e incorporá-lo no seu site WordPress.

Crie agora o seu formulário Airtable no WordPress

Porquê criar um formulário Airtable personalizado no WordPress?

O Airtable ajuda-o a criar aplicações de folha de cálculo personalizadas para armazenar informações, tal como faria numa base de dados.

Cria folhas de cálculo fáceis de utilizar e visualmente apelativas que podem ser utilizadas para planeamento de produtos, estudos de utilizadores, CRM de vendas, lançamentos de produtos, planeamento de calendários de conteúdos e muito mais.

No entanto, terá de introduzir manualmente todos os dados na sua conta Airtable.

Para evitar este problema, pode criar um sítio WordPress e depois estabelecer uma integração do WordPress Airtable com a ajuda do plugin WPForms.

Assim, sempre que alguém submeter o formulário, os dados serão adicionados automaticamente à sua conta Airtable. Isto ajudá-lo-á a poupar tempo valioso e a aumentar a sua produtividade.

Como criar um formulário de tabela aérea personalizado no WordPress

Uma integração do WordPress Airtable é muito fácil de configurar com o WPForms. Basta seguir os passos abaixo, e você terá um formulário Airtable pronto para incorporar em seu site WordPress em nenhum momento!

Passo 1: Instalar o WPForms

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

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

Vamos partir do princípio de que pretende enviar automaticamente entradas de formulários para a tabela Leads num dos seus espaços de trabalho do Airtable.

Passo 2: Instalar o complemento Zapier

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

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

Para instalar o addon Zapier, tem de ir à página WPForms " Addons.

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

O estado será Ativo quando a extensão estiver instalada e activada.

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. E então, você deve clicar no logotipo do Zapier para encontrar a chave da API para o seu site.

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

Passo 3: Criar um formulário

A partir do seu painel de controlo do WordPress, navegue até WPForms " Adicionar novo para criar um novo formulário.

Na página de configuração, pode alterar o nome do formulário para um nome à sua escolha. Além disso, pode selecionar um modelo de entre mais de 2.000 modelos de formulários. Neste exemplo, utilizaremos o modelo Simple Contact Form para criar o formulário Airtable personalizado.

O WPForms carregará imediatamente o seu modelo de formulário e levá-lo-á para o ecrã do construtor de formulários.

Poderá querer personalizar este formulário adicionando mais campos. Recomendamos que faça corresponder os seus campos às colunas do registo do Airtable para onde pretende enviar os dados do formulário. Desta forma, pode mapear facilmente os campos do formulário para as colunas do Airtable.

Assim, vamos adicionar o campo Telefone e um campo de texto de linha única denominado "Nome da organização", porque é assim que as colunas da nossa folha de cálculo Airtable estão configuradas.

Pode seguir o nosso tutorial sobre como criar um formulário de contacto simples para obter instruções detalhadas sobre como adicionar campos a qualquer formulário utilizando o construtor de arrastar e largar.

Por fim, é necessário clicar no botão Guardar, presente no canto superior direito do ecrã, para guardar as alterações.

Ótimo! No próximo passo, vamos incorporar o formulário no seu site WordPress.

Passo 4: Incorporar o formulário Airtable no seu sítio Web

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

Mas porque é que precisamos de adicionar uma entrada de teste? A razão é que a usaremos mais tarde para testar a conexão entre WPForms e Airtable. Isto irá garantir-nos que tudo está a funcionar corretamente.

Pode incorporar facilmente o formulário num post, numa página ou na barra lateral do seu sítio Web. Vamos ver como o incorporar numa página do WordPress.

Em primeiro lugar, tem de clicar no botão Incorporar na parte superior do criador de formulários.

Quando premir o botão, verá uma janela modal que lhe dá duas opções de incorporação. Neste tutorial, vamos incorporar o formulário numa nova página, clicando no botão Criar nova página.

Dê um nome à sua caixa na caixa de texto e, em seguida, prima o botão Vamos!

Verá a janela do editor de páginas do WordPress aberta, que deverá conter o formulário que acabou de criar. Pode editar outros elementos da página aqui, se pretender, ou adicionar conteúdo à mesma.

Quando estiver pronto, prima o botão Publicar na parte superior para publicar a sua página com o seu novo formulário Airtable incorporado.

Agora, abra esta página num novo separador do seu browser. 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.

Passo 5: Criar uma nova receita de automatização

Para ligar o WPForms e o Airtable, é necessário criar um novo Zap no sítio Web do Zapier.

Espera! O que é um Zap? É um processo de ligação de 2 ou mais aplicações, que necessita sempre de um acionador para executar uma ação específica.

Num novo separador do seu navegador Web, deve abrir o Web site do Zapier e iniciar sessão na sua conta. Pode criar uma nova conta gratuitamente se ainda não tiver uma conta Zapier.

Depois de iniciar sessão na sua conta Zapier, clique no botão Criar Zap para começar a criar uma nova receita de automatizaçã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 então, você precisará configurar o Airtable como o aplicativo de ação.

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

Passo 6: Configurar a aplicação de acionamento (WPForms)

Depois de premir Criar um Zap, como mostrado acima, verá a janela do editor de receitas aberta, onde terá de selecionar primeiro a sua aplicação de acionamento.

Procure por WPForms utilizando a caixa de pesquisa para o encontrar e selecionar. 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, terá de selecionar Nova entrada de formulário utilizando o menu pendente Evento. Isso estabelecerá cada nova entrada de formulário como um evento de gatilho para executar essa automação, que é exatamente o que queremos.

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

Neste ponto, terá de escolher a sua conta WPForms para se ligar ao Zapier. Clique no botão Sign In (Iniciar sessão).

Uma nova janela pop-up será aberta, onde 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 , como mostramos na etapa 2, e cole-a na caixa de texto Chave de API junto com o URL completo do seu site na caixa de texto acima.

Quando tiver introduzido os dados necessários, prima Sim, Continuar.

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

Prima Continuar para passar à definição seguinte.

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

Demos o nome de "Custom Airtable Form" ao nosso formulário, por isso vamos seleccioná-lo no menu pendente.

Quando tiver encontrado o formulário de que necessita, clique no botão Continuar.

Uma vez feito isso, o Zapier irá pedir-lhe para testar o seu gatilho WPForms usando uma entrada recente submetida para o seu formulário selecionado. Se você enviou uma entrada de teste como sugerimos na Etapa 4, o Zapier não terá problemas para encontrá-la!

Clique no botão Test Trigger para continuar.

Se já existirem várias entradas submetidas para o seu formulário, pode utilizar o menu pendente para selecionar uma entrada específica. Mas não importa qual deles utiliza, uma vez que o Zapier só precisa de testar a integração nesta altura.

Prima Continuar para avançar.

Isto completará o processo de configuração do gatilho. Muito bem!

No passo seguinte, vamos configurar a aplicação Action para a nossa integração: Airtable.

Passo 7: Configurar a aplicação de ação e publicar a automatização

Assim que avançar a partir do passo anterior, o Zapier mostra-lhe as definições para configurar a sua aplicação de ação.

Como queremos que o Airtable seja a nossa aplicação de ação, utilize o campo de pesquisa para encontrar o Airtable na lista de aplicações disponíveis e clique nele.

Agora terá de escolher um evento de ação que pretende que aconteça no Airtable. Como queremos enviar dados para o Airtable, vamos escolher a opção de evento Criar registo no menu pendente.

Em seguida, clique no botão Iniciar sessão para ligar a sua conta Airtable.

Quando se abrir uma nova janela pop-up, ser-lhe-á pedido que introduza a sua chave de API do Airtable.

Se ainda não tiver a chave, aceda à sua conta Airtable e clique no ícone do seu perfil no canto superior direito para expandir o menu. Em seguida, selecione Conta.

Na página da sua conta, basta deslocar-se para baixo para encontrar o botão Gerar chave de API e clicar nele.

Terá uma chave de API que pode copiar agora. Com a chave copiada, mude para a janela de início de sessão do Zapier para a sua conta Airtable e insira a chave de API.

Depois de o fazer, prima Sim, Continuar.

A sua conta Airtable estará agora ligada ao Zapier. Mais uma vez, clique em Continue (Continuar ) para avançar para o passo seguinte.

Agora, o Zapier vai pedir-lhe para selecionar uma Base (ou espaço de trabalho) para criar o registo com base nos dados enviados pelo WPForms. Também terá de selecionar a tabela dentro desse espaço de trabalho.

No nosso exemplo, criámos uma tabela no Airtable e chamámos-lhe "Leads", por isso vamos seleccioná-la.

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

Quando terminar, clique em Continuar.

Tal como acontece com a sua aplicação de acionamento, o Zapier terá agora de enviar um registo de teste para o Airtable com base nos mapeamentos de campo que selecionou anteriormente. Prima o botão Test Action (Ação de teste ) para avançar.

Deverá ver uma mensagem de sucesso a confirmar que o seu registo foi enviado para o Airtable.

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

Nesta altura, abrir-se-á outra janela modal, perguntando se está pronto para publicar a sua automatização. Clique em Publicar e Ligar para colocar a sua receita de automação em funcionamento.

Excelente! Com a integração entre o WordPress e o Airtable activada, será assegurado que novos contactos serão adicionados à sua conta Airtable sempre que alguém submeter o seu formulário WordPress.

É uma boa ideia verificar a sua conta Airtable para se certificar de que o registo de teste foi enviado corretamente pelo Zapier.

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

E já está! Agora pode criar formulários Airtable personalizados no WordPress e melhorar a sua produtividade com esta integração eficiente.

Em seguida, enviar notificações SMS para formulários

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

Crie agora o seu formulário Airtable no WordPress

Pronto para criar o seu formulário? Comece hoje mesmo com o plugin de criação de formulários mais fácil do WordPress. O WPForms Pro inclui muitos modelos gratuitos e oferece uma garantia de reembolso de 14 dias.

Se este artigo o ajudou, siga-nos no Facebook e no Twitter para mais tutoriais e guias gratuitos do WordPress.