Você quer fazer um formulário Airtable personalizado para o seu site WordPress?

Airtable é uma ferramenta de gerenciamento de dados que permite criar seus próprios aplicativos baseados em dados. Basicamente, você pode coletar dados usando um formulário em seu site e usá-lo para fazer planilhas, listas de contatos, calendários de reserva e muito mais.

Neste artigo, mostraremos como criar um formulário Airtable personalizado no WordPress.

Mas primeiro, se você nunca instalou o WordPress, descubra Como instalar um blog WordPress passos 7 et Como encontrar, instalar e ativar um tema WordPress em seu blog 

Então, por que estamos aqui.

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

Airtable é uma ferramenta de gerenciamento de dados que permite criar aplicativos personalizados com base em dados. Você pode usá-lo para visualizar melhor os dados coletados em seu site usando formulários WordPress.

Por exemplo, você pode usar seus dados de formulário de contato WordPress em Airtable como uma ferramenta CRM (Customer Relationship Management).

Também pode ser usado para gerenciar clientes em potencial capturado por seus formulários WordPress. Você também pode usá-lo para armazenar dados de pesquisa do usuário em seu site.

Basicamente, você pode usar os dados coletados de seus formulários de contato do WordPress no Airtable para criar aplicativos, fluxos de trabalho e ferramentas personalizados para o seu negócio.

Dito isso, vamos dar uma olhada em como criar facilmente um formulário Airtable personalizado no WordPress.

Criação de um formulário Airtable personalizado no WordPress

Para criar nosso formulário Airtable personalizado no WordPress. Primeiro vamos criar um formulário de contato Socorro por WPForms.

É o melhor plugin de criação de formulários WordPress do mercado e permite que você construa facilmente qualquer tipo de formulário usando uma interface simples de arrastar e soltar.

Depois disso, conectaremos nosso formulário ao Airtable usando um serviço chamado Zapier.

Zapier funciona como uma ponte para conectar dois aplicativos diferentes sem código. Você pode usá-lo com dezenas de aplicativos online, incluindo WPForms e Airtable.

Pronto ? Vamos lá.

Criando seu formulário em WPForms

Primeiro de tudo, você precisa instalar e ativar o plugin WPForms. Para mais detalhes, consulte o nosso guia passo a passo em como instalar um plugin do WordPress.

Observação: você precisará da versão Pro ou superior para acessar o complemento WPForms Zapier.

Ao ativar, vá para a página  WPForms >> Configurações, insira sua chave de licença. Você pode encontrar a chave de licença em sua conta no site WPForms.

Chave de licença de configurações Wpforms

Então você tem que continuar WPForms »Adicionar novo no painel do WordPress. Isso iniciará a interface WPForms.

Usaremos um modelo de formulário de contato simples com dois campos adicionais para 'Companhia' et 'Telefone'.

Como criar um formulário de wordpress personalizado airtable entre em contato conosco blogpascher

Depois de configurar seu formulário, você precisa adicioná-lo ao seu site WordPress. Basta editar a postagem ou página onde deseja adicionar o formulário.

Na tela de pós-edição, clique no botão (+) para adicionar um novo bloco. Depois disso, encontre o bloco WPForms e adicione-o ao seu ponto de conteúdo.

Como criar um formulário airtable wordpress personalizado adicionando o bloco blogpascher

Para obter instruções detalhadas, consulte nosso guia passo a passo sobre a criação de um formulário de contato em WordPress.

Depois de adicionar o formulário ao site, vá em frente e crie uma entrada de teste. Isso será usado para configurar e verificar a conexão entre WPForms e Airtable.

Aqui está nossa entrada de teste, com nome, e-mail, telefone, nome da empresa e uma mensagem:

Como criar um formulário airtable personalizado de teste de wordpress blogpascher

Preparação para conectar WPForms e Zapier

Vamos usar o Zapier para criar uma ponte entre WPForms e Airtable. Para fazer isso, você precisa instalar e ativar o complemento WPForms Zapier.

No painel do WordPress, navegue até a página WPForms >> Addons e encontre o complemento Zapier. Então vá em frente, instale-o e ative-o.

Como criar um formulário airtable personalizado wordpress zapier addon blogpascher

Agora você tem que ir para a página WPForms »Configurações» Integrações. Basta clicar no logotipo Zapier aqui e você obterá sua chave de API Zapier. Você precisa disso para conectar o Zapier à sua conta WPForms.

Como criar um formulário airtable personalizado wordpress zapier api cle blogpascher

Copie a chave da API para um local seguro ou mantenha esta guia aberta; você precisará dela na próxima etapa.

Preparação para conectar Airtable e Zapier

Agora você precisa preparar o Airtable para se conectar com WPForms através do Zapier. Para fazer isso, você precisa de uma chave de API Airtable. ele permitirá que você conecte Airtable com Zapier.

Basta criar uma conta Airtable ou faça login em sua conta existente. Em seguida, clique no botão Conta canto superior direito. Você será direcionado para a página da sua conta, onde basta clicar no botão 'Gerar chave API'

Como criar um formulário airtable personalizado wordpress api key blogpascher

Depois de gerar sua chave, você precisa copiá-la e colá-la em algum lugar seguro para mais tarde.

Criando seu Zap para enviar dados de seu formulário de site para Airtable

Em seguida, acesse o site do Zapier. Aqui você precisa criar uma conta gratuita ou entrar na sua conta existente.

No painel do Zapier, clique no botão 'Faça um ZAP'no canto superior esquerdo para iniciar o assistente de configuração.

Como criar um formulário airtable personalizado wordpress make a zap blogpascher

Observação: No Zapier, um “ZAP” é um processo com um gatilho e uma ação. Nosso gatilho será alguém preencher o formulário, e nossa ação será criar um registro no Airtable.

No topo da tela, você precisa dar um nome ao seu zap, então você pode configurar o gatilho.

Em primeiro lugar, na área 'Escolha o aplicativo e o evento', digite' WPForms 'na barra de pesquisa. Depois disso, basta clicar no ícone WPForms que aparece:

Como criar um formulário airtable personalizado, wordpress zapier app event blogpascher

Você será solicitado a escolher um evento de gatilho. Deixe este jogo ligado 'Nova entrada de formulário'e clique no botão Continuar.

Como criar um formulário airtable personalizado wordpress zapier Choose trigger event blogpascher

Zapier solicitará que você faça login no WPForms. Clique aqui no 'Faça login no WPForms':

Como criar um formulário airtable personalizado wordpress zapier sign em wpforms blogpascherVocê deve ver uma janela pop-up. Você precisará inserir sua chave API que recebeu anteriormente, bem como o URL (nome de domínio) do seu site:

Como criar um formulário airtable personalizado wordpress zapier wpforms api key blogpascher

Depois de fazer isso, clique no botão " Sim continue Seguir adiante.

Em seguida, você será solicitado a selecionar o formulário criado anteriormente na lista suspensa.

Como criar um formulário airtable customizado wordpress zapier choose Fale conosco blogpascher

Depois de selecionar o formulário correto, clique no botão 'Teste de gatilho'.

Como criar um formulário airtable personalizado wordpress zapier test trigger blogpascher

Você deverá ver uma mensagem informando que Zapier encontrou uma entrada de teste. Os dados serão exibidos na tela:

Como criar um formulário airtable personalizado wordpress zapier encontrado entrada de teste blogpascherClique no botão 'Continuar' continuar. Agora você está na parte Action do Zap, onde deve escolher sua segunda aplicação.

Como criar um formulário airtable personalizado wordpress zapier faça esta ação passo blogpascher

Basta digitar Airtable na lista suspensa e selecioná-lo. Em seguida, você verá a lista suspensa para escolher um evento de ação:

Como criar um formulário airtable wordpress zapier faça isso blogpascher airtable

O evento de ação é exatamente o que você deseja que aconteça quando alguém preencher o formulário em seu site. Você deve selecionar 'Criar registro' aqui :

Como criar um formulário airtable personalizado wordpress zapier blogpascher

Agora Zapier solicitará que você faça login no Airtable. Você só precisa clicar no botão 'Faça login no Airtable', então faça login.

Como criar um formulário airtable personalizado wordpress zapier blogpascher 1

Agora você precisa inserir a chave de API Airtable que recebeu anteriormente:

Como criar um formulário airtable personalizado wordpress zapier blogpascher 2

Agora você verá um botão Continuar. Basta clicar nele para continuar criando seu zap.

Como criar um formulário airtable personalizado wordpress zapier blogpascher 3

Então você precisa selecionar seu 'banco de dados'. Você também deve escolher sua mesa. Vamos usar CRM de vendas  como base e adicionar nossos novos contatos à mesa Contactos :

Como criar um formulário airtable personalizado wordpress zapier blogpascher 5

Agora você precisa informar ao Zapier quais campos em seu formulário WPForms devem corresponder às colunas em sua tabela Airtable.

Para todos os campos aplicáveis, basta selecionar o campo correto usando seus dados de teste:

Como criar um formulário airtable personalizado wordpress zapier blogpascher 6

Quando terminar, clique no botão Continuar " continuar. Zapier agora solicitará que você envie uma gravação de teste para Airtable, usando seus dados de teste. Você verá uma prévia dos dados.

Como criar um formulário airtable personalizado wordpress zapier blogpascher 7

Clique no botão 'Teste e Continue'. Isso enviará os dados de teste para a tabela escolhida em Airtable, criando assim um novo registro:

Como criar um formulário airtable personalizado wordpress zapier blogpascher 8Agora você só precisa clicar no botão 'Terminar a edição'para terminar de criar seu zap.

Como criar um formulário airtable personalizado wordpress zapier blogpascher 9

Você pode verificar se o registro foi adicionado corretamente ao Airtable. Para fazer isso, basta ir para sua conta Airtable, abrir o banco de dados CRM de vendase, em seguida, visualize a tabela Contatos e verifique os dados de teste.

Como criar um formulário airtable personalizado wordpress zapier blogpascher 10

Se você precisar mudar alguma coisa, basta voltar à etapa 'Personalizar registro'e altere os dados que vão em cada coluna da sua tabela.

A última etapa é ativar o Zap clicando no controle deslizante na parte inferior da tela.

Como criar um formulário airtable personalizado wordpress zapier blogpascher 11

Seu ZAP está funcionando agora. Todas as entradas de formulário por meio de seu formulário conectado serão adicionadas à tabela Airtable que você selecionou.

Descubra também alguns plugins premium do WordPress  

Você pode usar outro WordPress plugins para dar uma aparência moderna e otimizar o manuseio do seu blog ou site.

Oferecemos a você aqui alguns plugins premium do WordPress que ajudarão você a fazer isso.

1. Widget de Comentários Recentes no Facebook 

Este widget permite que você exiba uma lista dos comentários mais recentes do Facebook do seu blog WordPress na primeira página ou em qualquer lugar onde haja um widget usado pelo site.

Comentários recentes do Facebook widget wordpress plugin wordpress para comentários do Facebook

Como recursos você terá entre outros: a exibição de todos os comentários mais recentes do seu site ou blog WordPress, oAprovação automática ou manual de comentários a serem exibidos no widget,enviar uma notificação por e-mail quando uma pessoa comenta através do plug-in de comentários do Facebook, bom SEO, compatibilidade com qualquer tema WordPress, oopções para personalizar o widget e muito mais.

Descarregar | Demo | hospedagem na web

2. Questionário do WordPress

WP Questionário é um WordPress Plugin o que facilita a criação de perguntas de múltipla escolha (MCQs) em seu blog para muitas finalidades, como ensino, blogs, publicidade, etc.

Wordpress Questionário

Depois que uma pessoa tiver concluído o teste, os dados relativos à sua pontuação e respostas serão salvos imediatamente no banco de dados para fins estatísticos. Graças a esta função estatística, você pode coletar todos os dados necessários para seus diferentes objetivos de seu site WordPress.

Veja também Alguns recursos do WordPress você provavelmente sabe

Além disso, o WP Quiz possui vários parâmetros de personalização, como la de localização, mudança de cor dependendo da interface do usuário, perguntas aleatórias, etc ...

Descarregar | Demo | hospedagem na web

3. Mensagens relacionadas para posts distintos

Ce WordPress Plugin foi projetado para ajudá-lo a resolver o problema de exibir conteúdo relacionado em seu site. Por isso, ajuda você a fornecer conteúdo que interessará aos usuários. Você não precisa selecionar postagens relacionadas todas as vezes, pois esse processo será totalmente automatizado.Postagens relacionadas para postagens distintas

Posts Relacionados para Postagens Distintas é um WordPress Plugin que exibe uma lista padrão de diferentes postagens de blog, bem como postagens personalizadas como postagens relacionadas.

Veja também Como criar um link externo com o título de um artigo do WordPress

Você ainda poderá pesquisar e selecionar itens diferentes para itens individuais. Você também poderá configurar determinadas regras para exibir publicações relacionadas.

Descarregar | Demo | hospedagem na web

Recursos Recomendados

Descubra outros recursos recomendados para ajudá-lo a criar e gerenciar seu site.

Conclusão

Aqui ! É isso neste tutorial. Esperamos que este artigo tenha ajudado você a aprender como criar um formulário Airtable personalizado no WordPress. Não hesite em compartilhe com seus amigos em suas redes sociais favoritas

No entanto, você também pode consultar nossos recursos, se você precisar de mais elementos para realizar seus projetos de criação de sites da Internet, consultando nosso guia em Criação de blog WordPress.

Se você tiver sugestões ou comentários, deixe-os em nossa seção Comentários.

...