Como criar uma calculadora de preços para seu site

Como Criar uma Calculadora de Preços Para Seu Site

Você está se perguntando como criar uma calculadora de preços para o seu site que permite aos usuários selecionar produtos e fazer pagamentos instantaneamente?

Você ficará feliz em saber que o WPForms permite que os usuários criem formulários de pedido para uma variedade de negócios e casos de uso que calculam os preços automaticamente.

Crie Sua Calculadora de Preços Agora

Então, sem mais delongas, vamos mergulhar nas etapas que você precisa seguir para criar uma calculadora de preços para o seu site!

Como Criar uma Calculadora de Preços Para Seu Site

Criar uma calculadora de preços para o seu site usando o WPForms é incrivelmente simples. Siga as etapas abaixo para começar!

1. Instalar e Ativar o Plugin WPForms

O WPForms é uma ótima ferramenta para criar formulários como formulários de contato e formulários de pedido. Ele tem mais de 2.100+ modelos de formulários WordPress que você pode usar.

Para usar o Addon de Cálculos, você precisa adquirir o WPForms Pro. Isso lhe dá mais recursos, como formulários de pedido com campos de total personalizáveis.

A página inicial do WPForms

Para começar, compre a licença Pro. Em seguida, instale o WPForms em seu site. Se precisar de ajuda, siga estas instruções sobre como adicionar um plugin ao WordPress.

2. Conecte o WPForms ao Stripe

Depois de ter o WPForms, você precisa adicionar o Addon Stripe Pro.

Se desejar, você pode instalar o addon para outro processador de pagamento, como PayPal ou Square, mas recomendamos o Stripe para criar formulários de calculadora de preços.

Dito isso, vá para WPForms no seu menu do WordPress e clique em Addons.

adicionar novo suplemento wpforms

Procure pelo Addon Stripe Pro e instale-o em seu site. Para fazer isso, basta clicar no botão Instalar e depois no botão Ativar.

ativar suplemento stripe pro

Em seguida, vá para WPForms » Configurações e clique em Pagamentos. Aqui, você pode escolher o tipo de moeda que deseja usar.

configurações de moeda do wpforms

Em seguida, conecte seu site ao Stripe clicando no botão azul e inserindo seus detalhes do Stripe. Se você não tiver uma conta Stripe, pode criar uma agora.

conectar com stripe

Depois de se conectar ao Stripe, volte para WPForms » Configurações » Pagamentos. Você deverá ver um sinal de visto verde mostrando que você está conectado.

status da conexão stripe

Agora, você pode criar seu formulário de pedido com um recurso de calculadora de preços e receber pagamentos com Stripe instantaneamente!

3. Selecione um Modelo de Formulário de Pedido

Vamos criar seu formulário de pedido agora. Vá para WPForms no seu painel do WordPress e clique na opção Adicionar Novo.

wpforms adicionar novo

Depois disso, dê um nome ao seu formulário e escolha um modelo. Para este guia, escolheremos o Formulário de Faturamento / Pedido para agilizar a criação do formulário.

selecionar formulário de cobrança

Este modelo tem um campo Múltiplos Itens e um campo Total. Você pode alterar o formulário para adicionar diferentes tipos de produtos e calcular o preço total.

Fazendo Alterações no Campo Múltiplos Itens

Neste guia, começamos com um campo Múltiplos Itens normal e o alteramos para incluir diferentes tipos de camisetas.

Clique no campo Múltiplos Itens para alterar o que está nele. Veja o que você pode fazer para tornar o formulário mais relevante para o seu negócio:

  • Rótulo: Este é o nome para as opções.
  • Itens: Estas são as diferentes coisas que você pode escolher e seus custos.
  • Mostrar preço após os rótulos dos itens: Marque esta opção se você quiser mostrar o preço de cada item.

formulário de pedido com campo de múltiplos itens

Quando terminar, sempre que alguém escolher um produto, o preço total mudará imediatamente para corresponder ao que foi escolhido.

exibição do valor total wpforms

Você também pode criar um código de cupom, que os clientes podem usar para receber um desconto no valor total do pedido.

Escolhendo Mais de Um Produto

Talvez você queira permitir que as pessoas escolham mais de um produto. Você pode fazer isso facilmente com vários campos e opções de personalização.

Por exemplo, se alguém quiser comprar uma camiseta e um moletom, pode escolher ambos no mesmo formulário.

Vá para a seção Campos de Pagamento e use o campo Itens de Caixa de Seleção. Aqui, você pode listar todos os produtos.

wpforms escolher produtos

Agora, quando alguém escolher mais de um produto, o preço total somará todas as suas escolhas.

valor total de múltiplos produtos

Adicionando um Campo de Cartão de Crédito Stripe

A parte mais importante de um formulário de pedido é permitir que os clientes paguem facilmente online para garantir que você receba os pagamentos e possa prosseguir com o envio do pedido.

Anteriormente, adicionamos o Stripe Pro e o conectamos ao WPForms para permitir que você aceite pagamentos em seu site. Agora, é hora de adicionar o Stripe ao seu formulário.

Para configurar pagamentos Stripe em seu formulário, encontre o campo Cartão de Crédito Stripe em Campos de Pagamento e adicione-o ao seu formulário.

adicionar campo de cartão de crédito stripe

Em seguida, vá para a seção Pagamentos e veja as configurações do Stripe. Ative a opção Ativar pagamentos únicos.

habilitar pagamentos únicos stripe

Agora, seus clientes podem escolher diferentes produtos, ver o preço total e fazer seus pagamentos, tudo em um único formulário!

4. Use Fórmulas Personalizadas para Totais Avançados

Se você quiser fazer mais com os preços totais exibidos aos seus clientes no formulário de pedido, pode usar o Addon de Cálculos.

Vá para WPForms » Addons e procure pelo Addon de Cálculos. Em seguida, clique no botão Instalar Addon. Depois disso, clique no botão Ativar.

ativar o addon de cálculos

Agora, você pode criar fórmulas complexas para o seu preço total. Por exemplo, você pode adicionar um campo para quantidade ou inserir uma dedução de imposto sobre vendas.

Adicionando um Campo de Quantidade

Quer permitir que as pessoas escolham quantos produtos desejam? Adicione um campo de quantidade ao seu formulário. Basta mover um campo Dropdown para a área do formulário à direita.

selecionar campo de menu suspenso

Em seguida, vá para as Opções de Campo deste campo Dropdown. Mude o nome para “Quantidade” e insira os números que as pessoas podem escolher.

campo de quantidade com menu suspenso wpforms

Agora, adicione um campo Item Único ao seu formulário. Você pode fazer isso arrastando e soltando na visualização ou simplesmente clicando nele.

campo de item único

Mude o Rótulo deste campo de Item Único para algo como “Preço Total”. Em seguida, vá para a aba Avançado e ative Ativar Cálculo.

habilitar opção de cálculo

Na caixa Fórmula, conecte o campo Múltiplos Itens ao campo Dropdown de quantidade. Você pode fazer isso com uma fórmula de multiplicação simples.

$FX_amount * $FX

Aqui, $FX é o valor do campo com ID #X, e $FX_amount é o valor do preço do campo de pagamento com ID #X.

Abra o campo Múltiplos Itens e anote seu ID de Campo. Você o encontrará em Opções de Campo na aba Geral.

id do campo de múltiplos itens

Faça o mesmo para o campo Dropdown chamado “Quantidade”. Isso é importante para a próxima etapa, pois é onde criaremos a fórmula.

id do campo quantidade dropdown

Agora, tudo o que você precisa fazer é inserir esses IDs na fórmula (preço do produto vezes quantidade). Assim, $FX_amount * $FX se tornará $F5_amount * $F10.

Digite a fórmula $F5_amount * $F10 na caixa Fórmula do campo Item Único “Preço Total”. Em seguida, clique em Validar Fórmula para garantir que está correta.

opção de fórmula de validação

Agora, quando alguém escolher um produto e sua quantidade, o preço total será calculado automaticamente, graças à fórmula personalizada que você adicionou!

Inserindo uma Dedução de Imposto sobre Vendas

Dê uma olhada em nosso Modelo de Formulário Calculadora de Imposto sobre Vendas se você quiser que o imposto sobre vendas do seu estado ou nação seja calculado automaticamente em seus formulários de pedido.

Quando você quer calcular impostos, geralmente multiplica o subtotal (preço do item vezes o número de itens) pela taxa de imposto.

Como você aprendeu na última etapa, a fórmula para o nosso caso de uso (preço do item vezes o número de itens) é:

$F5_amount * $F10

Vamos supor que o valor do imposto sobre vendas seja calculado como 10% do subtotal. A fórmula padrão de cálculo de impostos é a seguinte:

0.10 * ($F5_amount * $F10)

O total geral, que inclui o imposto, é determinado pela adição do subtotal e do imposto. O seguinte representará a equação:

($F5_amount * $F10) + (0.10 * ($F5_amount * $F10))

Isso pode ser adicionado em qualquer lugar onde você queira mostrar o valor final. Usaremos o campo Item Único que nomeamos “Preço Total + Imposto”.

fórmula de imposto padrão

Lembre-se, ao criar uma fórmula, você precisa usar o ID de Campo correto para que a matemática funcione corretamente. Para informações adicionais e ajuda na criação de fórmulas, confira esta Folha de Dicas de Cálculos

Ótimo trabalho! Você criou com sucesso uma calculadora de preços para WordPress com WPForms, mas os benefícios não param por aí.

Com a integração de webhook do Stripe, você também pode visualizar o status de reembolso do Stripe, dados de assinatura ou histórico de transações diretamente do seu painel do WordPress.

5. Publique Seu Formulário de Faturamento / Pedido

O WPForms facilita a publicação do seu formulário e a colocação dele no ar em seu site. Após terminar de criar seu formulário, clique no botão Salvar.

salvar formulário

Em seguida, clique em Incorporar ao lado do botão Salvar. Você pode escolher publicar seu formulário em uma nova página ou em uma existente.

criar nova página

O WPForms o levará ao editor do WordPress sem que você precise fazer nada. Seu formulário já estará lá na nova página.

Para ativar seu formulário de pedido e a calculadora online com os cálculos do WPForms, tudo o que você precisa fazer é clicar no botão Publicar.

publicar formulário

Após publicar, como medida de precaução, teste o formulário incorporado para garantir que ele funcione como esperado e descartar quaisquer preocupações.

pré-visualização do formulário

Perguntas frequentes sobre como criar uma calculadora de preços para seu site

Cálculos são um tópico popular entre nossos leitores. Aqui estão as respostas para várias perguntas frequentes sobre o assunto.

Como crio uma calculadora personalizada para meu site?

Para criar uma calculadora personalizada para seu site, você pode usar o WPForms Pro com o Suplemento de Cálculos. Primeiro, instale o WPForms Pro em seu site WordPress.

Em seguida, use o construtor de arrastar e soltar para adicionar campos para entradas como quantidades e seleções de produtos para completar seu formulário de pedido.

Concluído, ative o Suplemento de Cálculos para  criar calculadoras personalizadas, como uma Calculadora de Macronutrientes para um site de saúde e fitness,

Como adicionar cálculos a um site?

Para adicionar cálculos a um site, considere usar um construtor de formulários como o WPForms Pro, que oferece um Suplemento de Cálculos.

Após instalar o WPForms, crie um novo formulário e use o recurso de Cálculos para adicionar operações matemáticas aos seus campos.

Você pode criar várias fórmulas usando aritmética básica ou expressões complexas para calcular valores dinamicamente com base na entrada do usuário, o que é ideal para formulários de pedido, formulários de reserva e muito mais.

Como crio uma fórmula de preço?

Para criar uma fórmula de preço em seu site, você pode utilizar o WPForms Pro juntamente com o Suplemento de Cálculos.

Comece configurando um formulário com campos para os itens ou serviços que você está oferecendo. Atribua preços a esses itens.

Em seguida, use o Suplemento de Cálculos para criar uma fórmula que multiplique os preços dos itens pelas quantidades e adicione quaisquer taxas ou descontos adicionais.

Em seguida, Saiba como criar uma calculadora de hipotecas personalizada

Quer criar uma calculadora de hipotecas personalizada para seu site? Ao usar uma calculadora de hipotecas online, os correspondentes bancários podem pré-qualificar candidatos mais rapidamente e reduzir a papelada. Confira este guia sobre como fazer uma calculadora de hipotecas personalizada usando um modelo do WordPress.

Crie Sua Calculadora de Preços Agora

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.

Divulgação: Nosso conteúdo é apoiado pelo leitor. Isso significa que se você clicar em alguns de nossos links, poderemos ganhar uma comissão. Veja como o WPForms é financiado, por que isso importa e como você pode nos apoiar.

Hamza Shahid

Hamza é Redator da equipe WPForms, que também se especializa em tópicos relacionados a marketing digital, segurança cibernética, plugins do WordPress e sistemas ERP. Saiba Mais

O Melhor Plugin Construtor de Formulários de Arrastar e Soltar para WordPress

Fácil, Rápido e Seguro. Junte-se a mais de 6 milhões de proprietários de sites que confiam no WPForms.

Adicionar um comentário

Ficamos felizes que você tenha escolhido deixar um comentário. Por favor, tenha em mente que todos os comentários são moderados de acordo com nossa política de privacidade, e todos os links são nofollow. NÃO use palavras-chave no campo do nome. Vamos ter uma conversa pessoal e significativa.

Este formulário é protegido pelo Cloudflare Turnstile e aplicam-se a Política de Privacidade e Termos de Serviço da Cloudflare.