Como criar um formulário WordPress usando ai

Construir formulários WordPress pode ser frustrante e demorado.

Você começa com uma ideia simples, como um formulário de contato ou inscrição. Mas acabam presos em ajustes, layouts e configurações por horas.

No ISITWP.com, construímos todo tipo de forma que você pode imaginar. Criamos formulários de feedback, formulários de pedidos, formulários de registro e muito mais.

E lutamos por todas as dores de cabeça comuns. Mesmo com os construtores de formas de arrasto e soltar, como WPForms ou formidáveis, acertar -o "exatamente" geralmente leva mais tempo do que o esperado.

É por isso que ficamos céticos, mas curiosos quando ouvimos falar sobre o WPForms AI Form Builder.

A IA poderia realmente nos economizar tempo ou criaria mais problemas?

Depois de experimentar, ficamos surpresos ao descobrir que a IA Form Building é um divisor de águas.

Em vez de definir manualmente todos os campos, basta usar os avisos para descrever o que você precisa e o formulário é incorporado em segundos. Sem arrastar, sem adivinhação, sem campos perdidos.

Neste guia, mostraremos exatamente como criar um formulário WordPress usando AI , passo a passo.

Seja você iniciante ou apenas cansado de perder tempo, verá como a IA facilita a construção da forma mais rápida, mais fácil e totalmente personalizável.

Takeaways -chave

• O WPForms AI Form Builder facilita a criação de formas mais rápida e fácil. Não há necessidade de começar do zero ou usar um construtor de arrasto e gota.
• Você pode gerar formulários WordPress totalmente funcionais apenas digitando um prompt simples e a IA lidará com o levantamento pesado.
• Adicionar recursos extras como campos de pagamento, lógica condicional e pesquisas é perfeita quando você instala os complementos recomendados.
• Depois que a IA cria o formulário, você pode ajustá-lo usando o construtor de arrastar e soltar da WPForms, fazendo personalizações amigável para iniciantes.

Com isso dito, vamos entrar nisso!

Como criar formulários WordPress usando ai (passo a passo)

Agora que você sabe por que a construção de formulários de IA faz sentido para uso, vamos passar por exatamente como usá -lo.

Se você nunca usou a IA no WordPress antes, não se preocupe. Esta parte mostrará a cada passo, sem adivinhar nenhuma configuração complicada. No final, você terá um formulário de trabalho pronto para ir ao seu site.

Então, como você cria formulários WordPress com IA? Confira as etapas abaixo para uma rápida olhada no que você precisará fazer. Além disso, se você clicar em qualquer link abaixo, pulará para a seção do tutorial.

• Etapa 1: Instale e configure WPForms
• Etapa 2: Acessando o WPForms AI Form Builder
• Etapa 3: gerar um formulário WordPress com um rápido
• Etapa 4: Personalizando os formulários WPForms AI
• Etapa 5: faça sua forma gerada pela IA ao vivo
• Dicas para gerenciar o construtor de formulários de IA em WPForms
• Perguntas frequentes

Depois de usar o WPForms AI Builder em muitos de nossos sites, podemos dizer que não se trata apenas de velocidade. Trata -se também de construir formas mais inteligentes sem todo o aborrecimento.

Então, vamos mostrar como criar formulários de site com inteligência.

Etapa 1: Instale e configure WPForms

Antes de começar a usar o AI Form Builder, você precisará instalar o WPForms e ativado no seu site WordPress. Se você instalou plugins antes, isso parecerá familiar.

Mas se for a sua primeira vez, não se preocupe, é bem direto. Aqui está um guia sobre como instalar plugins para ajudá -lo.

No ISITWP.com, instalamos o WPForms em tantos sites, e aqui está uma coisa que aprendemos: sempre comece com a versão certa.

Com isso em mente, o AI Form Builder trabalha apenas com o WPForms Pro ou superior, portanto, verifique se não está na versão gratuita se quiser usar a IA.

Você pode conferir a quebra completa na página de preços do WPForms.

Outra dica de nossa experiência é a sua chave de licença é ativada imediatamente. Isso ajuda a evitar aquelas mensagens irritantes de “trancas” mais tarde, quando você tenta usar o construtor de formulários da IA.

Você encontrará a chave de licença na sua conta WPForms na seção "Downloads" depois de assinar um plano.

Para ativar a versão Pro com a "chave de licença", vá para as configurações WPForms » no seu painel WordPress.

Depois de colar o código, basta pressionar a tecla Verificar e você estará pronto para usar o WPForms.

Além disso, fique de olho nos conflitos de plug -in.

Às vezes, outros plugins de formulário ou construtores de páginas podem causar problemas. Descobrimos que desativar outros plug -ins de formulário durante a configuração torna as coisas mais suaves. Lembrar. Você sempre pode reativá -los mais tarde, se necessário.

Se você precisar de um guia completo sobre como instalar este plug -in do Builder de formulário, aqui está a mais recente revisão do WPForms.

Depois que o WPForms estiver instalado e pronto, você está pronto para começar a criar formulários com IA.

Etapa 2: Acessando o WPForms AI Form Builder

Depois que o WPForms é instalado e ativado, a próxima coisa a fazer é ir para o construtor de formulários da IA.

Para chegar lá, vá para WPForms »todos os formulários » Adicione novos no seu painel WordPress.

Isso abre a tela de criação de formulários, onde você verá mais de 2.000 modelos. Esta seção é organizada com uma barra de pesquisa no topo e categorias à esquerda para facilitar a localização do certo.

Portanto, se você não quiser começar do zero ou usar a IA, você tem muitos modelos para escolher, uma ótima opção para ter em mente.

Mas como você deseja usar a ferramenta AI Builder, não precisa percorrer os modelos. O WPForms facilita isso. Basta passar o mouse sobre a guia "Gere com ai" na parte superior. É fácil de identificar.

Depois de fazer isso, selecione o botão "Gerear formulário" para abrir uma janela pop -up solicitando que você instale os complementos para tornar a geração de formulário de IA mais suave.

Aqui, basta selecionar sim, instalar e instalar WPForms automaticamente os complementos de assinatura, cupons e pesquisas e pesquisas. A melhor parte é que todos esses complementos serão instalados com um clique.

Depois disso, você será levado automaticamente para a página do construtor de formulários da IA.

Missão lateral :

Agora, você ainda pode criar formulários de IA sem nenhum complemento, mas recomendamos adicioná -los antecipadamente se você planeja fazer formulários complexos do WordPress.

A partir dos nossos testes, descobrimos que ter esses complementos instalados desde o início torna todo o processo mais suave. Não haverá necessidade de parar no meio para descobrir por que um determinado recurso não está funcionando.

Lembre -se de que o WPForms pode ajudá -lo a adicionar diferentes tipos de recursos ao formulário usando IA, não apenas o mencionado acima.

Portanto, antes de criar seu formulário de IA, você pode voltar e instalar mais addons manualmente, como:

• Formulário de abandono, para capturar entradas parciais
• Formas de conversação, para formas de bate-papo
• Salve dados parciais do formulário para ajudá -lo a capturar leads perdidos
• Viagem do usuário, para ver como os usuários atingem seu formulário
• Pagamento de faixas e pagamento do PayPal para receber o pagamento diretamente em seus formulários

Mas para manter o seu site leve, instale apenas os complementos que você precisa!

Para obter esses recursos adicionais, vá para a página Addons WPForms » . Aqui, instale e ative os complementos que você precisa como se fosse qualquer outro.

Etapa 3: gerar um formulário WordPress com um rápido

Uma vez dentro do construtor de formulários da IA, é hora de criar seu formulário. A página Gerate Form é super limpa e fácil de navegar, para que você não se sinta sobrecarregado.

Outra coisa que amamos é que a interface se parece com o ChatGPT ou outras ferramentas de bate -papo de IA; portanto, se você usou uma delas, isso será muito familiar e fácil de usar.

No topo, o WPForms sugere que os avisos prontos para ajudá-lo a começar e criar rapidamente seu formulário de IA. Por exemplo, você verá prompts como "Formulário de registro de eventos on -line" e "Formulário de inscrição para um designer da web".

Mesmo se você não quiser usar esses avisos pré -conter, eles são um ótimo lugar para obter inspiração.

Agora, para criar um formulário de IA exclusivo, role para baixo até a caixa de prompt personalizada na parte inferior, onde você pode digitar exatamente o que deseja.

Dica :

Você não precisa de outra ferramenta de IA para escrever este prompt. Mas se você deseja ter certeza de que está dando instruções claras e detalhadas à IA da WPForms, sugerimos que você use uma ferramenta de IA como ChatGPT ou Gemini para gerar o prompt para você.

Às vezes, ter um aviso bem escrito significa obter um formulário mais próximo do que você imagina desde o início.

Por exemplo, para este tutorial, queríamos empurrar o WPForms AI Form Builder para seus limites e mostrar o quão detalhado ele pode ficar.

Portanto, em vez de apenas um formulário de contato básico usando um prompt básico, pedimos para criar um com campos extras como número de telefone, nome da empresa, assunto, uma caixa de mensagem, uma caixa de seleção de inscrição no boletim e um captcha para bloquear spam.

Isso realmente nos ajudará a mostrar o que é possível .

Para nos ajudar a redigir um prompt detalhado, usamos o ChatGPT e criamos isso:

“Crie um formulário de contato com os seguintes campos:

• Nome (necessário)
• Email (necessário)
• Número de telefone (opcional)
• Nome da empresa (opcional)
• Assunto (exigido)
• Mensagem (exigida, texto de várias linhas)
• Caixa de seleção de inscrição no boletim (rotulado: 'Inscreva -se na nossa newsletter')
• Captcha (para evitar envios de spam

Verifique se o formulário é fácil de usar, responsivo a dispositivos móveis e estilizado para combinar com um design moderno de sites. ”

Depois disso, copiamos esse prompt e o colamos no WPForms AI Form Builder. Em seguida, selecionamos o botão Enviar e ele criou instantaneamente um formulário com todos os campos que pedimos.

Uma vez feito, você pode conferir a pré -visualização do formulário gerado pela IA à esquerda e ver se ele criou tudo o que você precisa.

Se houver, selecione o botão Use este formulário para mover para o WPForms Drag and Drop Builder para edições finais.

Como personalizar seu formulário de IA com prompts

Agora, se o formulário gerado não for exatamente o que você está procurando, o WPForms permite que você o personalize ainda mais no construtor de formulários da IA ​​antes de editá -lo manualmente no construtor de arrasto e soltar.

Também devemos ressaltar que você não pode editar o formulário na tela de visualização nesta fase. Você só pode usar instruções adicionais.

Então, para testar a flexibilidade da IA ​​depois de gerar o formulário acima, solicitamos a WPForms a:

"Vire o número de telefone, o nome da empresa para necessário."

E em segundos, o formulário foi atualizado. A nova versão tornou o número de telefone e o nome da empresa exigidos antes do envio.

Quando estiver satisfeito, selecione "Use este formulário" e o WPForms o enviará diretamente para o construtor de arrastar e soltar para quaisquer personalizações finais.

Etapa 4: Personalizando os formulários WPForms AI

Agora, o WPForms Drag and Drop Form Builder fornece controle total sobre a personalização de todos os seus formulários, incluindo os gerados por IA.

Enquanto o construtor de formulários da IA ​​faz um ótimo trabalho ao fazer 80% do caminho, às vezes você vai querer ajustar as coisas para atender às suas necessidades exatas.

Você recebe campos à esquerda e uma tela de visualização à direita. Você pode selecionar qualquer campo à esquerda e movê -lo para a direita para adicioná -lo ao seu formulário.

É tão simples!

A melhor parte? Você não precisa ser um designer ou desenvolvedor para ajustar seu formulário gerado pela AI. Se você pode arrastar e soltar, poderá criar um formulário!

Na ISITWP, construímos e personalizamos centenas de formas usando o WPForms e, toda vez, somos lembrados por que é um dos construtores de formas mais amigáveis ​​para iniciantes por aí.

Aqui estão algumas das coisas que tornam os formulários de IA personalizados com o WPForms Visual Builder tão suaves:

• Interface simples de arrastar e soltar : Uma vez que a IA lhe dê um ponto de partida, você pode reorganizar facilmente os campos arrastando-os para cima ou para baixo para reordená-los exatamente como deseja. Deseja o campo de e -mail acima do número de telefone? Basta clicar, arrastar e soltar.
• Campos de clique para edição : precisam renomear um campo, ajustar o texto do espaço reservado ou marcar-o conforme necessário? Basta selecionar qualquer campo na visualização do formulário ao vivo e todas as configurações para esse campo serão abertas à esquerda. Você pode editar rótulos, adicionar descrições ou alterar os tipos de campo, tudo sem tocar em uma única linha de código.
• Pré-estilo e amigável para dispositivos móveis : Adoramos que as formas geradas pela IA já tenham estilizado para parecer modernas e limpas. Mas é tudo apontando e clique se você quiser ajustar coisas como rótulos, ajudar o texto ou adicionar espaçamento entre os campos.
• Adicione a lógica condicional inteligente : se você deseja mostrar ou ocultar campos com base em como os usuários respondem às perguntas, o WPForms facilita isso. E se você mencionou a lógica condicional no seu prompt de IA, é provável que ele já esteja configurado. Mas ajustar ou adicionar mais é simples.
• Salve e visualize a qualquer momento : ao fazer alterações, você pode pressionar "Salvar" para atualizar seu formulário e usar o botão Visualizar para ver exatamente o que seus visitantes experimentarão.

Para obter um tutorial mais detalhado sobre como usar o construtor de arrasto e soltar, confira este post sobre como criar formulários com o WPForms.

Descobrimos que a combinação de formas geradas pela IA com o construtor de arrastar e soltar é o melhor economizador de tempo.

Você não precisa começar do zero, mas também não perde a liberdade de fazê -lo.

Etapa 5: faça sua forma gerada pela IA ao vivo

Depois de ficar feliz com a aparência e as funções de seu formulário gerado pela IA, a etapa final é publicá-lo em seu site. Neste ponto, você pode fazer os mesmos ajustes que faria com qualquer outro formulário construído usando WPForms.

A partir da guia Configurações encontradas na coluna da extrema esquerda do Visual Builder, você pode configurar recursos importantes como:

• Formulário Notificações para receber entradas de formulário diretamente em sua caixa de entrada.
• Confirmações para mostrar uma mensagem de sucesso ou redirecionar usuários para uma página de agradecimento depois que eles enviarem o formulário.
• Faça proteção de spam para evitar entradas de bots e spam usando o CAPTCHA e outras ferramentas embutidas.

Se você deseja conectar seu formulário a um serviço de marketing por email, acesse a guia de marketing na guia Configurações.

Aqui, o WPForms permite que você se integre com plataformas populares, como contato constante, gotejamento, getResponse, ActiveCampaign, Aweber e muito mais.

Isso é super útil se você estiver usando seu formulário para coletar leads ou aumentar sua lista de boletins.

Planejando coletar pagamentos?

A guia Pagamentos o cobriu. Você pode conectar facilmente o formulário a Stripe, PayPal Commerce, PayPal Standard, Square ou Authorize.net, dando várias maneiras de aceitar pagamentos ou doações.

Quando todas as configurações estiverem no lugar, é hora de adicionar seu formulário ao seu site. O WPForms facilita isso com quatro opções flexíveis.

1. Adicione a uma página existente
Quando terminar de personalizar seu formulário, clique em Incorporar na parte superior do construtor de formulários.

O WPForms fornecerá a opção de escolher uma página existente ou uma nova página. Neste pop -up, escolha Selecionar página existente .

Depois disso, você verá um suspenso listando todas as páginas do seu site. Basta selecionar a página em que você deseja que o formulário apareça e pressione Let's Go. WPForms o inserirá automaticamente para você.

2. Crie uma nova página
Se você ainda não tem uma página pronta, não se preocupe. Adicionar um formulário a uma nova página é igualmente fácil. O processo é muito semelhante a adicionar um formulário a uma página existente.

Depois de selecionar o botão de incorporação para abrir a janela pop -up, selecione Crie uma nova página.

O WPForms solicitará que você nomeie sua página e, depois de fizer, clique em Let's Go .

O WPForms criará a página e adicionará o formulário automaticamente. Isso é perfeito se você deseja uma página dedicada apenas para o seu formulário, como uma página de contato ou formulário de registro.

3. Use um shortcode
Para ainda mais flexibilidade, o WPForms fornece um código de curto para cada formulário que você criar. Você pode copiar este shortcode e colá-lo em qualquer área de postagem, página, barra lateral ou pronta para o widget.

Basta procurar o código de short na página WPForms »Todos os formulários e copiá -lo.

Depois disso, abra uma página nova ou existente e localize o bloco de shortcode usando a barra de pesquisa. Em seguida, cole o código de short que você copiou e pressione "Atualizar".

4. Use o bloco WPForms WordPress

Se você estiver usando um construtor de páginas como o Elementor ou um editor de blocos como o Gutenberg, o WPForms também vem com um bloco/widget nativo.

Você só precisa adicionar o bloco WPForms, escolher seu formulário no menu suspenso e terminar!

Com o método que você usar, uma vez feito, tudo o que você precisa fazer é acertar publicar ou atualizar na página, e você terminou.

Uma vez publicado, seu formulário gerado pela IA estará ao vivo e pronto para coletar respostas-totalmente funcionais, favoráveis ​​ao celular e conectado a todas as ferramentas que você precisa.

Confira a amostra de formulário abaixo para ver como ele ficará em uma página ao vivo.

Dicas para gerenciar o construtor de formulários de IA em WPForms

Embora o WPForms AI Form Builder seja uma ferramenta incrível para criar formulários rapidamente, há momentos em que você pode querer gerenciar como ele funciona ou até desligá -lo.

Com base em nossa experiência usando esta ferramenta de IA, aqui estão algumas dicas práticas para ajudá -lo a lidar com o recurso de IA como um profissional.

Como excluir o histórico de bate -papo da IA

Primeiro, vamos falar sobre a história do bate -papo. Toda vez que você gera um formulário com a IA, o WPForms salva um histórico de bate -papo dessa sessão. Isso pode ser super útil se você quiser voltar e revisar como criou um formulário.

Mas e se você não quiser manter essas conversas? Felizmente, o WPForms facilita a exclusão.

Tudo o que você precisa fazer é abrir a guia Gerador de formulário de IA , indo para WPForms »Adicionar novo dentro do seu painel WordPress.

Quando estiver dentro da tela do construtor de formulários da IA, role para baixo até o final da área de bate -papo e notará um ícone de lixo que diz "Histórico de bate -papo claro".

A seleção deste link limpará todo o seu histórico de bate -papo de IA de uma só vez, o que é ótimo se você deseja manter as coisas arrumadas ou preferir não armazenar conversas anteriores.

Como desativar o construtor de forma de IA

Agora, se você experimentou o construtor de formulários da IA ​​e decidir que não deseja usá -lo, não precisa mantê -lo ativo. Você pode desativá -lo completamente através das configurações do WPForms.

Para fazer isso, vá para WPForms »Configurações» Misc , depois role para baixo até encontrar o "Hide IA Apresels". Simplesmente desmarque a caixa ao lado desta opção e salve suas configurações na parte inferior da página.

Depois de fazer isso, a guia "Gere with ai" não aparecerá mais ao criar novos formulários. Você sempre pode ativá -lo mais tarde se mudar de idéia.

Quando (e por quê) você pode querer desligar a IA

Por nossa própria experiência, testando a IA da WPForms, descobrimos que, embora a IA seja incrível para a criação rápida de forma, há momentos em que você pode preferir desativá -la.

Por exemplo:

• Ao trabalhar em formulários muito personalizados ou complexos com lógica condicional específica que a IA pode não acertar.
• Se você gerenciar sites de clientes e deseja manter o processo de construção de formulários consistente e totalmente manual para controle de qualidade.
• Se você deseja evitar formas acidentais geradas pela IA quando outros membros da equipe estão trabalhando no site.

O bom é que você pode ativá -lo ou desativar a qualquer momento, como já viu acima, dependendo de suas necessidades.

Por que a IA Form Building apenas faz sentido

Ferramentas do WordPress AI, como os construtores de formulários, podem parecer avançados, mas depois de tentar, você percebe que é apenas uma maneira mais rápida de fazer as coisas.

Como mencionado, no ISITWP.com, trabalhamos em formulários WordPress há anos e, se há uma coisa que aprendemos, os formulários podem comer muito tempo em que não deveriam.

Existem tantos pequenos passos que diminuem você. Às vezes, você passa mais tempo pensando em quais campos usar do que realmente construindo o formulário.

Aqui estão algumas das maiores razões pelas quais a IA Form Building faz sentido para nós, e provavelmente para você também:

• Não há mais tentativa e erro : a IA ajuda a evitar a entrada de campos de adição de adicionar, excluí-los e começar de novo. Você diz que tipo de forma você deseja e reúne um ponto de partida que faz sentido.
• Economiza muito tempo : as formas que costumavam levar meia hora são feitas em minutos. É como pular a linha quando você está com pressa.
• Lida com formulários complexos facilmente : precisa de um formulário com lógica condicional ou campos especiais, como uploads de arquivo? Ai descobre o básico para você, então você não fica adivinhando.
• Menos erros : a IA inclui campos que você pode esquecer-como caixas de seleção de consentimento ou campos de e-mail necessários-para que você não precise verificar sempre.
• Ótimo quando você não tem certeza por onde começar : às vezes, é difícil saber o que um formulário deve incluir. A IA oferece um rascunho inteligente, então você não está enfrentando uma tela em branco.
• Imagina para iniciantes : se você é novo no WordPress, até os melhores plugins de formulário podem parecer demais. Ai tira essa pressão fazendo a parte difícil primeiro.
• Dá a você idéias criativas : às vezes a IA sugere campos ou layouts que você pode não pensar por conta própria, o que pode melhorar seus formulários.
• Ajuda quando você está com pressa : nem toda forma precisa ser perfeita. Às vezes, você só precisa de um formulário rápido para coletar respostas. Ai chega você rápido.

É isso! Agora você pode construir seus formulários WordPress com IA em alguns minutos. Se algo não estiver claro, você pode conferir as perguntas frequentes abaixo.

Perguntas frequentes: como criar um formulário WordPress usando ai

Parabéns! Agora você tem uma melhor compreensão de como criar formulários de IA no WordPress.

Se você não decidiu o Form Builder para o seu negócio, aqui está um artigo de comparação no WPForms vs. Formstack para ajudá -lo a começar.

Além disso, aqui estão outros artigos que você pode estar interessado em ler.

• WPForms vs. se formas de gravidade - o bom, o ruim e o feio
• Como criar um formulário de doação do WordPress (passo a passo)
• Como proteger seus formulários WordPress com senha

O primeiro artigo compara 2 dos melhores construtores de formulários visuais. O próximo o leva a como criar um formulário de doação. Enquanto o último mostra como proteger seus formulários com uma senha.