fbpx

Bem vindo ao
Blog da FULL.

Aprenda, crie e cresça seu negócio na internet.

Encontre conteúdos, dicas, tutoriais e novidades sobre as principais ferramentas Wordpress

Revisão do ARForms: Construtor de formulários WordPress poderoso, profissional e fácil

Você está em:

Revisão do ARForms: Construtor de formulários WordPress poderoso, profissional e fácil

Revisão do ARForms: Construtor de formulários WordPress poderoso, profissional e fácil

Se você está procurando um plugin para criar e exibir formulários no WordPress, com certeza encontrará vários plugins de qualidade, entre eles o ARForms WordPress Form Builder . ARForms é um plug-in de criação de formulários tudo-em-um que ajuda você a criar formulários sem absolutamente nenhum conhecimento de codificação ou experiência anterior em design. Não apenas formulários de contato típicos, ele ajuda a criar todos os tipos de formulários e exibi-los onde você quiser, inclusive em um pop-up.

O plugin pode ser comprado no CodeCanyon por $39. Mas antes de investir o dinheiro no plugin, você pode testá -lo para ter uma ideia da experiência do usuário que a versão mais recente oferece.

ARForms

Neste post, vamos primeiro dar uma olhada rápida em toda a gama de recursos que vêm com o plug-in. Em seguida, criaremos e publicaremos um formulário, analisando as configurações e opções disponíveis ao longo do caminho. Por fim, veremos como as funções do formulário podem ser expandidas com complementos.

Vamos começar:

Recursos do plug-in ARForms WordPress Form Builder

ARForms inclui praticamente todos os recursos que você precisará para criar um formulário e exibi-lo em seu site. Não há muito que você não possa realizar usando o plugin. Ele oferece uma seleção variada de campos com os quais você pode personalizar as funções do formulário com precisão e fazer com que ele apareça exatamente como você deseja.

Você poderá duplicar, importar, exportar, gerenciar e analisar formulários e dados. Você pode configurar a notificação por e-mail para entradas de formulário, integrá-la a plugins de terceiros, facilitar o marketing por e-mail, habilitar análises e muito mais. Usando o plugin, você pode criar praticamente qualquer tipo de formulário, desde o formulário de contato usual até o formulário de pedido mais complexo e tudo mais.

Aqui está um resumo rápido dos recursos:

  • Editor visual em tempo real que ajuda você a ver o que está criando mesmo enquanto cria um formulário e permite uma visualização instantânea
  • Capacidade de criar qualquer tipo de formulário do muito simples ao altamente complexo, incluindo formulários pop-up
  • 12 modelos de formulários prontos para diferentes tipos de formulários, cada um dos quais pode ser minuciosamente personalizado
  • Formulários de várias etapas com uma barra de progresso, para não assustar os usuários com um formulário sem fim
  • Mais de 25 elementos de formulário disponíveis em um clique para escolher e adicionar ao seu formulário
  • Arraste e solte facilmente para adicionar elementos e campos e reordene-os da maneira que desejar
  • Vários esquemas de cores pré-fabricados para escolher
  • Escolha fontes da vasta biblioteca de fontes do Google Fonts
  • Font Awesome icons para aprimorar seus formulários com ícones, fontes e logotipos vetoriais profissionais
  • Três estilos de forma – material, arredondado ou padrão
  • Para redimensionar colunas, basta arrastar as bordas
  • Adicione botões de opção ou caixas de seleção e torne-os atraentes com upload de imagem personalizado
  • Incorpore diferentes elementos de mídia, como vídeos e mapas
  • Dicas de ferramentas que aparecem ao passar o mouse ou clicar para avisar os usuários
  • Opções de mascaramento para garantir que os usuários insiram dados válidos em alguns campos, como número de telefone
  • Economize tempo duplicando formulários anteriores e reutilizando-os como modelos
  • Se desejar, use CSS personalizado, para personalização aprimorada
  • Lógica condicional para formulários inteligentes que se adaptam mesmo quando os usuários inserem dados
  • AJAX para envio de formulário, então não há necessidade de recarregar a página
  • Controlar o comportamento do formulário após o envio
  • Os usuários podem editar entradas mesmo após o envio
  • Impedir automaticamente entradas duplicadas
  • Lógica matemática para fazer cálculos com base na entrada do usuário e chegar a totais, médias e muito mais
  • Análise poderosa usando gráficos, mapas e tabelas
  • Importar ou exportar dados, formulários inteiros ou configurações de formulário
  • Salve o progresso dos usuários nos formulários e permita que eles retomem de onde pararam
  • Opções de pop-up integradas, economizando um plug-in extra
  • Indicador de força da senha como medida de segurança
  • Notificação automática por e-mail no recebimento de entradas
  • Suporta vários sistemas de email marketing como MailChimp e AWeber
  • Carrega Java CSS apenas quando necessário na página, portanto, não há atraso na velocidade

Além disso, o plugin é rápido, responsivo (incluindo formulários multi-passo e pop-up) e compatível com vários navegadores. Ele suporta SMTP para e-mail, RTL e vários complementos úteis gratuitos e pagos. Trabalhando no painel, você terá controle total sobre o estilo, a posição e as configurações do formulário. O plugin visa ser o mais rico em recursos possível, mas permanecendo fácil de usar.

Configurando ARForms

Agora que você tem um instantâneo dos recursos oferecidos pelo ARForms, vamos colocá-los em prática para criar e exibir formulários. A instalação do plug-in em si é fácil e, na ativação, leva você a uma interface limpa com ferramentas fáceis de usar. Trabalhar no painel do plugin é uma experiência altamente intuitiva. É diferente do painel usual do WordPress, mas quando você estiver familiarizado com ele, verá como é fácil usar a interface.

Um novo item, ARForms adicionado ao menu e você pode iniciar sua construção de formulários a partir daqui.

1. Criando e Personalizando um Formulário

Para criar um formulário, comece com ARForms > Add New . Você descobrirá que existem 12 modelos de formulário para escolher –

  • Em branco
  • Contato
  • Inscrição
  • Comentários
  • de RSVP
  • Cadastro
  • Enquete
  • Candidatura de Trabalho
  • Doação
  • Solicite um orçamento
  • Acesso de membro
  • Formulário de pedido

Embora isso cubra praticamente qualquer formulário que você queira, há também um formulário em branco que você pode usar para criar um formulário personalizado e fazê-lo funcionar da maneira que você precisar.

ARForms: Adicionar novo formulário

Escolha qualquer modelo para começar e comece a personalizar o formulário usando CSS personalizado ou as várias opções de personalização disponíveis. Seu formulário pode manter o estilo de material padrão da moda ou alternar para estilos arredondados ou padrão. Seja qual for o estilo que você escolher, você terá a garantia de formas nítidas, planas e elegantes.

Todos os aspectos da criação e exibição de formulários podem ser personalizados. As dimensões do formulário podem ser ajustadas especificando a largura do formulário. Não se esqueça de dar um título ao formulário e adicionar uma descrição a ele.

ARForms: Personalizar formulário

Para cada campo do formulário, você poderá ajustar o número de colunas, especificar se é obrigatório, arrastar para reordená-las e copiar ou excluir o campo. Isso não é tudo, você pode configurar o número de caracteres, a mensagem para a dica de ferramenta, valores padrão e muito mais. Vários esquemas de cores e opções de estilo estão disponíveis para combinar o formulário com seus requisitos de marca. E para dar a tudo uma boa configuração, você pode adicionar uma imagem de fundo ao formulário.

Fontes, margens, bordas, alinhamento podem ser modificados. Você tem mais de 25 elementos de formulário para escolher, incluindo caixas de seleção, botões de opção, upload de arquivos, lista suspensa, endereço de e-mail, número de telefone, hora, URLs de sites e imagens, senha, smiley, preenchimento automático, curtidas ou classificação por estrelas. Basta clicar no elemento para adicioná-lo ao seu formulário.

ARForms: configurações de classificação por estrelas

O que é ainda melhor é que depois de adicionar elementos ao seu formulário, você pode abrir as configurações de cada elemento e escolher as opções que desejar. Isso oferece um enorme escopo para personalizar cada elemento, sem tocar em nenhum código. Na imagem acima, você pode conferir as opções que se abrem para o elemento Star Rating.

ARForms: visualização de formulário

Mesmo ao criar seu formulário, você pode visualizá-lo para ver se ele está tomando a forma desejada. Confira como o formulário aparecerá em diferentes dispositivos.

2. Configurações para melhorar a experiência do usuário

ARForms permite um grande controle sobre como os usuários podem reagir com seu formulário. Eles não apenas poderão preencher o formulário facilmente e enviá-lo no site, mas também poderão deixar um formulário parcialmente preenchido e retornar para preenchê-lo de onde pararam.

ARForms: Outras opções

Os usuários também podem editar suas entradas. De sua parte, você pode configurar dicas de ferramentas para ajudar no preenchimento de formulários e ignorar os requisitos de captcha para uma melhor experiência de front-end. Ou preencha previamente todos os campos possíveis para evitar o incômodo de preencher cada campo. De qualquer forma, o plugin oferece proteção contra spam sem depender de captchas irritantes.

Se desejar, você pode restringir as entradas do formulário além de um número especificado e evitar entradas duplicadas. Isso é particularmente útil quando você está executando campanhas limitadas, ofertas de desconto e similares. É ideal para campanhas sensíveis ao volume ou ao tempo e é eficaz para controlar a disponibilidade de formulários.

ARForms: regra condicional

O melhor de tudo é o uso de lógica condicional que cria formas verdadeiramente inteligentes. Ele reduz o número de campos que um usuário precisa preencher com base na resposta a alguns campos. Por exemplo, se uma criança inserir a idade no formulário como dez anos, você pode mostrar o campo para os nomes dos pais, enquanto se um usuário preencher a idade como vinte e dois, você pode ocultar o campo para os nomes dos pais. Da mesma forma, você pode permitir que diferentes campos sejam exibidos para visitantes novos e recorrentes.

3. Exibição do formulário

Quando terminar de construir e criar seu formulário, você pode continuar configurando como ele será exibido no frontend. Visualize seu formulário e salve -o. Depois disso, você notará que um código de acesso é gerado para seu formulário. Cada formulário gera um código de acesso exclusivo que você pode copiar/colar em qualquer postagem ou página que desejar.

ARForms: códigos de acesso

Você pode acessar os códigos de acesso de vários lugares – do Editor em postagens ou páginas individuais ou no submenu ‘ Gerenciar formulários ‘. Exibir formulários inserindo códigos de acesso tem uma vantagem – permite que todas as instâncias do formulário sejam atualizadas sempre que você editar um formulário.

Na guia adicionada ao Editor, você pode optar por exibir formulários embutidos em uma postagem ou página…

ARForms: visualização em linha

… ou em uma janela pop-up modal.

ARForms: visualização modal

Muitos aspectos do pop-up podem ser personalizados – as dimensões, cor e conteúdo da janela, opacidade do pop-up e extensão da sobreposição. Você também pode selecionar a cor de fundo do pop-up, mostrar ou não o botão Fechar e optar por pop-up em tela cheia e animação de fade-in. Além disso, há também uma opção para pop-up de página inteira, bem como para abrir o pop-up clicando em um item de menu na navegação.

ARForms: opções de pop-up modal

Você também pode escolher os gatilhos que podem acionar os pop-ups – porcentagem de rolagem, atraso de tempo, clique em um link, intenção de saída ou inatividade. Os pop-ups são uma ótima maneira de chamar a atenção dos leitores, desde que não sejam irritantes ou intrusivos.

4. Ações após o envio do formulário

O que acontece depois que um usuário clica no botão Enviar no formulário? Você pode resolver isso de dois lugares: Trabalhando na guia Configurações globais, você pode informar aos usuários que o formulário foi enviado com sucesso ou configurá-lo para envio condicional. Você também poderá redirecionar o envio para o intervalo de datas, ocultar o formulário após o envio e evitar entradas duplicadas.

Outro recurso útil é a opção de definir uma etapa de confirmação, exigindo que o usuário confirme suas informações antes que o formulário seja enviado. Você também pode exibir um resumo de envio para o usuário imprimir para seus registros.

ARForms: configurações globais

As configurações globais também ajudam a apontar campos que não podem ser deixados em branco, erros no envio, exibição de mensagem de sucesso/falha no envio, configurações de e-mail e CSS global. Nessa página de configurações, você também pode definir a exibição de outras mensagens padrão que ajudam os usuários no preenchimento de formulários. As ações que você especificar aqui serão aplicáveis a todos os formulários.

Ou você pode decidir o que acontece após o envio de cada formulário no próprio formulário individual. Você poderá exibir qualquer mensagem ou conteúdo de outra página, redirecionar para outra URL ou ocultar o formulário após o envio. Dessa forma, você pode levá-los a explorar mais áreas do seu site.

ARForms: Enviar ação

Você também pode configurar a notificação por e-mail para direcionar as respostas aos membros apropriados de sua equipe. Novamente, os códigos de acesso ajudam a extrair valores de determinados campos no formulário para que seus e-mails automatizados sejam dinâmicos. A lógica condicional também pode ajudar aqui, roteando formulários para membros da equipe com base nas respostas dos usuários.

5. E-mail marketing

Configurar o formulário para um fluxo de trabalho eficiente de marketing por e-mail e integração com suas ferramentas favoritas de marketing por e-mail de terceiros é um dos principais pontos fortes do ARForms. O plugin adiciona automaticamente novos contatos à lista de contatos de suas ferramentas de opt-in, como AWeber, MailChimp, GetResponse, ActiveCampaign, iContact, Constant Contact, Mad Mimi, GVO Campaign e eBizac.

ARForms: opt-ins de marketing por e-mail

6. Gerenciamento de formulários

ARForms permite visualizar todas as entradas e envios de uma única tela. Você pode visualizar os envios de formulário depois de filtrá-los por formulário ou qualquer intervalo de dados e aplicar ações em massa. Você também poderá visitar entradas individuais diretamente do painel e visualizar todos os detalhes relativos a cada entrada, bem como editar entradas manualmente na seção de administração.

ARForms: entradas de formulário

A análise de formulários é útil para verificar se os formulários estão funcionando para você. Ele ajuda a analisar as entradas do formulário e plotá-las em tabelas e gráficos para melhor visualização e fácil compreensão. Um mapa-múndi atraente mostra de qual parte do mundo seus envios vieram.

ARForms: Analytics

Ao monitorar as entradas do formulário no back-end, você poderá identificar áreas onde há espaço para melhorias. As inúmeras métricas acessíveis a você na análise podem ajudá-lo a entender o comportamento do usuário e direcionar o desempenho do site para torná-lo melhor para os usuários.

Outro recurso útil para gerenciar seus formulários é a capacidade de importar e exportar formulários, com ou sem as entradas.

Complementos e extensões do ARForms

Vários complementos úteis estão disponíveis para aprimorar a funcionalidade de seus formulários. Eles custam entre US $ 12 e US $ 17 cada, os dois primeiros da lista estão disponíveis gratuitamente.

  • Campanhas ativas: Para criar uma lista de assinantes imediatamente após o envio de formulários
  • reCAPTCHA: Para adicionar uma camada extra de segurança para seus formulários
  • Zapier: para otimizar seu fluxo de trabalho conectando e integrando seus formulários com aplicativos que você usa regularmente
  • Post Creator: Para criar páginas WordPress, posts e posts personalizados usando dados capturados nos formulários
  • MailChimp avançado: para enviar dados de campos adicionais ao Mailchimp condicionalmente em vez de apenas campos básicos
  • PayPal: Para integrar entradas de formulários e pagamentos em um único processo. Você pode então aceitar todos os tipos de pagamento, incluindo doações
  • Inscrição do usuário: permitir que os usuários se inscrevam no frontend e recuperem/alterem sua senha e gerenciem perfis
  • PDF Creator: Para gerar PDFs com base em formulários enviados pelo usuário e salvá-los para referência futura
  • Mailster: Para adicionar assinantes à sua lista de e-mails do Mailster diretamente dos envios de formulários
  • MailPoet: Para adicionar assinantes à sua lista de discussão MailPoet diretamente dos envios de formulários
  • Stripe: para que você possa processar cartões de crédito com segurança sem que os usuários precisem sair do seu site
  • PayPal Pro: Para permitir modos adicionais de pagamento do PayPal, incluindo pagamentos recorrentes
  • Authorize.net: Para coletar pagamentos com segurança sem redirecionar para um gateway de pagamento externo
  • Assinatura: Para coletar assinaturas de usuários
  • Download digital: Para opção de download digital seguro após o envio do formulário
  • SMS: Para enviar SMS via Twilio, Nexmo e Clickatell

Empacotando

O ARForms vem com uma lista impressionante de recursos prontos para uso. Depois de ver como eles funcionam em ação, não resta dúvida de que é uma ótima ferramenta para criar praticamente qualquer formulário em seu site. E, embora o conjunto de recursos possa ir além do necessário para novos usuários do WordPress, de forma alguma isso tem um impacto negativo na facilidade de uso. A extensa documentação pode ajudar com qualquer problema e a equipe de suporte está pronta para responder rapidamente ao envio de tickets. Para usuários avançados também a documentação da API do desenvolvedor está disponível.

OBTER ARFORMS WORDPRESS FORM BUILDER

Se tudo o que você precisa é de um formulário de contato simples, básico e básico para adicionar ao seu site, o  Formulário de Contato 7  é adequado. Mas se você deseja fazer muito usando formulários complexos, detalhados e atraentes, cujo comportamento você pode controlar com precisão, o ARForms é mais do que adequado. Mantém o foco na construção de formulários poderosos, ao mesmo tempo em que permite aos usuários uma experiência intuitiva e agradável.

Aprenda com a FULL.

Junte-se a mais de 50 mil pessoas que recebem em primeira mão as principais ferramentas e tecnologia para desenvolvimento web

Meu carrinho
🎁 Faltam R$100,00 para liberar a Black da FULL
Seu carrinho está vazio.

Parece que você não adicionou nada ao seu carrinho =(