Como Personalizar Formulários WordPress com WPForms

Criar uma experiência personalizada para os seus utilizadores pode fazer toda a diferença quando se trata de aumentar o envolvimento e as taxas de conclusão de formulários.

Se gere um site WordPress, pode estar a perguntar-se como pode adaptar os formulários para os tornar mais relevantes para os seus visitantes sem adicionar complexidade.

Neste guia, vou guiá-lo através de algumas funcionalidades poderosas do WPForms que facilitam a criação de formulários personalizados e explicarei como eles podem transformar a sua criação de formulários e melhorar a satisfação do utilizador.

Personalize o seu formulário WordPress agora! 🙂

1. Escolhas de IA para Transformar a Criação de Formulários

Embora a criação de formulários seja rápida e simples com o WPForms, preencher menus suspensos e perguntas de escolha múltipla ainda leva tempo. Para facilitar as coisas, pode contar com a funcionalidade de Escolhas de IA.

Tudo o que precisa de fazer é clicar num botão e descrever o que precisa, e a IA do WPForms preencherá as suas caixas de seleção, listas suspensas e opções de escolha múltipla em segundos!

A melhor parte de tudo é que as Escolhas de IA estão disponíveis para todos, independentemente de ter uma licença gratuita ou paga do WPForms. Eis como pode usá-la:

Como Funcionam as Escolhas de IA no WPForms

Crie qualquer tipo de formulário com campos de Escolha Múltipla ou Suspensos, ou poupe tempo usando um dos nossos modelos de formulário pré-feitos. O WPForms oferece uma lista enorme de mais de 2.100 modelos de formulário WordPress.

Assim que estiver no construtor de formulários, abra as Opções de Campo para o campo de Escolha Múltipla ou Suspenso relevante. Em seguida, clique no botão Gerar Escolhas para começar a adicionar uma lista de Escolhas de IA!

Uma janela pop-up aparecerá onde pode agora adicionar detalhes sobre a lista que necessita numa ou duas frases. Assim que terminar, prima a tecla Enter.

O assistente de IA do WPForms irá agora gerar uma lista de escolhas. Não precisa de as copiar e colar - clique no botão Inserir Escolhas e elas serão automaticamente adicionadas ao seu formulário.

Demora segundos agora a fazer o que antes levava horas. Pode reorganizar listas, remover opções ou adicionar mais detalhes. As possibilidades são infinitas!

Sem mencionar que, se não estiver satisfeito com os resultados gerados, pode sempre pedir à IA do WPForms para melhorar a resposta até ficar satisfeito.

Leia Também: WPForms Boas Práticas: Como Criar o Formulário Perfeito para o Seu Site

2. Geolocalização para Personalização Direcionada

O Complemento de Geolocalização do WPForms é uma ferramenta incrivelmente útil para capturar e usar a localização de um visitante para personalizar campos de formulário.

Ao integrar com o Google Maps, esta funcionalidade pode detetar automaticamente a cidade, estado e país do utilizador, permitindo-lhe personalizar a experiência do formulário com base na sua localização.

Por exemplo, pode definir automaticamente um país ou estado padrão num menu suspenso, tornando mais fácil para os utilizadores preencherem formulários sem selecionar manualmente a sua localização.

Como Funciona a Geolocalização no WPForms

Para configurar a geolocalização no WPForms, precisará de instalar e configurar o Complemento de Geolocalização. Aqui está uma visão geral rápida dos passos para começar:

Primeiro, certifique-se de que tem o WPForms Pro, pois o Complemento de Geolocalização só está disponível no plano Pro. Em seguida, instale e ative o Complemento.

Depois de ativar o suplemento, pode configurar as suas definições acedendo a WPForms » Definições e selecionando o separador Geolocalização. Em seguida, siga os passos deste guia para ligar o seu formulário ao Google Places.

Personalização de Autocompletar de Endereços

Aqui está um exemplo de como o seu formulário pode aparecer aos utilizadores quando as opções de autocompletar de endereço e mapa estão ativadas para permitir que os seus utilizadores enviem os seus formulários ainda mais rapidamente!

Campo de Mapa Interativo

Para além do autocompletar de endereços, o Suplemento de Geolocalização também inclui um campo de Mapa que incorpora um mapa interativo diretamente nos seus formulários.

Isto é perfeito para experiências personalizadas onde pretende que os visitantes:

• Selecionem a sua Localização Preferida: Apresente várias localizações de lojas, filiais de escritórios ou centros de serviço num mapa com botões de rádio para seleção.
• Visualizem Áreas de Serviço: Mostre zonas de cobertura ou áreas de entrega para que os visitantes possam ver se estão dentro da sua região de serviço antes de enviar.
• Escolham Locais de Eventos: Para formulários de registo de eventos, deixe que os participantes vejam todas as localizações dos locais e escolham o mais próximo deles.
• Personalizem Marcadores: Utilize ícones e cores personalizados para corresponder à sua marca ou diferenciar entre tipos de localização (lojas vs. armazéns, por exemplo).

O campo de Mapa suporta integração com Google Maps e Mapbox, e pode ativar funcionalidades como "Encontrar Localização Próxima" para usar a geolocalização do navegador do visitante para o ajudar a identificar a opção mais próxima.

Este nível de personalização baseada na localização torna os formulários mais intuitivos e ajuda a garantir que os envios são encaminhados para a equipa ou localização correta desde o início.

3. Pré-preencher Campos de Formulário Usando Parâmetros de URL ou Strings de Consulta

Preencher previamente campos de formulário com o WPForms usando parâmetros de URL ou strings de consulta é uma ótima maneira de melhorar a experiência do utilizador, especialmente para visitantes recorrentes. Permite-lhe passar dados diretamente para os seus formulários, poupando aos utilizadores o tempo de reintroduzir informações.

Utilizar Strings de Consulta para Preencher Automaticamente um Campo de Texto

As strings de consulta são pequenas informações adicionadas a um URL, muitas vezes após um ponto de interrogação (?). São usadas para passar dados de uma página para outra.

No WPForms, as strings de consulta podem preencher automaticamente campos de formulário quando um utilizador visita uma página com esse URL específico.

Esta é uma ótima maneira de personalizar formulários para utilizadores que estão a regressar ao seu site ou que clicaram num link especial de um e-mail ou anúncio.

Por exemplo, se quiser que o campo para o nome do utilizador seja preenchido previamente, pode criar um URL que se pareça com isto:

https://yourwebsite.com/form-page/?name=John

Neste caso, "name" é o campo do formulário e "John" é o valor que aparece automaticamente nesse campo quando o utilizador visita a página.

Veja este guia para aprender como usar strings de consulta para preencher automaticamente um campo de texto.

Configurar Formulários Preenchidos Previamente no WPForms

Outra forma de configurar campos de formulário preenchidos previamente é fazer com que o seu visitante preencha primeiro um formulário básico e, em seguida, passe essa informação para um segundo formulário quando clicar no botão Enviar.

Para fazer isto, necessitará de definir o Tipo de Confirmação para Ir para URL (Redirecionamento) e configurar os campos para serem preenchidos através de uma string de consulta.

Por exemplo, adicionaria um URL como este ao URL de Redirecionamento para permitir o preenchimento dinâmico de campos:

• ?wpf: Isto marca o início da string de consulta para a função de pré-preenchimento do WPForms.
• ID do Formulário: Indica para qual formulário os dados irão (neste caso, o ID do Formulário seria 20).
• ID do Campo: Identifica qual campo no formulário está a ser alvo (aqui, o ID do Campo é 1).
• Identificador de Subcampo (Opcional): Isto é usado se estiver a direcionar uma parte específica de um campo de várias partes, como a cidade num campo de Endereço (por exemplo, rotulado como “subfield”).
• =: O sinal de igual indica ao sistema onde começa o valor do campo.
• Valor: Estes são os dados que pretende pré-preencher no campo. Quaisquer espaços no valor precisam de ser substituídos por %20 para funcionar corretamente no URL.

Leia Também:Ideias Criativas de WPForms para Expandir o Seu Negócio

4. Usar Lógica Condicional para Formulários Dinâmicos

A lógica condicional no WPForms é uma funcionalidade poderosa que lhe permite controlar quais os campos que os seus utilizadores veem com base nas suas entradas anteriores.

Por exemplo, se estiver a recolher feedback, pode fazer perguntas de seguimento mais detalhadas se o utilizador indicar insatisfação.

Outro exemplo é adaptar formulários para diferentes tipos de clientes — se um utilizador selecionar “Empresa” em vez de “Individual”, pode ajustar dinamicamente o formulário para mostrar campos relevantes para inquéritos relacionados com negócios.

Configurar Lógica Condicional

Uma das formas mais práticas de usar a lógica condicional no WPForms é fazer com que os campos apareçam ou desapareçam com base no que os utilizadores selecionam.

Para fazer isto, primeiro abra o construtor de formulários e clique no campo que gostaria de controlar. Isto irá abrir o painel de Opções do Campo, onde encontrará o separador Lógica Inteligente.

Ao clicar neste separador, pode ativar a lógica condicional para esse campo. Pode aplicar lógica condicional a secções inteiras do seu formulário, não apenas a campos individuais.

Uma vez ativada, a lógica condicional permite-lhe mostrar ou ocultar campos dependendo de como os utilizadores interagem com o seu formulário. Pode até configurar regras avançadas para automatizar ações com base nas suas entradas.

Por exemplo, pode permitir que os utilizadores escolham o seu método de pagamento preferido, personalizar notificações ou encaminhar leads automaticamente com base nas respostas.

5. Formulários de Vários Passos para uma Experiência de Utilizador Única

Ao dividir um formulário em vários passos, cria uma experiência mais amigável, permitindo que as pessoas se concentrem numa secção de cada vez.

Isto é especialmente útil para formulários que requerem informações detalhadas ou que têm uma variedade de perguntas. Os utilizadores sentem-se menos sobrecarregados quando lhes são apresentadas partes pequenas e geríveis.

Configurar Formulários de Vários Passos no WPForms

Para criar um formulário de vários passos no WPForms, começará por construir o seu formulário como habitual dentro do construtor de formulários. Em vez de sobrecarregar os utilizadores com demasiados campos de uma vez, pode dividir o formulário em secções ou “passos”.

Isto é feito utilizando o campo Quebra de Página. Basta arrastar e largar o campo onde pretende dividir o seu formulário em diferentes partes.

Depois de adicionar a Quebra de Página, pode personalizar cada passo com um título ou descrição únicos, ajudando os utilizadores a compreender onde se encontram no processo.

Também pode configurar a barra de progresso, que guia os utilizadores através de cada secção do formulário, tornando a experiência mais suave e menos intimidante.

6. Estilizar o seu Formulário com o Editor de Blocos

Se quiser dar aos seus formulários um aspeto personalizado, o WPForms integra-se perfeitamente com o editor de blocos do WordPress. Isto permite-lhe estilizar os seus formulários sem escrever qualquer código personalizado.

Ao dividir secções com títulos claros, ajustar espaçamento e adicionar fontes ou botões personalizados, torna o formulário mais intuitivo e agradável de preencher.

Personalizar Formulários Utilizando o Editor de Blocos

Comece por incorporar o seu formulário diretamente no editor de blocos, onde pode facilmente pré-visualizar e editar o layout. Ao utilizar o bloco WPForms dentro do editor, terá controlo total sobre como o seu formulário é apresentado na página.

As definições do bloco WPForms permitem-lhe alterar o tema de cores, os campos do formulário, os rótulos, os botões, bem como os estilos do contentor e do fundo.

Vai apreciar particularmente os Temas de Formulário pré-construídos que lhe permitem aplicar um estilo consistente em todos os seus formulários com apenas alguns cliques.

Estes temas são especialmente úteis se procura manter um aspeto coeso sem gastar muito tempo a estilizar manualmente cada elemento.

FAQs — Como Personalizar Formulários WordPress Com WPForms

A personalização de formulários WordPress é um tópico de interesse popular entre os nossos leitores. Aqui estão respostas a algumas perguntas comuns sobre o assunto:

Como criar formulários personalizados no WordPress?

Para criar um formulário personalizado no WordPress, pode usar o plugin WPForms. Após instalar o plugin, vá a WPForms » Adicionar Novo. A partir daí, escolha um modelo ou comece do zero.

Personalize o seu formulário arrastando e largando campos no lugar, depois configure as definições. Finalmente, incorpore o formulário em qualquer página usando o shortcode ou o editor de blocos.

Como altero o design de um formulário no WordPress?

Pode facilmente alterar o design dos seus formulários criados com WPForms utilizando os Temas de Formulário. Navegue até ao editor de blocos após incorporar o seu formulário e selecione um tema que corresponda ao estilo do seu website. Também pode usar o bloco WPForms para ajustar cores, fontes e layouts.

Como crio uma Smart Tag personalizada no WPForms?

Criar uma Smart Tag personalizada no WPForms requer um pouco de código. Precisará de se ligar ao WPForms usando wpforms_smart_tag_process e escrever uma função que defina o comportamento da tag.

Uma vez configurada, pode usar a Smart Tag personalizada nos seus campos de formulário ou notificações para inserir dinamicamente informações do utilizador. Consulte este guia para mais informações sobre criar Smart Tags personalizadas.

É possível personalizar o WPForms?

Sim, o WPForms é altamente personalizável. Pode usar Lógica Condicional para personalizar a experiência do utilizador, Temas de Formulário para ajustar o design e vários addons para personalizar a experiência do formulário.

O WPForms também oferece funcionalidades avançadas como formulários pré-preenchidos, geolocalização e Smart Tags para personalização adicional.

Em seguida, Explore Estas Funcionalidades Ocultas do WPForms

O WPForms está repleto de ferramentas e opções que não são imediatamente óbvias, mas que podem melhorar significativamente o seu fluxo de trabalho e os formulários que cria.  Consulte este guia para saber mais sobre funcionalidades que podem ter passado despercebidas ou este guia para algumas dicas adicionais do WordPress.

Crie o seu formulário WordPress agora

Pronto para construir o seu formulário? Comece hoje com o plugin construtor de formulários WordPress mais fácil. O WPForms Pro inclui muitos modelos gratuitos e oferece uma garantia de devolução do dinheiro em 14 dias.

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