Como Criar um Formulário com um Slider de Intervalo Numérico no WordPress

Os seletores de intervalo numérico num formulário têm um aspeto muito interessante. Isso, por si só, é um benefício importante – os visitantes provavelmente confiarão mais em si se estiver a usar formulários visualmente impressionantes que refletem profissionalismo.

Além disso, os seletores de intervalo numérico adicionam um maior nível de interatividade aos seus formulários. A interatividade cria envolvimento, e são os seus visitantes envolvidos que acabam por converter.

Então, como pode adicionar um seletor de intervalo numérico nos seus formulários WordPress?

Vou guiá-lo através da forma mais simples de conseguir isto aqui.

Crie um Formulário com Seletor de Intervalo Numérico Agora

Como Criar um Formulário com um Seletor de Intervalo Numérico

Passo 1: Instalar o WPForms

A forma mais fácil de inserir um seletor de intervalo numérico no seu formulário é usar o plugin WPForms. Embora possa usar o WPForms Lite (a versão gratuita) para criar um formulário com o seletor de intervalo numérico, usarei o WPForms Pro para este tutorial, pois isso abre imensas possibilidades adicionais para usar o campo seletor de formas interessantes.

Se não sabe como instalar o plugin, clique neste guia para obter as instruções de instalação do WPForms.

Isto levará apenas alguns minutos. Quando o WPForms estiver pronto no seu site, pode começar a criar um formulário com o seletor numérico.

Passo 2: Crie um Formulário Simples

No seu painel WordPress, navegue para WPForms » Adicionar Novo para criar um novo formulário.

Imediatamente, verá o ecrã de configuração do formulário aparecer na sua janela. Aqui, pode introduzir um nome para o seu formulário e selecionar um modelo.

Pode construir o seu formulário inteiramente do zero (começando com um modelo em branco), ou pode usar um modelo pronto a usar para tornar as coisas ainda mais rápidas para si.

Para esta publicação, usarei o modelo Formulário de Contacto Simples para demonstrar como pode trabalhar com um modelo para inserir campos adicionais como o seletor numérico.

Após selecionar o modelo, será levado para a interface do construtor de formulários onde pode prosseguir para incorporar o formulário diretamente no seu site ou personalizá-lo ainda mais.

No próximo passo, exploraremos o campo seletor de intervalo numérico e as suas configurações associadas.

Passo 3: Adicione um Seletor de Intervalo Numérico

Agora vamos adicionar um seletor de intervalo numérico ao seu formulário.

Pode simplesmente arrastar o campo Seletor Numérico do menu Campos Padrão à sua esquerda para o seu formulário à direita.

Para alterar algumas das configurações e o comportamento deste campo, clique no Seletor Numérico que acabou de adicionar. Verá as suas Opções de Campo aparecerem no painel esquerdo agora.

Estas opções permitem-lhe alterar:

• Etiqueta – Use isto para adicionar um nome que represente a quantidade controlada pelo seletor
• Descrição – Isto ajuda a fornecer contexto adicional, se necessário
• Valor – Defina os valores mínimo e máximo selecionáveis para o seletor
• Valor Padrão – Este é o valor que o campo assumiria quando o formulário fosse carregado pela primeira vez
• Incremento – Permite escolher a quantidade de incremento entre cada valor selecionável.

Por último, pode adicionar quaisquer campos adicionais ao seu formulário de slider de intervalo numérico arrastando-os do lado esquerdo para o lado direito.

Quando terminar de personalizar o seu formulário de slider de intervalo, clique em Guardar no canto superior direito.

🧮 Crie um Formulário WordPress Com um Slider Numérico

Passo 4: Configure as Notificações e Confirmações do Formulário

O WPForms envia-lhe automaticamente uma notificação sempre que o seu formulário é submetido.

Pode personalizar as notificações do formulário acedendo a Definições » Notificações.

Aqui, pode escolher os destinatários da sua notificação (que pode ser o seu e-mail de administrador, a pessoa que submete o formulário, ou qualquer outro e-mail codificado que queira inserir). Os utilizadores do WPForms Basic e superior também podem criar múltiplas notificações de formulário.

Enquanto está nisso, recomendo também que verifique as suas confirmações de formulário. A confirmação aparece imediatamente após a submissão de um formulário. Pode ser tão simples como uma mensagem, ou um redirecionamento para uma página diferente, dependendo da sua estratégia.

Pode personalizar as confirmações acedendo a Definições » Confirmações.

Pode então selecionar o tipo de confirmação (Mensagem, Mostrar Página, Redirecionar para URL) que deseja e inserir a mensagem e outros detalhes conforme necessário.

Quando terminar, prima Guardar novamente no topo do construtor de formulários. É hora de incorporar o seu formulário!

Passo 5: Adicione o Seu Formulário com Seletor de Intervalo Numérico ao Seu Site

Depois de ter criado o seu formulário, precisa de o adicionar ao seu website WordPress. O WPForms permite-lhe adicionar os seus formulários a muitos locais no seu website, incluindo os seus posts de blogue, páginas e até widgets de barra lateral.

Vamos dar uma vista de olhos à opção de colocação mais comum: incorporação em página/post.

Para começar, clique no botão Incorporar no topo do construtor de formulários.

Em seguida, verá uma janela modal a perguntar se deseja incorporar este formulário numa página nova ou numa existente. Vamos optar pela última opção e clicar em Criar Nova Página.

Dê um nome à sua página e depois prima o botão Vamos Lá.

Ir-se-á encontrar dentro do editor de blocos do WordPress agora com o formulário incorporado. Se desejar, pode estilizar o seu formulário usando o editor de blocos sem qualquer código.

Quando estiver pronto, prima o botão Publicar para colocar a sua página com o formulário incorporado online.

Verá agora o seu formulário de slider de intervalo numérico no seu website, e os visitantes podem começar a usá-lo imediatamente.

Para ver as entradas do formulário após terem sido submetidas, consulte este guia completo sobre entradas de formulário. Por exemplo, pode ver, pesquisar, filtrar, imprimir e eliminar quaisquer entradas de formulário.

E aí está! Agora sabe como criar um formulário com um slider de intervalo numérico no WordPress usando o plugin WPForms para que possa facilmente obter submissões detalhadas do seu website!

Crie um Formulário com Seletor de Intervalo Numérico Agora

Perguntas Frequentes sobre Formulários com Seletor Numérico

Aqui estão algumas perguntas que recebemos frequentemente dos nossos utilizadores interessados em usar um slider numérico nos seus formulários:

Porquê Usar um Slider de Intervalo Numérico?

A utilização de um controlo deslizante de intervalo numérico nos seus formulários WordPress oferece uma série de benefícios, como:

• Detalhes Adicionais — Obtenha informações adicionais das pessoas que preenchem o seu formulário facilmente. Como tem uma sensação tão interativa, os seus visitantes têm muito mais probabilidade de preencher um campo de controlo deslizante de intervalo numérico a pedir mais detalhes.
• Leads de Maior Qualidade — Com detalhes adicionais sobre os seus leads desde o início, os seus leads tornam-se ainda melhores, tornando um formulário com controlo deslizante de intervalo uma ótima ferramenta de geração de leads.
• Responsivo — O campo de controlo deslizante de intervalo numérico tem um ótimo aspeto em todos os dispositivos. Pode manter o seu site e tema responsivo do WordPress com um ótimo aspeto adicionando este campo.
• Fácil de Usar — Assim que o controlo deslizante numérico for adicionado ao seu formulário, os seus leads e clientes podem usá-lo facilmente. Tudo o que têm de fazer é simplesmente arrastá-lo para trás e para a frente para ajustar o valor.

Posso definir um valor inicial padrão para o controlo deslizante?

Sim, pode definir facilmente um valor inicial padrão para o seu formulário com controlo deslizante. No WPForms, esta configuração é acessível a partir das Opções de Campo do campo Controlo Deslizante Numérico e está rotulada como Valor Padrão.  Pode digitar qualquer valor numérico aqui para definir o padrão.

Esta configuração pode variar se estiver a usar um construtor de formulários diferente.

Posso fazer com que o controlo deslizante salte para incrementos específicos?

Absolutamente! O Controlo Deslizante Numérico do WPForms permite definir um valor de incremento. Isto determina os "passos" de incremento entre um valor e o próximo.

Como exibo o valor atualmente selecionado ao lado do controlo deslizante?

O Campo Numérico no WPForms está automaticamente configurado para exibir o valor selecionado atual. Isto atualiza dinamicamente à medida que o seu visitante ajusta o controlo deslizante, fornecendo feedback visual instantâneo para uma experiência de utilizador ideal.

Como personalizo a aparência do meu controlo deslizante?

A cor do controlo deslizante, barra de progresso, marcadores de campo de rádio e vários outros elementos no WPForms estão todos ligados à cor do botão de envio. Isto é para garantir a consistência temática entre o seu botão de envio e outros elementos interativos do seu formulário.

Portanto, pode alterar a cor do seu controlo deslizante numérico alterando a cor do botão de Envio a partir das opções de estilo fáceis do WPForms disponíveis no editor de blocos do WordPress.

Também pode editar o rótulo do seu controlo deslizante e a largura do campo ao editar o seu formulário usando o construtor de formulários.

Quais são as melhores aplicações para controlos deslizantes de intervalo numérico em formulários web?

O controlo deslizante de intervalo numérico é perfeito para usar quando deseja que os visitantes possam selecionar uma quantidade de um intervalo predefinido.

Alguns exemplos práticos onde vimos os nossos clientes a empregar controlos deslizantes de intervalo numérico incluem:

• Orçamentos/Estimativas: Um controlo deslizante de intervalo numérico funciona muito bem quando as suas funcionalidades de cálculo são usadas para oferecer um orçamento em tempo real. Como é ajustável, é relativamente fácil para os visitantes verem como o orçamento muda à medida que selecionam os seus requisitos num controlo deslizante.
• Seleção de Orçamento: Os empreiteiros utilizam frequentemente barras deslizantes para permitir que os clientes indiquem o seu orçamento dentro de um intervalo cuidadosamente escolhido de valores mínimos e máximos.
• Duração do Serviço: Se for um prestador de serviços que aceita marcações de duração variável, uma barra deslizante numérica pode ajudar os clientes a escolher a duração do seu serviço, a partir de um leque de opções pré-determinadas.
• Perguntas de Inquérito: Certas perguntas de inquérito são fáceis de responder com uma barra deslizante numérica. Por exemplo, perguntas sobre o rendimento do agregado familiar ou a idade do respondente podem ser transformadas num formato de barra deslizante.
• Avaliações de Bem-Estar: Num contexto de cuidados de saúde, os formulários com barras deslizantes são frequentemente utilizados para avaliar o nível de dor, o stress mental, a qualidade do sono e outras questões semelhantes.

Estes são apenas alguns exemplos. Pode utilizar a barra deslizante numérica numa vasta variedade de contextos.

Em seguida, explore exemplos de inquéritos NPS

Quer saber o que pensam os visitantes do seu site? Dirija-se a esta publicação com exemplos de inquéritos NPS para ver como é fácil colocar um inquérito no seu site e recolher feedback valioso.

Então, o que está à espera? Comece hoje mesmo com o mais poderoso plugin de formulários WordPress. O WPForms Pro vem com um formulário de barra deslizante de intervalo numérico gratuito e tem uma garantia de devolução do dinheiro em 14 dias.

E não se esqueça, se gostar deste artigo, siga-nos no Facebook e Twitter.