Como criar uma calculadora de preços para o seu sítio Web

Como criar uma calculadora de preços para o seu sítio Web

Procura uma solução fácil para criar uma calculadora de preços para o seu sítio Web e começar a vender artigos em linha?

Para o ajudar a gerir as suas necessidades de comércio eletrónico, só precisa de um formulário de encomenda que seja de fácil utilização e que calcule automaticamente os preços.

Neste artigo, vamos guiá-lo através do processo de criação de um formulário de encomenda simples com uma calculadora de preços automatizada para o seu sítio Web.

Porquê utilizar uma calculadora de preços para WordPress?

Continua a utilizar formulários de encomenda simples que não têm calculadoras de preços nem portais de pagamento para os visitantes do seu sítio Web?

Caso contrário, está a perder uma vantagem fundamental no mercado digital atual. Vamos falar sobre as razões para isso:

  • Estimativas em tempo real: Com uma calculadora de preços automatizada nas páginas de destino, os potenciais clientes obtêm orçamentos instantâneos, melhorando a sua experiência de compra.
  • Checkout melhorado: A integração de opções de pagamento ajuda a otimizar o checkout, aumentando a probabilidade de conclusão das vendas.
  • Apelo profissional: Os clientes modernos esperam ferramentas sofisticadas. A oferta de preços dinâmicos mostra que a sua empresa está centrada no cliente.
  • Reduz o abandono do carrinho: Uma estrutura de preços transparente com métodos de pagamento fáceis ajuda a reduzir os casos de abandono do carrinho.
  • Poupa tempo: Os cálculos automatizados reduzem as intervenções manuais, permitindo que as empresas se concentrem nas operações principais e no serviço ao cliente.

Dito isso, vamos agora mergulhar nas instruções passo a passo sobre como criar um formulário de pedido com resultados de cálculo de preço automatizados usando WPForms!

Como criar uma calculadora de preços para o seu sítio Web

Calcular o preço total com uma calculadora web utilizando WPForms é extremamente simples. Tudo o que tem de fazer é seguir estes simples passos abaixo:

Passo 1: Instalar e ativar o WPForms Pro

Se está à procura de um plugin de criação de formulários que lhe permita criar formulários de contacto ou formulários de encomenda de todos os tipos, então não procure mais do que o WPForms.

Suporta vários gateways de pagamento, tem mais de 2.000 modelos de formulários WordPress e muitos addons premium para aumentar a funcionalidade do seu sítio Web.

a página inicial do wpforms

Para os fins deste tutorial, usaremos a versão WPForms Pro para criar uma calculadora personalizada e um formulário de pedido da maneira mais rápida possível.

Quando estiver pronto para prosseguir, obtenha a assinatura do WPForms Pro e instale o plugin no seu site WordPress.

Passo 2: Ligar o WPForms ao Stripe

Depois de instalar o WPForms, terá de obter o addon Stripe Pro. No menu de administração do WordPress, selecione WPForms " Addons.

Ecrã da extensão WPForms

De seguida, para encontrar o Stripe Pro Addon, basta introduzir o seu nome no campo Search Addons. Depois disso, clique em Install Addon.

Instalar o suplemento Stripe Pro

Para configurar as definições de pagamento do Stripe, terá agora de navegar para WPForms " Definições e, em seguida, clicar no separador Pagamentos.

Definições de pagamento do WPForms

Para alterar a moeda utilizada no seu sítio, selecione a moeda pretendida no menu pendente antes de continuar.

Selecionar a moeda

Quando estiver pronto para ligar os pagamentos Stripe à sua plataforma, basta deslocar-se para baixo e clicar no botão azul Ligar ao Stripe .

Ligar-se à Stripe

Ser-lhe-á agora pedido que introduza as suas credenciais Stripe para ligar o WPForms à sua conta Stripe. Não tem uma conta? Crie uma agora!

Ligação por faixas

Depois de concluir o processo do Stripe Connect, navegue até WPForms " Configurações " Pagamentos. Você deve ver uma marca de seleção verde ao lado de Status da conexão.

Estado da ligação Stripe

Excelente trabalho! Agora está tudo pronto para criar o seu formulário de encomenda e integrá-lo com o Stripe para começar a aceitar pagamentos num instante.

Passo 3: Selecionar um modelo de formulário de encomenda

Chegou o momento de criar o seu formulário de encomenda. Clique no botão Adicionar novo depois de selecionar WPForms no seu painel de controlo do WordPress.

WPForms adicionar novo

Isto leva-o ao ecrã seguinte. Para começar, forneça um nome para o seu formulário e selecione um modelo.

Quando encontrar um modelo adequado, clique no botão Utilizar modelo. Para este tutorial, seleccionaremos o Formulário de faturação/encomenda.

Seleção do formulário de ordem de faturação

O modelo inclui um campo " Vários itens " e um campo "Total" que podem ser utilizados para calcular o custo de uma encomenda no WordPress.

Pode modificar o modelo para incluir diferentes campos de opções de produtos e incorporar cálculos para atualizar o campo Preço total.

Personalizando o campo Vários itens

Para este tutorial, começámos com o campo padrão Vários itens e modificámo-lo para incluir alguns tipos diferentes de t-shirts.

Personalizar o campo Vários itens

Quando clica no campo Itens múltiplos, pode modificar as suas opções, tal como fizemos neste exemplo. Aqui estão algumas opções úteis:

  • Etiqueta: É aqui que pode dizer a que se referem as opções abaixo.
  • Artigos: Estas são as diferentes opções e o seu custo.
  • Mostrar o preço após as etiquetas dos itens: Se pretender mostrar o preço final de cada item separadamente, selecione esta caixa.

Agora, quando um utilizador escolhe um produto neste formulário, o cálculo do campo Montante total muda imediatamente para corresponder ao preço desse item.

WPForms Visualização do montante total

Apoio à seleção múltipla de produtos

Digamos que, em vez de dar aos utilizadores a opção de selecionar apenas um produto, quer que eles seleccionem vários produtos. Isso também pode ser possível!

Por exemplo, se um utilizador quiser comprar uma t-shirt e uma sweatshirt, pode oferecer-lhe a opção de encomendar ambos os artigos através de um único formulário.

Para o fazer, navegue até ao menu Campos de pagamento e utilize o campo Itens da caixa de verificação. Neste campo, pode incluir as suas opções de produtos.

WPForms escolher produtos

Agora, se um utilizador selecionar vários produtos, o campo Montante total apresentará automaticamente o montante combinado dos itens selecionados.

Montante total de vários produtos

Adicionar um campo de cartão de crédito Stripe

O mais importante num formulário de encomenda é proporcionar aos clientes uma forma eficiente e fácil de efetuar pagamentos em linha.

Anteriormente, activámos o addon Stripe Pro e ligámos o Stripe ao WPForms para começar a aceitar pagamentos.

Para ativar os pagamentos no formulário de encomenda, nos Campos de pagamento, selecione o campo Cartão de crédito Stripe.

Campo Cartão de crédito Stripe

Depois disso, vá para o separador Pagamentos e abra as definições do Stripe. Em seguida, active a opção Ativar pagamentos únicos.

Ativar os pagamentos únicos do Stripe

Agora está tudo pronto para permitir que os seus clientes comprem diferentes produtos, obtenham o preço total das suas encomendas e efectuem pagamentos através de um único formulário!

Passo 4: Utilizar cálculos para totais avançados (opcional)

O Calculations Addon da WPForms pode tornar as coisas ainda mais interessantes, permitindo-lhe alterar os cálculos do preço total.

É muito fácil adicionar o Addon de Cálculos ao seu site WordPress. No seu painel de controlo do WordPress, aceda a WPForms " Addons.

Ecrã da extensão WPForms

Introduza "Calculations" no campo Procurar complementos. Em seguida, clique no botão Instalar addon. Depois disso, clique no botão Ativar.

Ativar a extensão Cálculos

Com o Addon Cálculos instalado e ativado, pode agora criar fórmulas mais interactivas e complexas para alterar o preço total no seu formulário.

Por exemplo, pode adicionar um campo para a quantidade ou inserir uma dedução fiscal padrão, consoante o tipo de calculadora de que necessita.

Adicionar um campo de quantidade

Para adicionar um campo de quantidade ao seu formulário, basta arrastar e largar um campo pendente na pré-visualização do formulário localizada no lado direito.

Campo suspenso de seleção do WPForms

Agora, navegue até às Opções de campo do campo pendente que acabou de adicionar e modifique o Rótulo para "Quantidade".

Em seguida, introduza as quantidades disponíveis na secção Escolhas e certifique-se de que o campo está marcado como Obrigatório.

Campo de quantidade da lista pendente do WPForms

Depois disso, selecione o campo Item único e adicione-o ao seu formulário, arrastando-o e largando-o ou clicando nele.

Campo de item único do WPForms

Agora, pode alterar o Rótulo da caixa Item único para algo como "Preço total". Depois disso, vá para o separador Avançadas e active a opção Ativar cálculos.

WPForms Ativar opção de cálculo

Na caixa Fórmula, pode facilmente ligar o campo Vários itens ao campo pendente de quantidade utilizando uma simples multiplicação.

$FX_amount * $FX

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

Agora, abra o campo Itens múltiplos e anote o ID do campo. Esta pode ser encontrada nas Opções de campo, logo abaixo do separador Geral.

ID do campo de múltiplos itens do WPForms

De seguida, repita o mesmo processo para o campo pendente denominado "Quantidade". Este passo é crucial para a próxima parte.

wpforms dropdown quantidade campo id

Agora, vamos combinar os IDs e adicioná-los à nossa fórmula (preço do produto vezes quantidade). $FX_amount * $FX passa a ser $F5_amount * $F10

Está agora pronto para introduzir o cálculo $F5_amount * $F10 na caixa Fórmula do Item único Campo "Preço total". Uma vez concluído, clique em Validar fórmula.

Opção Validar fórmula

Agora, sempre que um utilizador escolher um produto e adicionar uma quantidade, o Preço Total será automaticamente calculado.

wpforms produto preço vezes quantidade

Adicionar uma dedução fiscal padrão

Ao considerar os impostos, normalmente calcula-os multiplicando o subtotal (preço do produto multiplicado pela quantidade) pela taxa de imposto aplicável.

Como mencionado anteriormente, a fórmula para calcular o subtotal no nosso caso de utilização é o preço do produto multiplicado pela quantidade.

$F5_amount * $F10

Vamos supor que o montante do imposto é calculado como 10% do subtotal. A fórmula para calcular um imposto standard é a seguinte:

0.10 * ($F5_amount * $F10)

Para calcular o total geral, que inclui o imposto, é necessário somar o subtotal e o imposto. A equação será apresentada da seguinte forma:

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

Pode adicionar esta fórmula sempre que pretender apresentar o total final. Por exemplo, utilizaremos a fórmula no campo Item único que identificámos como "Preço total + imposto".

fórmula fiscal wpforms

É importante lembrar que, ao adicionar uma fórmula, é necessário inserir o ID do campo correto para que os cálculos funcionem corretamente.

Passo 5: Publique o seu formulário de faturação/encomenda

Uma das melhores caraterísticas do WPForms é a capacidade de incorporar facilmente o seu formulário numa nova página sem a necessidade de modificar qualquer código.

Depois de ter personalizado o seu formulário de encomenda para incluir várias opções de produtos e cálculo automático do montante, clique no botão Guardar.

Guardar WPForms

Para continuar, clique no botão Incorporar localizado ao lado da opção Salvar. Agora pode optar por Criar nova página ou Selecionar página existente.

WPForms criar nova página

Em seguida, ser-lhe-á pedido que forneça um nome para a sua página. Quando tiver terminado, clique no botão " Let's Go".

WPForms Lets Go

Agora, o WPForms irá levá-lo automaticamente para o editor do WordPress, onde encontrará o seu formulário já incorporado na nova página.

Para que o seu formulário de encomenda e a sua calculadora online com os cálculos do WPForms estejam disponíveis, basta clicar no botão Publicar. Já está tudo pronto!

Publicar formulário

Para garantir que não existem problemas, é importante testar o formulário incorporado após a publicação e confirmar que funciona como pretendido.

Pré-visualização do formulário

Perguntas frequentes sobre a criação de uma calculadora de preços para o seu sítio Web

Os formulários de cálculo são um tema muito popular entre os nossos leitores. Aqui estão as respostas a várias perguntas frequentes sobre o assunto para aumentar o seu conhecimento:

Como posso criar uma calculadora para o meu sítio Web?

Para criar uma calculadora de preços simples para o seu site, opte por plugins WordPress ou ferramentas online adaptadas para este fim. O WPForms Pro com o Addon de Cálculos é uma óptima opção, uma vez que facilita uma tonelada de fórmulas avançadas e também vem com uma enorme lista de modelos de cálculo pré-fabricados!

Como posso criar uma calculadora de preços no WordPress?

Criar uma calculadora de preços no WordPress é simples com as ferramentas certas. O WPForms Pro é um construtor de calculadoras e um plugin de formulários que permite gerar calculadoras de preços dinâmicas sem esforço. Basta instalar, configurar seus campos e ativar os cálculos, verificando este Folha de cálculo da fórmula de cálculo.

Como é que se cria uma fórmula de preço?

É utilizada uma fórmula de preço para uma calculadora de custos totais. Normalmente, ela leva em conta o preço base, o valor agregado, o imposto padrão e possíveis descontos ou markups. Com o WPForms Pro e o seu Calculations Addon, pode introduzir barras deslizantes de números, fórmulas personalizadas e muito mais, garantindo cálculos de preços precisos e em tempo real para os utilizadores.

A seguir, escolha o plug-in SMTP certo para melhorar a capacidade de entrega de correio eletrónico do seu sítio Web

Depois de os utilizadores comprarem um produto preenchendo o seu formulário de encomenda, também é importante enviar-lhes um e-mail de confirmação para a geração de leads. Para o fazer, é vital que escolha o plugin SMTP correto. Por isso, veja esta comparação entre o WP Mail SMTP Lite e o Pro.

Corrija seus e-mails do WordPress agora

Pronto para corrigir os seus e-mails? Comece hoje mesmo com o melhor plugin SMTP para WordPress. Se não tiver tempo para corrigir os seus e-mails, pode obter assistência completa de Configuração de Luva Branca como uma compra extra, e há uma garantia de reembolso de 14 dias para todos os planos pagos.

Se este artigo o ajudou, siga-nos no Facebook e no Twitter para obter mais dicas e tutoriais sobre o WordPress.

Divulgação: O nosso conteúdo é apoiado pelos leitores. Isso significa que se você clicar em alguns de nossos links, podemos ganhar uma comissão. Veja como o WPForms é financiado, por que isso é importante e como você pode nos apoiar.

Hamza Shahid

Hamza é um escritor do WP Mail SMTP, que também é especializado em tópicos relacionados com marketing digital, cibersegurança, plugins WordPress e sistemas ERP.Saiba mais

Experimente o nosso plugin gratuito WP Mail SMTP

Use seu provedor SMTP favorito para enviar seus e-mails do WordPress de forma confiável.

Active o JavaScript no seu browser para preencher este formulário.