Está se perguntando como criar uma calculadora de preços para o seu site que permita aos usuários selecionar produtos e fazer pagamentos instantaneamente?
Você ficará satisfeito em saber que o WPForms permite que os usuários criem formulários de pedidos para uma variedade de negócios e casos de uso que calculam automaticamente os preços.
Crie sua calculadora de preços agora
Portanto, sem mais delongas, vamos nos aprofundar 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 seu site usando o WPForms é incrivelmente simples. Siga as etapas abaixo para começar!
Neste artigo
1. Instalar e ativar o plug-in 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.000 modelos de formulários do WordPress que você pode usar.
Para usar o Complemento de cálculos, você precisa obter o WPForms Pro. Isso lhe dá mais recursos, como formulários de pedido com campos de total personalizáveis.
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 plug-in ao WordPress.
2. Conectar o WPForms ao Stripe
Depois de ter o WPForms, você precisa adicionar o Stripe Pro Addon.
Se desejar, você pode instalar o complemento para outro processador de pagamento, como o PayPal ou o Square, mas recomendamos o Stripe para criar formulários de calculadora de preços.
Dito isso, vá para WPForms no menu do WordPress e clique em Addons.
Procure o Stripe Pro Addon e instale-o em seu site. Para fazer isso, basta clicar no botão Install (Instalar ) e, em seguida, no botão Activate (Ativar ).
Em seguida, vá para WPForms " Configurações e clique em Pagamentos. Aqui, você pode escolher o tipo de moeda que deseja usar.
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.
Depois de se conectar ao Stripe, volte para WPForms " Configurações " Pagamentos. Você deverá ver uma marca de seleção verde mostrando que está conectado.
Agora, você pode criar seu formulário de pedido com um recurso de calculadora de preços e receber pagamentos com o Stripe instantaneamente!
3. Selecione um modelo de formulário de pedido
Vamos criar seu formulário de pedido agora. Vá para WPForms no painel do WordPress e clique na opção Add New (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 acelerar a criação do formulário.
Esse modelo tem um campo Vários itens e um campo Total. Você pode alterar o formulário para adicionar diferentes tipos de produtos e calcular o preço total.
Como fazer alterações no campo Vários itens
Neste guia, começamos com um campo normal de Vários itens e o alteramos para incluir diferentes tipos de camisetas.
Clique no campo Multiple Items (Vários itens ) para alterar o que está nele. Veja o que você pode fazer para tornar o formulário mais relevante para sua empresa:
- Rótulo: Esse é o nome das opções.
- Itens: Esses são os diferentes itens que você pode escolher e seus custos.
- Mostrar preço após os rótulos dos itens: Marque essa opção se quiser mostrar o preço de cada item.
Quando você terminar, sempre que alguém escolher um produto, o preço total será alterado imediatamente para corresponder ao que foi escolhido.
Você também pode criar um código de cupom, que os clientes podem usar para receber um desconto no valor total do pedido.
Escolha de 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, poderá escolher ambos no mesmo formulário.
Vá para a seção Payment Fields (Campos de pagamento) e use o campo Checkbox Items (Itens da caixa de seleção ). Aqui, você pode listar todos os produtos.
Agora, quando alguém escolhe mais de um produto, o preço total somará todas as suas escolhas.
Adição de 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 on-line 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 com o Stripe em seu formulário, localize o campo Cartão de crédito do Stripe em Campos de pagamento e adicione-o ao formulário.
Em seguida, vá para a seção Payments (Pagamentos) e veja as configurações do Stripe. Ative a opção Enable one-time payments (Ativar pagamentos únicos).
Agora, seus clientes podem escolher diferentes produtos, ver o preço total e fazer o pagamento, tudo em um único formulário!
4. Usar fórmulas personalizadas para totais avançados
Se quiser fazer mais com os preços totais que estão sendo exibidos aos clientes no formulário de pedido, você pode usar o Calculations Addon.
Vá para WPForms " Addons e procure o Addon Calculations. Em seguida, clique no botão Install Addon. Depois disso, clique no botão Activate (Ativar ).
Agora, você pode criar fórmulas complexas para seu preço total. Por exemplo, você pode adicionar um campo para quantidade ou inserir uma dedução de imposto sobre vendas.
Adição de um campo de quantidade
Deseja 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.
Em seguida, vá para as Opções de campo desse campo suspenso. Altere seu nome para "Quantity" (Quantidade) e insira os números que as pessoas podem escolher.
Agora, adicione um campo Single Item ao seu formulário. Você pode fazer isso arrastando e soltando-o na visualização ou simplesmente clicando nele.
Altere o rótulo desse campo Item único para algo como "Preço total". Em seguida, vá para a guia Advanced (Avançado ) e ative Enable Calculation (Ativar cálculo).
Na caixa Fórmula, conecte o campo Vários itens ao campo suspenso 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 Multiple Items e anote seu ID de campo. Você o encontrará em Field Options (Opções de campo ) na guia General (Geral ).
Faça o mesmo com o campo suspenso chamado "Quantity" (Quantidade). Isso é importante para a próxima etapa, pois é onde criaremos a fórmula.
Agora, tudo o que você precisa fazer é colocar 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 no Fórmula caixa do Item único Campo "Total Price" (preço total). Em seguida, clique em Validar fórmula para ter certeza de que está correto.
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!
Inserção de uma dedução de imposto sobre vendas
Dê uma olhada no nosso modelo de formulário de calculadora de imposto sobre vendas se quiser que o imposto sobre vendas do seu estado ou país seja calculado automaticamente nos formulários de pedido.
Quando você deseja calcular os impostos, geralmente multiplica o subtotal (preço do item multiplicado pelo número de itens) pela taxa de imposto.
Como você aprendeu na última etapa, a fórmula para 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 do imposto é a seguinte:
0.10 * ($F5_amount * $F10)
O total geral, que incorpora o imposto, é determinado pela soma do subtotal e do imposto. A equação será representada a seguir:
($F5_amount * $F10) + (0.10 * ($F5_amount * $F10))
Isso pode ser adicionado em qualquer lugar em que você queira mostrar o valor final. Usaremos o campo Single Item que chamamos de "Total Price + Tax".
Lembre-se de que, ao criar uma fórmula, você precisa usar o ID de campo correto para que a matemática funcione corretamente. Para obter mais informações e ajuda na criação de fórmulas, consulte esta Planilha de cálculos
Excelente trabalho! Você criou com sucesso uma calculadora de preços para WordPress com o WPForms, mas os benefícios não param por aí.
Com a integração do webhook do Stripe, você também pode visualizar o status do reembolso, os dados da assinatura ou o histórico de transações do Stripe diretamente no painel do WordPress.
5. Publique seu formulário de faturamento/pedido
O WPForms facilita a publicação do seu formulário e o coloca no ar em seu site. Quando terminar de criar o formulário, clique no botão Salvar .
Em seguida, clique em Embed (Incorporar ) ao lado do botão Save (Salvar ). Você pode optar por publicar o formulário em uma nova página ou em uma página existente.
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 sua calculadora on-line com os cálculos do WPForms, tudo o que você precisa fazer é clicar no botão Publicar.
Após a publicação, como medida de precaução, teste o formulário incorporado para garantir que ele funcione conforme o esperado e exclua quaisquer preocupações.
Perguntas frequentes sobre como criar uma calculadora de preços para seu site
Os cálculos são um tópico popular entre nossos leitores. Aqui estão as respostas para várias perguntas frequentes sobre esse assunto.
Como faço para criar uma calculadora personalizada para meu site?
Para criar uma calculadora personalizada para seu site, você pode usar o WPForms Pro com o complemento Calculations Addon. 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.
Depois disso, ative o Calculations Addon para criar calculadoras personalizadas, como uma Calculadora de macronutrientes para um site de saúde e condicionamento físico,
Como adicionar cálculos a um site?
Para adicionar cálculos a um site, considere o uso de um construtor de formulários como o WPForms Pro, que oferece um complemento de cálculos.
Depois de instalar o WPForms, crie um novo formulário e use o recurso Calculations (Cálculos) para adicionar operações matemáticas aos seus campos.
É possível 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 pedidos, formulários de reservas e muito mais.
Como você cria uma fórmula de preço?
Para criar uma fórmula de preço em seu site, você pode utilizar o WPForms Pro junto com o Calculations Addon.
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 Addon Calculations para criar uma fórmula que multiplique os preços dos itens pelas quantidades e adicione quaisquer taxas ou descontos adicionais.
A seguir, saiba como criar uma calculadora de hipoteca personalizada
Deseja criar uma calculadora de hipoteca personalizada para seu site? Ao usar uma calculadora de hipoteca on-line, os agentes de empréstimo podem fazer uma pré-triagem dos candidatos mais rapidamente e reduzir a bagunça da papelada. Confira este guia sobre como criar uma calculadora de hipoteca personalizada usando um modelo do WordPress.
Crie sua calculadora de preços agora
Pronto para criar seu formulário? Comece hoje mesmo com o plug-in de criação de formulários mais fácil do WordPress. O WPForms Pro inclui vários modelos gratuitos e oferece uma garantia de reembolso de 14 dias.
Se este artigo o ajudou, siga-nos no Facebook e no Twitter para obter mais tutoriais e guias gratuitos sobre o WordPress.
