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

Pretende criar um formulário Airtable personalizado para o seu sítio Web 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 folha de cálculo personalizadas sem escrever uma única linha de código. Ao associar um formulário personalizado à sua base, pode evitar copiar e colar e manter todos os seus registos organizados num único local.

Neste artigo, vou mostrar-lhe o processo passo-a-passo de como construir um formulário com WPForms e enviar cada entrada para o Airtable em apenas alguns cliques.

Crie já o seu formulário Airtable! 🙂

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 todos os dados na sua conta Airtable manualmente. Para evitar este problema, pode criar um sítio WordPress e depois estabelecer uma integração do 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 plugin WPForms

Para criar um formulário Airtable no WordPress, vai precisar do WPForms Pro, uma vez que a integração com o Zapier requer uma licença paga. Eu começo sempre por aqui porque é a base que torna tudo o resto possível.

O que eu gosto no WPForms é como ele lida com integrações como o Airtable através do Zapier. Obtém-se uma ligação fiável que realmente funciona, ao contrário de outros plugins de formulários que experimentei e que quebram sob pressão.

Se ainda não instalou o WPForms, vá em frente e faça isso primeiro. Leva apenas um minuto. E se não tiver a certeza de como instalar um plugin no WordPress, pode consultar este guia passo-a-passo para obter ajuda.

A licença Pro é o que desbloqueia o addon Zapier, por isso certifique-se de que a tem ativa antes de avançar. Sem ele, ficará preso a notificações básicas de e-mail em vez da poderosa integração do Airtable que estamos a construir.

Passo 2: Ativar 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 tarefa específica.

Portanto, usaremos o Zapier para conectar o WPForms e o Airtable. Para instalar o addon Zapier, você precisa ir para a página WPForms " Addons.

Encontre o addon Zapier na lista e clique em Instalar addon. Depois de transferido, clique em Ativar para o pôr a funcionar no seu site. Verá uma marca de verificação verde junto ao mesmo quando tudo estiver a funcionar corretamente.

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. Se você quiser explorar outras possibilidades de automação além do Airtable, confira nosso guia completo para integrações do WPForms Zapier.

Passo 3: Crie o seu formulário WordPress

Com o addon Zapier pronto, está na altura de criar o formulário real que irá recolher dados para a sua base Airtable. A chave aqui é pensar nas informações que deseja organizar no Airtable antes de começar a adicionar campos.

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. Pense no fluxo de trabalho do Airtable ao adicionar campos.

Recomendo 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 seu 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.

Depois de adicionar os campos, clique em Salvar para armazenar o formulário. Irá precisar deste formulário guardado nos próximos passos quando ligarmos tudo ao Airtable através do Zapier.

A vantagem desta configuração é que cada campo que adicionar aqui se torna uma coluna na sua base Airtable, por isso, planeie em conformidade. Para obter mais ideias sobre campos de formulário eficazes, consulte o nosso guia para criar melhores formulários de contacto.

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

Antes de configurar a automatização do Zapier, deve colocar o seu formulário em funcionamento no seu sítio Web. Isto permite-lhe testar tudo e certificar-se de que está a funcionar corretamente antes de o ligar ao Airtable.

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 incorporá-lo numa página do WordPress. Primeiro, precisa de clicar no botão Incorporar na parte superior do construtor 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!

Irá para o editor de blocos do WordPress, onde pode ver o seu formulário em ação. Esta é uma boa altura para adicionar algum contexto ao formulário.

Talvez um título que explique o que os visitantes irão obter quando submeterem a página, ou uma breve descrição dos seus serviços.
Quando estiver pronto, prima o botão Publicar na parte superior para publicar a sua página.

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

Agora é altura de construir a ponte entre o seu formulário WordPress e o Airtable. É aqui que entra o Zapier para automatizar todo o processo, para que nunca mais tenha de transferir manualmente os dados do formulário.

Aceda ao site do Zapier e inscreva-se numa conta, se ainda não tiver uma. O plano gratuito funciona bem para começar, embora possa querer atualizar mais tarde se estiver a processar muitos envios de formulários.

Depois de iniciar sessão, clique em Criar Zap para começar a criar a sua automatização. O Zapier chama a estas automatizações "Zaps" - cada uma liga um acionador (a submissão do seu formulário) a uma ação (adicionar dados ao Airtable).

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.

Depois, terá de configurar o Airtable como a aplicação de ação. Vamos começar com o processo de configuração do gatilho.

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, você terá que escolher sua conta WPForms para se conectar com o Zapier. Clique no botão Sign In (Iniciar sessão).

Será aberta uma nova janela pop-up onde lhe será pedido que introduza o URL do seu sítio Web 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 API Key (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 do WPForms conectada como o aplicativo de acionamento. Pressione Continuar para ir para a próxima configuração.

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 ao nosso formulário o nome "Custom Airtable Form" (Formulário de mesa aérea personalizado), pelo que vamos escolher esse formulário no menu pendente. Quando tiver encontrado o formulário de que necessita, clique no botão Continuar.

Uma vez feito isso, o Zapier pedir-lhe-á para testar o seu acionador WPForms utilizando uma entrada recente submetida para o formulário selecionado.

Se submeteu uma entrada de teste como sugerimos no Passo 4, o Zapier não terá problemas em 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! Na próxima etapa, configuraremos o aplicativo Action para 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 tem 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.

Quando o tiver feito, prima Sim, Continuar. A sua conta Airtable estará agora ligada ao Zapier. Mais uma vez, clique em Continue para avançar para o próximo passo.

Agora, o Zapier pede-lhe que selecione uma Base (ou espaço de trabalho) para criar o registo com base nos dados enviados pelo WPForms.

Terá também de selecionar a tabela nesse 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 tornar sua integração WPForms-Airtable ao vivo.

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.

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

Perguntas frequentes sobre como criar um formulário de tabela aérea personalizado no WordPress

Aprender como funciona a integração de um formulário WordPress Airtable é um tópico de interesse popular entre os nossos leitores. Aqui estão as respostas a algumas perguntas comuns sobre o assunto:

Como é que integro o WPForms com o Airtable?

Para ligar o WPForms ao Airtable, pode utilizar uma ferramenta como o Zapier. Primeiro, crie seu formulário usando WPForms. Em seguida, configure um Zap no Zapier que envia cada entrada de formulário diretamente para sua base Airtable. Isso funciona mapeando os campos do formulário para as colunas corretas do Airtable.

Posso enviar entradas de formulários do WordPress para o Airtable sem código?

Sim, não precisa de escrever qualquer código. Com o WPForms e uma conta Zapier, você pode enviar entradas de formulário para o Airtable clicando em etapas simples de configuração. Você só precisa do seu formulário pronto no WPForms e sua base configurada no Airtable.

Como posso incorporar um formulário Airtable no WordPress?

Pode copiar o código de incorporação do seu formulário Airtable e colá-lo numa publicação ou página do WordPress utilizando o bloco HTML personalizado. Isto permite que o formulário do Airtable apareça diretamente no seu sítio. Os visitantes podem preenchê-lo sem sair da página.

Que plugin liga o Airtable ao WordPress?

O WPForms é uma boa opção para coletar entradas de formulários e você pode conectá-lo ao Airtable usando o Zapier. Não existe um plugin que faça tudo de imediato, mas a combinação WPForms + Zapier é simples e funciona bem.

Posso apresentar dados do Airtable numa página do WordPress?

Não diretamente com o WPForms. Mas pode utilizar a funcionalidade de vista partilhada do Airtable para mostrar uma vista de tabela no seu sítio. Basta pegar o link de compartilhamento ou o código de incorporação e colá-lo em uma página ou postagem usando um bloco HTML personalizado.

Existe uma forma gratuita de ligar o Airtable ao WordPress?

Pode começar a utilizar as versões gratuitas do WPForms e do Zapier. O plano gratuito do Zapier vem com recursos básicos e pode ser suficiente se você não tiver muitos envios de formulários. Para necessidades maiores, pode ser necessário um plano pago.

Como é que configuro a lógica condicional num formulário ligado ao Airtable?

O WPForms permite-lhe utilizar a lógica condicional dentro do construtor de formulários. Isto significa que pode mostrar ou ocultar campos com base na entrada do utilizador. A lógica acontece antes de o formulário ser enviado para o Airtable, para que apenas os dados corretos sejam transmitidos.

É seguro enviar dados de formulários do WordPress para o Airtable?

Sim, é seguro se utilizar ferramentas fiáveis como o WPForms e o Zapier. Certifique-se de que o seu sítio possui um certificado SSL (HTTPS) e evite partilhar quaisquer dados sensíveis que normalmente não armazenaria no Airtable.

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 o seu formulário Wordpress agora

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.