Como criar uma calculadora de cotação no WordPress (passo a passo)

como criar uma calculadora de cotações no wordpress


Deseja criar uma calculadora de cotações no WordPress?

Uma calculadora de cotação permite que seus clientes selecionem os produtos / serviços que desejam obter uma cotação ou preço instantâneo.

Neste artigo, mostraremos como criar uma calculadora de cotações no WordPress, passo a passo, sem escrever nenhum código.

Criando uma calculadora de cotação com WordPress

Com uma calculadora de cotação, 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ção, você precisará usar o plug-in Formidable Forms.

Embora existam muitos plugins diferentes que fornecem cálculos de cotação, aqui estão algumas maneiras de como o Formidable Forms se destaca deles.

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

O plug-in 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 arrastar e soltar construtor. Você também pode usar o modelo em branco para adicionar campos personalizados e configurar um formulário que desejar.

Confira nossa revisão completa de Formidable Forms para obter mais detalhes.

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

Etapa 1: Criar um formulário de cotação

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

Porém, antes de fazer isso, adicione os produtos / serviços que você deseja vender e especifique os custos. Existem várias maneiras de exibir as opções de preço em seu formulário. Você pode usar caixas de opções, caixas de seleção ou campos suspensos para adicionar os produtos.

Caixas de seleção e botões de opção

Use o construtor de formulários de arrastar e soltar para adicionar tipos de campo 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 dos seus produtos..

Agora, verifique o Usar valores separados opção para adicionar preços ao lado de cada produto. Sinta-se à vontade para adicionar mais opções à lista, se quiser.

Use valores separados

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

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

Etapa 2: adicionar um campo somente leitura para exibir o preço total

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

No Opções avançadas seção, você encontrará uma Valor padrão opção. Você precisa clicar no ícone da calculadora e depois clicar no ícone do menu.

Opções avançadas

Ele exibirá o Calcular valor padrão opções Nesta seção, você precisa adicionar casas decimais. O valor sugerido é ‘2’ para calcular o preço.

Valor padrão

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

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

Cálculo do preço total

Sempre que o usuário altera produtos ou categorias, ele atualiza automaticamente o preço na calculadora de cotações.

Etapa 3: adicione métodos de pagamento no formulário da calculadora de cotação

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 plug-in Formidable Forms vem com vários complementos para adicionar opções de pagamento, incluindo Stripe, Authorize.net, PayPal, etc..

Você pode selecionar uma forma de pagamento. A maioria desses métodos usa cartões de crédito como uma opção para cobrar os pagamentos on-line.

Cartão de crédito

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

Etapa 4: publicar e exibir a calculadora de cotações no WordPress

Agora, o formulário da sua 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 de Gutenberg, você pode adicionar um novo bloco e escolher Formulários. Em seguida, você pode selecionar o formulário da calculadora de cotações.

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

Isso é tudo.

Esperamos que este artigo tenha ajudado você a aprender como criar um formulário de calculadora de cotação no WordPress. Você também pode consultar o nosso guia sobre como enviar um formulário sem atualização de página no WordPress.

Jeffrey Wilson Administrator
Sorry! The Author has not filled his profile.
follow me
    Like this post? Please share to your friends:
    Adblock
    detector
    map