Conteúdo

Como criar qualquer formulário da Web no Calculoid - estudos de caso de calculadoras da Web #7

Com o Calculoid, você pode recriar qualquer formulário de conversão que vê na web. Neste estudo de caso, você aprenderá como copiar um formulário de conversão na Web no Calculoid. Maneira rápida e simples.

Quase 30% dos tickets de suporte recebidos têm a mesma pergunta: "Encontrei uma forma / calculadora legal, é possível criar a mesma com o Calculoid? Se sim, como?".

Preparamos para você um how-to flow multiuso. 

Esta é uma das nossas formas que queríamos recriar no Calculoid:

Modelo de Calculadora de Loja Online - Calculoid.com

 

A maioria dos formulários de conversão na Web consiste em:

1. entradas - campos que permitem ou forçam (se necessário) usuários a inserir dados ou escolher entre as variáveis ​​apresentadas. A entrada pode ser uma área de texto simples, controle deslizante, caixa de rádio, caixas de seleção e lista suspensa. 

  • Exemplo do formulário: Todos os campos que você vê no formulário são entradas.

2. Resultados - campos que apresentam os resultados ou realizam ações como envio de e-mails, geração de cotações e valores finais. 

  • Exemplo do formulário: Como resultado, você recebe uma mensagem de sucesso e os dados são enviados para outro aplicativo. Da mesma maneira, você pode gerar leads.

Modelo de Calculadora de Loja Online - Calculoid.com

3. Fórmulas e condições - regras que processam os dados inseridos para apresentar os resultados.

  • Exemplo do formulário: Não há fórmulas ou condições especiais neste formulário. Apenas os campos obrigatórios.

4. Design - depois de ter toda a lógica do formulário, você deseja que ela pareça agradável e apresentável.

Como fluir:

1. Dê uma olhada no formulário e analise-o. Aqui estão algumas perguntas, que devem ajudá-lo nesta parte:

  •    O que devo inserir / escolher no formulário? - Estas são entradas.
  •    O que eu recebo como resultado? - Estes são os resultados.
  •    Como obter esses resultados com base nas informações inseridas? - Estas são fórmulas e condições.
  •    Como é o formulário? Existe alguma marca? Quais são as cores? Existem elementos interativos? - Desenhar.

2. Adicione todos os campos com as entradas e os resultados na sua calculadora.

3. Defina esses campos. Adicione nomes, valores padrão, ext.

4.Defina todas as fórmulas e condições necessárias.

5. Ajuste os tamanhos dos campos e coloque-os na ordem correta usando os recursos de arrastar e soltar.

6. Modele sua calculadora com as configurações de design.

7. Verifique se o formulário está pronto. Você pode perder pequenos recursos adicionais nas primeiras etapas. Verifique se você precisa de redirecionamentos, campos ocultos, links ou sinais / imagens de marca.

8. Faça sua calculadora terminar para gerar os dois códigos incorporados: HTML e iFrame.

9. Incorpore seu formulário / calculadora a uma página de teste. Verifique todas as funções necessárias. Em seguida, verifique se o formulário combina com o design da sua web.

10. Incorpore a versão final na página desejada.

Modelo de Calculadora de Loja Online - Calculoid.com

Como você pode ver, o formulário final tem um layout ligeiramente diferente. Ao copiar um formulário da Web, nem sempre é uma boa ideia mantê-lo exatamente da mesma forma. Você pode tornar o formulário melhor e mais apresentável alterando algumas cores ou layout geral.

 

Informações adicionais

Comece agora

Crie sua própria calculadora da Web em questão de minutos.
Teste todos os recursos na avaliação gratuita do dia 30. 

Registre-se grátis

Nenhum cartão de crédito ou instalação necessária