Resumo de IA
Querendo saber como remover o botão de envio de formulários de cálculo para uma melhor experiência do usuário?
Ao remover o botão de envio de formulários de cálculo criados pelo WPForms, você pode fornecer cálculos instantâneos aos seus visitantes.
Neste guia, você aprenderá os passos simples para modificar seus formulários para cálculos perfeitos e em tempo real, sem a 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 você precisa fazer é seguir estes passos simples abaixo:
Neste Artigo
Os Pré-requisitos
Antes de prosseguirmos com os passos para desativar o botão de envio, vamos garantir que completamos alguns passos importantes.
Se você já completou estes passos, sinta-se à vontade para pular para a seção sobre remover o botão de envio.
1. Ter uma Licença WPForms Pro
WPForms é um construtor de formulários e plugin de calculadora respeitável que permite aos usuários criar uma ampla variedade de formulários, incluindo uma calculadora de dias entre datas.
É importante que você tenha a versão mais recente do WPForms instalada, juntamente com acesso à licença Pro.
A versão Pro oferece acesso a integrações premium, addons e muitos recursos valiosos como lógica condicional, relatórios de envio de formulários, etc.
2. Usar o Addon de Cálculos
Para criar calculadoras personalizadas no WordPress, você provavelmente já sabe que precisa ter o WPForms Calculations Addon instalado.
Você pode usar este addon para inserir operadores lógicos e declarações if-then para criar orçamentos personalizados ou construir calculadoras inteligentes.
Ele permite até que você utilize 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, você precisa ter um formulário pronto. Se precisar construir um, o WPForms oferece mais de 2.100 modelos pré-desenhados que tornam a criação de formulários uma brisa.
Estes incluem modelos de formulários de cálculo projetados profissionalmente que podem ser personalizados para se adequar a uma variedade de casos de uso e setores, como:
- Modelo de Formulário de Calculadora de Hipoteca — perfeito para agências imobiliárias, pois permite que potenciais compradores calculem a hipoteca e seus pagamentos mensais sem esforço.
- Modelo de Formulário de Calculadora de Frete — ajuda sites de comércio eletrônico a economizar tempo e esforço, fornecendo uma calculadora de frete simples para os clientes.
- Modelo de Formulário Calculadora de IMC — ideal para sites dedicados à boa forma física ou saúde que ajudam os usuários a avaliar seu estado de saúde atual.
- Modelo de Formulário Calculadora de ROI — ajuda empresas e profissionais de marketing a avaliar com eficiência a lucratividade de suas campanhas ou projetos.
O melhor de tudo: você pode usar o complemento de cálculos para criar calculadoras personalizadas sem nenhum conhecimento de HTML, javascript ou codificação complexa.
Removendo o Botão de Envio
Uma vez que esses pré-requisitos sejam atendidos, você estará pronto para modificar seu formulário para remover o botão de envio para uma melhor experiência do usuário.
1. Vá para a Biblioteca de Snippets do WPForms
No seu painel do WordPress, vá para WPForms » Ferramentas. Em seguida, navegue até a guia Snippets de Código.
Isso exibirá uma mensagem pop-up dizendo: “Por favor, instale o WPCode para usar a Biblioteca de Snippets do WPForms.”
2. Instale e Ative o WPCode
Tudo o que você precisa fazer agora é clicar no botão Instalar + Ativar WPCode. O plugin será instalado em alguns segundos.
Assim que o plugin WPCode for instalado, você poderá acessar a lista completa de snippets do WPForms.
3. Use o Snippet Ocultar Botão de Envio
Agora, procure o snippet para ocultar o botão de envio digitando seu nome no campo Pesquisar Snippets. Em seguida, clique no botão Instalar Snippet.
Aqui está o snippet de código que vamos importar:
Isso o redirecionará para a página de visualização do snippet WPCode, onde você poderá ver o código integrado automaticamente.
Agora, tudo o que você precisa fazer é ativar o código do snippet. Para fazer isso, mova o controle deslizante de Inativo para Ativo.
O próximo passo para ativar o snippet de código em todo o site é clicar no botão Atualizar, ao lado da opção de controle deslizante Ativo.
Seguindo esta abordagem, você só precisará adicionar o snippet uma vez através da biblioteca de snippets do WPForms.
Em seguida, para cada formulário em que o usuário deseja usar este snippet, ele precisará adicionar o nome da Classe CSS do Botão de Envio dentro do construtor.
4. Adicione a Classe CSS do Botão de Envio
Agora, tudo o que resta a fazer é adicionar a classe CSS no construtor do formulário da calculadora da qual você deseja remover o botão de envio.
Para fazer isso, abra seu formulário de calculadora e navegue até a guia Geral, depois role para baixo até a guia 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.
Agora você pode visualizar seu formulário para ver que o botão de envio da sua calculadora foi removido com sucesso!
Mais Perguntas sobre Formulários Calculadoras
Formulários de calculadora são um tópico popular entre nossos leitores. Aqui estão as respostas para algumas perguntas frequentes sobre eles.
Para desativar o botão de envio em um formulário, especialmente se você estiver usando o WPForms Pro, você pode aplicar CSS personalizado. Vá para WPForms » Ferramentas. Em seguida, navegue até a guia Snippets de Código e acesse a biblioteca de Snippets do WPForms, que contém uma solução para desativar o botão de envio em um formulário.
Sim, um formulário pode funcionar sem um botão de envio. Isso é comum em formulários que enviam automaticamente ou usam métodos alternativos para captura de dados. Com o WPForms Pro, você 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 engajamento, incentivando os visitantes a permanecerem e terem seus problemas respondidos. Confira este guia sobre como fazer uma calculadora personalizada no WordPress para as necessidades exclusivas do seu site.
Crie uma Calculadora Online Personalizada
Pronto para construir seu formulário? Comece hoje mesmo com o plugin construtor de formulários WordPress mais fácil. WPForms Pro inclui muitos modelos gratuitos e oferece uma garantia de devolução do dinheiro em 14 dias.
Se este artigo ajudou você, 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 em um dos campos de texto usados em um Formulário Calculadora.
Olá Dean,
Você está certo — 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 em um campo de texto.
Se você quiser desativar a tecla Enter também, recomendamos usar o trecho de código fornecido em nossa documentação para desenvolvedores aqui: Como Impedir que a Tecla Enter Envie o Formulário.
Espero que ajude!