Como alterar os cálculos de preço total com o WPForms

Como alterar os cálculos de preço total com o WPForms

Deseja usar os cálculos do WPForms para refletir o valor total de um pedido com base nas seleções de produtos de um usuário?

Quando você gerencia uma loja on-line, talvez queira que o cliente possa selecionar diferentes produtos e visualizar instantaneamente o preço total do pedido.

Neste artigo, mostraremos como adicionar opções de produto que alteram o preço calculado para um produto com o WPForms.

Calcule o preço total com o WPForms agora! :)w

Como alterar os cálculos de preço total com o WPForms

Calcular o preço total com o WPForms é muito fácil. Tudo o que você precisa fazer é seguir as etapas simples abaixo:

Etapa 1: Instalar e ativar o WPForms

O WPForms é o melhor plug-in de criação de formulários que permite criar qualquer formulário, inclusive um formulário de contato simples e um formulário de assinatura de boletim informativo. Ele também oferece mais de 2.000 modelos de formulários que podem ser usados para criar formulários de pedidos com campos totais personalizáveis.

Como usaremos o Complemento de cálculos para este guia, você deve assinar o WPForms Pro, que também fornece acesso a integrações premium, complementos e uma tonelada de recursos úteis, como lógica condicional, relatórios de formulários etc.

A página de preços do WPForms.

Depois de comprar a licença Pro, instale e ative o plug-in WPForms em seu site. Para começar, leia como instalar um plug-in do WordPress.

Faça o upgrade para o WPForms Pro agora! 🙂

Etapa 2: obtenha o complemento Calculations

A instalação do complemento Calculations é muito simples em seu site WordPress. No painel do WordPress, navegue até WPForms " Addons.

Tela de complementos do WPForms

No campo Buscar addons, digite Calculations. Em seguida, clique no botão Install Addon e, depois, no botão Activate.

Ativar o complemento Calculations

Ótimo trabalho! Em seguida, conecte o WPForms ao Stripe para que, ao criar seu formulário de pedido, você também esteja pronto para receber pagamentos.

Etapa 3: Selecione um modelo de formulário de pedido

Agora é hora de criar seu formulário de pedido. No painel do WordPress, selecione WPForms e clique no botão Add New (Adicionar novo ).

adicionar novo formulário

Isso o levará à próxima tela. Aqui, você terá de dar um nome ao formulário e, em seguida, escolher um modelo.

O WPForms vem com mais de 2.000 modelos de formulários do WordPress, incluindo formulários de pedido/faturamento. Use a caixa de pesquisa para encontrá-lo e, em seguida, clique no botão Usar modelo.

Selecione o formulário de faturamento

Em seguida, editaremos o modelo para incluir diferentes campos de opção de produto e incluir cálculos para modificar o campo Total Price.

Etapa 4: Personalizar o formulário e adicionar opções de produto

Por padrão, o modelo de formulário de faturamento/pedido tem um Nome, um campo Vários itens e um campo Total que funciona como uma calculadora de preços do WordPress para um pedido.

Para este exemplo, pegamos o campo padrão Multiple Items e o personalizamos para adicionar alguns tipos de camisetas.

Formulário de pedido com vários itens

Ao clicar no campo Multiple Items (Vários itens ), você pode alterar suas opções, como fizemos aqui. Aqui estão algumas das opções realmente úteis:

  • Rótulo: Use esse campo para especificar do que se tratam as opções abaixo.
  • Itens: Essas são as opções múltiplas e seus valores de preço.
  • Mostrar preço após as etiquetas dos itens: Marque essa opção se você quiser mostrar o preço individual de cada produto.

Agora, quando um usuário seleciona um tipo de camisa nesse formulário, o cálculo do campo Valor total muda automaticamente, dependendo do preço do item selecionado.

Valor total

Talvez você também queira dar aos usuários a opção de escolher várias opções de produtos simultaneamente.

Por exemplo, se um usuário quiser pedir uma camiseta e um moletom, você pode permitir que ele faça o pedido de ambos os itens usando o mesmo formulário.

Para isso, você pode usar o campo Checkbox Items (Itens de caixa de seleção ) no menu Payment Fields (Campos de pagamento ) e adicionar suas opções de produto.

Campo Selecionar produtos

Agora, se um usuário selecionar vários produtos, o campo Valor total exibirá automaticamente o valor acumulado dos itens selecionados.

Quantidade total de vários produtos

Essa é uma maneira muito conveniente de permitir que seus clientes comprem produtos diferentes e obtenham o preço total do pedido no mesmo formulário.

Etapa 5: Usar cálculos para totais avançados

As opções de personalização do WPForms podem tornar as coisas ainda mais interessantes, permitindo que você altere os cálculos de preço total.

Por exemplo, você pode inserir um campo de quantidade ou adicionar uma dedução fiscal padrão. Fornecemos instruções sobre como fazer isso abaixo:

Adição de um campo de quantidade

Para criar um campo de quantidade em seu formulário, arraste e solte um campo suspenso na visualização do formulário à direita.

Campo suspenso de seleção do WPForms

Em seguida, abra as opções de campo, altere o rótulo para "Quantity" (Quantidade), insira as quantidades disponíveis em Choices (Opções) e marque o campo como Required (Obrigatório).

Adicionar campo de quantidade com menu suspenso

Depois disso, selecione o campo Single Item e adicione-o ao formulário arrastando e soltando ou simplesmente clicando nele.

Arraste o campo de pagamento Item único

Em seguida, altere o campo Single Item Label (Rótulo do item único) para algo como "Total Price" (Preço total) e, em seguida, navegue até a guia Advanced (Avançado) e ative Enable Calculations (Ativar cálculos).

Ativar opção de cálculo

Quando a caixa Fórmula for aberta, você poderá conectar o campo Vários itens ao campo suspenso de quantidade com uma fórmula de multiplicação simples.

$FX * $FX_amount

  • $FX: Valor do campo com ID #X (#1).
  • $FX_amount: O valor do montante do campo de pagamento com ID #X.

Abra o campo Multiple Items and e anote o ID do campo, localizado logo abaixo da guia General (Geral ) em suas Field Options (Opções de campo).

ID do campo de vários itens

Depois disso, faça o mesmo com o campo suspenso que rotulamos como "Quantity" (Quantidade). Isso é fundamental para a próxima etapa.

ID do campo suspenso

Agora, combinaremos os IDs e os adicionaremos à nossa fórmula simples (preço do produto vezes quantidade). $FX * $FX_amount portanto, se tornará $F9 * $F14_amount

Tudo o que você precisa fazer agora é inserir o $F9 * $F14_amount  na caixa Fórmula do Item único Campo "Total Price" e clique em Validar fórmula.

Opção Validar fórmula

Agora, sempre que o usuário selecionar um produto e adicionar uma quantidade, ele calculará automaticamente o preço total.

Quantidade do produto e preço total

Adição de uma dedução fiscal padrão

Se quiser adicionar impostos à equação, você normalmente os calculará com base no subtotal (preço do produto multiplicado pela quantidade).

Como você descobriu no título anterior, a fórmula para o subtotal (preço do produto vezes quantidade) para nosso caso de uso é:

$F9 * $F14_amount

Vamos supor que o imposto seja 10% do subtotal. Portanto, a fórmula para adicionar um imposto padrão seria:

0.10 * ($F9 * $F14_amount)

Para obter o total geral, incluindo o imposto, você deve somar o subtotal e o imposto, que terá a seguinte aparência:

($F9 * $F14_amount) + (0.10 * ($F9 * $F14_amount))

Você pode adicionar isso onde quer que exiba o total final. Por exemplo, aplicaremos a fórmula ao campo Single Item que chamamos de "Total Price + Tax".

Quantidade e fórmula de imposto

Dica profissional:

Lembre-se de que, ao adicionar qualquer fórmula, você precisa inserir o ID de campo correto para que os cálculos funcionem com precisão.

Etapa 6: Publique seu formulário de pedido

Um dos melhores aspectos do WPForms é que você pode incorporar seu formulário diretamente em uma nova página sem tocar em uma única linha de código.

Depois de personalizar o formulário de pedido para incluir diferentes opções de produtos e cálculo automático do valor, pressione o botão Save (Salvar ).

Salvar WPForms

Agora, clique no botão Incorporar ao lado de Salvar. Agora você verá uma caixa de diálogo com opções para incorporar o formulário em uma página existente ou criar uma nova página.

Incorporar em uma nova página

Depois disso, você será solicitado a dar um nome à sua página. Quando terminar, clique em Let's Go (Vamos lá).

Incorporar formulário de pedido de camiseta

Agora, o WPForms o levará ao editor do WordPress com o formulário já incorporado na nova página.

Clique em Publicar para colocar seu formulário de pedido com os cálculos do WPForms em funcionamento. Seu formulário agora está incorporado em uma nova página e pronto para ser usado no frontend!

Publicar formulário de pedido

Para obter mais detalhes sobre como personalizar seu formulário de pedido, suas notificações, confirmações e muito mais, consulte este tutorial sobre como criar um formulário de pedido.

Mais perguntas sobre WPForms Calculations

Os formulários de cálculo são um tópico de interesse popular entre nossos leitores. Aqui estão algumas respostas rápidas para algumas das perguntas mais comuns:

O WordPress pode fazer cálculos?

Não seria muito conveniente se o seu formulário pudesse calcular automaticamente o preço total com base nas seleções do usuário?

Embora o próprio WordPress não possa executar cálculos em formulários, você pode usar um plug-in como o WPForms Pro. Você pode personalizar a maneira de vender seus produtos para otimizar sua loja de comércio eletrônico.

Por exemplo, digamos que você esteja vendendo camisetas estampadas e queira que o usuário possa selecionar diferentes tipos de camisetas, cada uma com uma etiqueta de preço diferente.

Você pode fazer isso facilmente usando campos de pagamento com vários itens ou itens de caixa de seleção junto com o campo Valor total.

Como fazer cálculos no WordPress?

No WordPress, a maneira mais fácil de realizar cálculos é usar um plug-in.

O WPForms, um dos principais plug-ins de formulário, oferece um complemento de cálculos que permite fazer as contas diretamente nos formulários.

Basta criar seu formulário, configurar os cálculos e pronto!

Como você usa o formulário de campos calculados?

Com o WPForms e seu Calculations Addon, o uso de campos calculados é simples.

Depois de criar o formulário, você pode selecionar os campos a serem usados nos cálculos e adicionar as fórmulas desejadas, e o WPForms cuida do resto automaticamente.

Por exemplo, você pode criar uma calculadora que calcula os dias entre duas datas.

Como faço para adicionar fórmulas matemáticas no WordPress?

Para adicionar fórmulas matemáticas no WordPress, o WPForms é uma ótima opção. Com o Calculations Addon, você pode inserir sem esforço qualquer fórmula matemática de que precisar.

Se você estiver criando uma calculadora on-line personalizada ou qualquer outro recurso baseado em cálculo, o WPForms o ajudará.

Como faço para exportar um formulário de campo calculado?

No WPForms, você pode exportar facilmente todos os campos, inclusive aqueles com cálculos.

Basta acessar WPForms " Ferramentas e clicar na guia Exportar. A partir daí, selecione um formulário e verifique os campos no menu Exportar entradas.

Como faço para criar uma calculadora de custos no WordPress?

Criar uma calculadora de custos no WordPress é muito fácil com o WPForms.

Com o Calculations Addon, você pode criar o formulário da calculadora de custos, configurar os cálculos necessários e apresentar aos usuários um custo gerado dinamicamente com base em suas informações.

A melhor parte de tudo: se não quiser usar o formulário como fonte de geração de leads, você pode personalizá-lo para funcionar como uma calculadora autônoma. 

Você pode remover o botão de envio facilmente para que não seja necessário clicar em nenhum botão para calcular o custo.

Em seguida, melhore suas vendas de produtos digitais

Se você gostou deste artigo, talvez queira ler também como vender produtos digitais em seu site para obter uma renda passiva extra.

Além disso, criamos um guia para a criação de um formulário com um campo repetidor. Dê uma olhada nele para obter ótimas dicas sobre como simplificar a coleta de dados.

Crie seu formulário WordPress 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.

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

Hamza Shahid

Hamza é redator da equipe do WPForms e também é especializado em tópicos relacionados a marketing digital, segurança cibernética, plug-ins do WordPress e sistemas ERP.Saiba mais

O melhor plug-in de criação 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.

Ative o JavaScript em seu navegador para preencher este formulário.

2 comentários sobre "Como alterar os cálculos de preço total com WPForms"

  1. Como faço para adicionar uma fórmula que calcule uma porcentagem de desconto e torne esse valor o total a ser pago, deixando uma linha para o saldo. Que será pago posteriormente.

    1. Oi, Chris!

      Para configurar um formulário para calcular descontos e dividir pagamentos, primeiro, crie seu formulário de pedido padrão com o cálculo do preço total. Em seguida, adicione dois campos Single Item - um para o cálculo do desconto e outro para o saldo restante.

      Para um desconto de 20%, suas fórmulas seriam as seguintes:

      • Valor descontado: $F1 * 0.20 (onde $F1 é o ID de seu campo de preço total)
      • Saldo remanescente: $F1 - $F2 (onde $F2 é o ID de seu campo Valor com desconto)

      Para obter mais detalhes, consulte nosso guia sobre a criação de fórmulas para saber como realizar cálculos em seus formulários. Você também pode começar rapidamente com um de nossos modelos de cálculo.

      Espero que isso ajude!

Adicionar um comentário

Ficamos felizes por você ter optado por deixar um comentário. Lembre-se de 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 os Termos de Serviço da Cloudflare.