Resumo de IA
Percebe como remover o bot ildeo de envio de formul ildearios de c ildealculo para uma melhor experi ildeancia de utilizador?
Ao remover o bot ildeo de envio de formul ildearios de c ildealculo criados pelo WPForms, pode fornecer c ildealculos instant ildeaneos aos seus visitantes.
Neste guia, irá aprender os passos simples para modificar os seus formulários para cálculos perfeitos e em tempo real, sem necessidade de uma ação de envio de formulário.
Como Remover o Botão de Envio de Formulários de Cálculo
Remover o botão de envio de formulários de cálculo com o WPForms é incrivelmente fácil. Tudo o que precisa de fazer é seguir estes passos simples abaixo:
Os Pré-requisitos
Antes de prosseguirmos com os passos para desativar o botão de envio, vamos garantir que completámos alguns passos importantes.
Se já completou estes passos, sinta-se à vontade para avançar para a secção sobre remover o botão de envio.
1. Ter uma Licença WPForms Pro
WPForms é um plugin reputado de criação de formulários e calculadoras que permite aos utilizadores criar uma vasta gama de formulários, incluindo uma calculadora de dias entre datas.
É importante que tenha a versão mais recente do WPForms instalada, juntamente com acesso à licença Pro.
A versão Pro dá-lhe acesso a integrações premium, addons e muitas funcionalidades valiosas como lógica condicional, relatórios de envio de formulários, etc.
2. Utilizar o Addon de Cálculos
Para criar calculadoras personalizadas no WordPress, provavelmente já sabe que precisa de ter o Addon de Cálculos WPForms instalado.
Pode usar este addon para inserir operadores lógicos e declarações if-then para criar orçamentos personalizados ou construir calculadoras inteligentes.
Permite até utilizar funções matemáticas integradas para arredondar números, calcular intervalos de tempo, encontrar médias e muito mais.
3. Selecionar um Modelo de Formulário Calculadora
Finalmente, precisa de ter um formulário pronto. Se precisar de criar um, o WPForms oferece mais de 2.100 modelos pré-desenhados que tornam a criação de formulários uma tarefa fácil.
Estes incluem modelos de formulários de cálculo concebidos profissionalmente que podem ser personalizados para se adequarem a uma variedade de casos de uso e indústrias, tais como:
- Modelo de Formulário de Calculadora de Hipoteca — perfeito para agências imobiliárias, pois permite aos potenciais compradores calcular a hipoteca e os seus pagamentos mensais sem esforço.
- Modelo de Formulário de Calculadora de Custos de Envio — ajuda sites de comércio eletrónico a poupar tempo e esforço, fornecendo uma calculadora de envio simples para os clientes.
- Modelo de Formulário de Calculadora de IMC — ideal para sites dedicados ao fitness físico ou saúde, que auxiliam os utilizadores a avaliar o seu estado de saúde atual.
- Modelo de Formulário de Calculadora de ROI — auxilia empresas e profissionais de marketing a avaliar eficientemente a rentabilidade das suas campanhas ou projetos.
A melhor parte de tudo: pode usar o addon de cálculos para criar calculadoras personalizadas sem qualquer conhecimento de HTML, javascript ou codificação complexa.
Remover o Botão de Envio
Quando estes pré-requisitos forem cumpridos, estará pronto para modificar o seu formulário para remover o botão de envio para uma melhor experiência de utilizador.
1. Ir à Biblioteca de Snippets do WPForms
No seu painel WordPress, vá a WPForms » Ferramentas. Em seguida, navegue até ao separador Snippets de Código.
Isto exibirá uma mensagem pop-up que diz: “Por favor, instale o WPCode para usar a Biblioteca de Snippets WPForms.”
2. Instalar + Ativar WPCode
Tudo o que tem de fazer agora é clicar no botão Instalar + Ativar WPCode. O plugin será agora instalado em alguns segundos.
Uma vez instalado o plugin WPCode, poderá aceder à lista completa de snippets WPForms.
3. Utilizar o Snippet Ocultar Botão de Envio
Agora, procure o snippet para ocultar o botão de envio digitando o seu nome no campo Pesquisar Snippets. Em seguida, clique no botão Instalar Snippet.
Aqui está o snippet de código que vamos importar:
Isto irá redirecioná-lo para a página de pré-visualização do snippet WPCode, onde poderá ver o código integrado automaticamente.
Agora, tudo o que precisa de fazer é ativar o código do snippet. Para o fazer, mova o interruptor de Inativo para Ativo.
O próximo passo para ativar o snippet de código em todo o site é clicar no botão Atualizar, mesmo ao lado da opção de interrutor Ativo.
Seguindo esta abordagem, só precisará de adicionar o snippet uma vez através da biblioteca de snippets WPForms.
Em seguida, para cada formulário em que o utilizador pretenda usar este snippet, terá de adicionar o nome da Classe CSS do Botão de Envio dentro do construtor.
4. Adicionar Classe CSS ao Botão de Envio
Agora, tudo o que resta fazer é adicionar a classe CSS no construtor do formulário da calculadora do qual pretende remover o botão de envio.
Para o fazer, abra o seu formulário de calculadora e navegue até ao separador Geral, depois role para baixo até ao separador Avançado.
Depois disso, cole o CSS wpf-calc-form no campo Classe CSS do Botão de Envio para ativar o snippet de código.
Pode agora pré-visualizar o seu formulário para ver que o botão de envio da sua calculadora foi removido com sucesso!
Mais Perguntas sobre Formulários Calculadoras
Os formulários de calculadora são um tópico popular entre os nossos leitores. Aqui estão respostas a algumas perguntas frequentes sobre eles.
Para desativar o botão de envio num formulário, especialmente se estiver a usar o WPForms Pro, pode aplicar CSS personalizado. Vá a WPForms » Ferramentas. Em seguida, navegue até ao separador Snippets de Código para aceder à biblioteca de Snippets WPForms, que contém uma solução para desativar o botão de envio num formulário.
Sim, um formulário pode funcionar sem um botão de envio. Isto é comum em formulários que enviam automaticamente ou usam métodos alternativos para captura de dados. Com o WPForms Pro, pode criar tais formulários personalizando-os com CSS para ocultar o botão de envio, usando a integração WPCode para adicionar o código necessário de forma integrada.
Em seguida, Aprenda Como Criar uma Calculadora Online Personalizada
Adicionar uma calculadora ao seu site pode aumentar o envolvimento, incentivando os visitantes a permanecerem e a terem os seus problemas resolvidos. Consulte este guia sobre como criar uma calculadora personalizada em WordPress para as necessidades únicas do seu site.
Criar uma Calculadora Online Personalizada
Pronto para criar 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.
Este CSS não impede o envio do formulário quando o botão Enter é usado num dos campos de texto dentro de um Formulário de Calculadora.
Olá Dean,
Tem razão – este trecho de CSS apenas oculta o botão de envio, mas não impede que o formulário seja enviado quando a tecla Enter é pressionada num campo de texto.
Se desejar desativar também a tecla Enter, recomendamos a utilização do trecho de código fornecido na nossa documentação para programadores aqui: Como Impedir que a Tecla Enter Envie o Formulário.
Espero que ajude!