Como Criar uma Calculadora de Orçamento no WordPress (Passo a Passo)

Você quer criar uma calculadora de orçamento no WordPress?

Uma calculadora de orçamento permite que seus clientes selecionem os produtos/serviços que desejam para obter um orçamento ou preço instantâneo.

Neste tutorial, mostraremos como criar uma calculadora de orçamento no WordPress, passo a passo, sem escrever nenhum código.

Criando uma Calculadora de Orçamento com WordPress

Com uma calculadora de orçamento, seus clientes podem selecionar diferentes produtos ou serviços e aplicar filtros para verificar os preços antes de enviar seus pedidos.

Para criar uma calculadora de cotações, o plugin Formidable Forms é o melhor construtor disponível.

Existem muitos construtores de formulários para WordPress como WPForms e Gravity Forms, mas quando se trata de criar calculadoras de cotações, o Formidable Forms se destaca como o número 1.

Aqui estão algumas maneiras pelas quais o Formidable Forms se destaca dos demais:

• Crie um formulário de cotação complexo ou um formulário de pedido facilmente com muitas variáveis.
• Crie um formulário de pedido independente e mostre o preço total instantaneamente.
• Integre com WooCommerce para criar uma experiência de compra perfeita.

O plugin Formidable Forms vem com vários modelos de formulário que você pode usar para criar qualquer formulário rapidamente. Esses modelos de formulário são fáceis de personalizar graças ao construtor de arrastar e soltar. Você também pode usar o modelo em branco para adicionar campos personalizados e configurar um formulário de sua preferência.

Vamos dar uma olhada neste guia passo a passo sobre como criar corretamente uma calculadora de cotações no WordPress.

Passo 1: Crie um Formulário de Cotação

Claro, a primeira coisa que você precisa fazer é instalar o Formidable Forms em seu site. Ele oferece um modelo que você pode usar para criar seu formulário de cotação instantaneamente.

Mas antes de fazer isso, certifique-se de ter adicionado os produtos/serviços que deseja vender e especificado seus custos. Existem várias maneiras de exibir as opções de preços em seu formulário. Você pode usar caixas de seleção, caixas de seleção ou campos suspensos para adicionar os produtos.

Use o construtor de formulários de arrastar e soltar para adicionar tipos de campos para exibir suas opções.

Em seguida, você pode clicar em qualquer campo para ver as opções no lado esquerdo da tela. As opções padrão serão 'Opção 1', 'Opção 2', etc. Você pode prosseguir e substituir o texto pelos nomes de seus produtos.

Agora, marque a opção Usar Valores Separados para adicionar preços ao lado de cada produto. Sinta-se à vontade para adicionar mais opções à lista, se desejar.

Esses valores serão úteis para calcular automaticamente os preços totais dos produtos selecionados.

Você pode usar as opções avançadas para personalizar as configurações de estilo para diferentes campos.

Passo 2: Adicione um Campo Somente Leitura para Exibir o Preço Total

Em seguida, você precisa adicionar um campo de Número ao seu formulário para exibir o preço total. Este campo numérico deve ser definido como somente leitura para que os usuários não possam editar o preço total.

Na seção Opções Avançadas, você encontrará a opção Valor Padrão. Você precisa clicar no ícone da calculadora e, em seguida, clicar no ícone do menu.

Ele exibirá as opções de Calcular Valor Padrão. Nesta seção, você precisa adicionar casas decimais. O valor sugerido é '2' para calcular o preço.

Na seção Lista de Campos abaixo, você pode procurar os campos que deseja calcular no formulário. Selecione o nome ou ID dos campos para adicioná-los à lista.

Você pode ver um exemplo de como o plugin exibirá os preços totais com base na seleção de produtos do usuário.

Sempre que o usuário alterar produtos ou categorias, o preço na calculadora de cotações será atualizado automaticamente.

Etapa 3: Adicionar Métodos de Pagamento ao Seu Formulário de Calculadora de Cotações

Após calcular e exibir o preço total, você precisa adicionar o método de pagamento para que os usuários concluam a compra. O plugin Formidable Forms vem com vários add-ons para adicionar opções de pagamento, incluindo Stripe, Authorize.net, PayPal, etc.

Você pode selecionar um método de pagamento. A maioria desses métodos usa cartões de crédito como opção para coletar os pagamentos online.

Adicione o campo de cartão de crédito e personalize-o na seção Opções de Campo.

Etapa 4: Publicar e Exibir a Calculadora de Cotações no WordPress

Agora seu formulário de calculadora de cotações está pronto. Você pode publicá-lo e exibi-lo em qualquer página de produto no WordPress.

Para publicar o formulário no editor de blocos Gutenberg, você pode adicionar um novo bloco e escolher Formidable Forms. Em seguida, você pode selecionar seu formulário de calculadora de cotações.

Se você estiver usando o editor Clássico, clique no ícone do Formidable acima do editor. Ele abrirá um pop-up e você poderá selecionar o formulário da calculadora de cotações. Clique no botão Inserir para adicionar o formulário à sua página.

É tudo.

Esperamos que este artigo tenha ajudado você a aprender como criar um formulário de calculadora de orçamento no WordPress. Você também pode conferir nosso guia sobre como enviar um formulário sem atualizar a página no WordPress.