Comment créer un formulaire Web dans Calculoid - Études de cas de calculatrices Web #7

Près de 30% des tickets d’assistance entrants ont la même question: "J'ai trouvé un formulaire / une calculatrice sympa, est-il possible de créer le même avec Calculoid? Si oui, comment?".

Nous avons préparé pour vous un guide pratique polyvalent. 

Voici l'une de nos formes que nous voulions recréer dans Calculoid:

 

La plupart des formulaires de conversion sur le Web consistent en:

1. Contributions - les champs qui permettent ou obligent (le cas échéant) les utilisateurs à saisir des données ou à choisir parmi les variables présentées. L'entrée peut être une simple zone de texte, un curseur, une case d'option, des cases à cocher, une liste déroulante. 

• Exemple tiré du formulaire: Tous les champs que vous voyez dans le formulaire sont des entrées.

2. Résultats - des champs qui présentent les résultats ou effectuent des actions telles que l’envoi d’e-mails, la génération de devis, l’affichage des valeurs finales. 

• Exemple tiré du formulaire: Par conséquent, vous recevez un message de réussite et les données sont envoyées à une autre application. De la même manière, vous pouvez générer des leads.

3. Formules et conditions - règles qui traitent les données saisies afin de vous présenter les résultats.

• Exemple du formulaire: Il n'y a pas de formules ou de conditions spéciales dans ce formulaire. Seuls les champs obligatoires.

4. Conception - Une fois que vous avez toute la logique dans le formulaire, vous voulez qu'il soit beau et présentable.

Comment couler:

1. Jetez un œil au formulaire et analysez-le. Voici quelques questions qui devraient vous aider dans cette partie:

•    Que dois-je entrer / choisir dans le formulaire? - Ce sont des entrées.
•    Qu'est-ce que je reçois comme résultat? - Ce sont les résultats.
•    Comment obtenir ces résultats en fonction des informations que j'ai entrées? - Ce sont des formules et des conditions.
•    A quoi ressemble le formulaire? Y a-t-il une marque? Quelles sont les couleurs? Y a-t-il des éléments interactifs? - Conception.

2. Ajoutez tous les champs avec les entrées et les résultats dans votre calculatrice.

3. Définissez ces champs. Ajouter des noms, des valeurs par défaut, ext.

4.Set toutes les formules et conditions nécessaires.

5. Ajustez la taille des champs et placez-les dans le bon ordre en utilisant les fonctions de glisser-déposer.

6. Style de votre calculatrice avec les paramètres de conception.

7. Vérifiez si le formulaire est prêt. Vous risquez de manquer de petites fonctionnalités supplémentaires lors des premières étapes. Vérifiez si vous avez besoin de redirections, de champs cachés, de liens ou de signes / images de marque.

8. Créez votre calculatrice pour générer les deux codes intégrés: HTML et iFrame.

9. Intégrez votre formulaire / calculatrice sur une page de test. Vérifiez toutes les fonctions nécessaires. Vérifiez ensuite si le formulaire correspond à la conception de votre site Web.

10. Intégrez la version finale sur la page souhaitée.

Comme vous pouvez le constater, la forme finale a une présentation légèrement différente. Lorsque vous modifiez un formulaire à partir d’Internet, il n’est pas toujours judicieux de le conserver exactement de la même manière. Vous pouvez améliorer la forme et la rendre plus présentable en modifiant quelques couleurs ou la disposition générale.