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

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:

 

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. Mensuráveis - 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.

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.

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.