Dans ce tutoriel, nous vous expliquons comment calculer à la fois le prix des produits et les frais supplémentaires (comme l’emballage et l’emballage cadeau), et afficher le prix total à la fin de votre bon de commande.
Pourquoi calculer un prix supplémentaire ?
Transparence : montrez aux utilisateurs exactement ce qu’ils paieront avant le paiement
Flexibilité : ajoutez facilement des options pour des services supplémentaires ou des améliorations
Automatisation : les prix se mettent à jour instantanément selon les sélections, sans aucun calcul manuel
💡 Conseil de pro :
Si votre formulaire est connecté à un moyen de paiement en ligne comme Stripe ou PayPal, veillez à utiliser la variable de prix par défaut pour vos calculs de prix.
Cette variable est automatiquement disponible et utilisable dans la logique dès que vous avez un champ Produit ou que vous avez activé les paramètres de paiement avec un moyen de paiement sélectionné.
Pour les formulaires sans intégration de paiement en ligne, vous pouvez utiliser des champs Variable personnalisés pour vos calculs de prix.
Voici comment configurer cela dans votre formulaire :
Étape 1 : ajoutez des champs Produit
Prenons l’exemple d’un bon de commande en ligne :
Vous pouvez ajouter des champs Produit pour permettre aux utilisateurs de sélectionner les articles qu’ils achètent. Le prix des articles sélectionnés sera automatiquement transmis à la passerelle de paiement.
Étape 2 : ajoutez des options de prix supplémentaires
Pour les prix supplémentaires, vous pouvez utiliser des champs de choix afin d’ajouter des frais comme l’emballage ou l’emballage cadeau. Il s’agit de « frais supplémentaires » qui s’ajoutent au prix de base des produits.
Par exemple, vous pouvez ajouter un champ à choix unique avec des options comme :
Emballage standard 5 €
Emballage cadeau premium 15 €
D’autres types de champs, comme les choix multiples ou les listes déroulantes, peuvent également être utilisés pour les options de prix supplémentaires.
Étape 3 : ajoutez la logique de calcul du prix total
Configurons maintenant la logique qui ajoute les frais supplémentaires au prix des produits selon les sélections de l’utilisateur.
Accédez à l’onglet Settings et, dans le menu de droite, sélectionnez Advanced Logic.
Dans notre exemple, une fois que l’utilisateur a choisi une option d’emballage, vous pouvez ajouter une condition comme :
Si la réponse est l’option 1 (Emballage standard), ajouter 5 € au prix.
Si la réponse est l’option 2 (Emballage cadeau premium), ajouter 15 € au prix.
Le prix total est ainsi calculé en ajoutant les frais supplémentaires sélectionnés au prix des produits.
📝 Informations complémentaires :
Pour en savoir plus sur le calcul du prix total dans le formulaire à l’aide des champs Produit et d’options supplémentaires comme l’emballage ou les frais de livraison, consultez l’article Comment calculer le prix dans votre bon de commande.
Comment ajouter une devise au champ Produit : découvrez comment ajouter une devise au champ Produit dans les paramètres de votre formulaire et activer les fonctionnalités de paiement.
Comment créer un nouveau moyen de paiement : connectez vos passerelles de paiement à Formaloo en créant un moyen de paiement dans les paramètres du profil et en activant les paiements dans les paramètres de votre formulaire.
Automatisez les mises à jour avec la logique « On Update »
Avec la logique « On Update », vous pouvez déclencher des actions chaque fois qu’une réponse est modifiée, et pas seulement lors de la soumission.
En savoir plus : Qu’est-ce que la logique « On Update » et comment fonctionne-t-elle 🚀
Étape 4 : utilisez la reprise des réponses pour afficher le prix total à la fin de votre formulaire
Si vous souhaitez afficher le prix total (prix du champ Produit + prix supplémentaire) à la fin de votre formulaire ou dans le message de réussite, procédez comme suit :
Ajoutez un champ Content pour reprendre le calcul du « prix total »
Pour afficher le prix total à la fin de votre formulaire ou sur vos pages de réussite, utilisez l’ID de la variable pour la reprise des réponses, comme ceci :
{{price}} OU @price
Les personnes qui soumettent le formulaire peuvent désormais voir le calcul total de leur commande à la fin du processus.
📍 Facultatif :
Si vous souhaitez calculer et afficher les frais supplémentaires séparément, créez une autre variable (par exemple, additional_cost).
Configurez la logique pour mettre à jour cette variable chaque fois que le service supplémentaire ou l’option est sélectionné.
Les utilisateurs peuvent ainsi voir clairement les deux valeurs, votre prix total principal et les frais supplémentaires distincts, sur le formulaire ou sur la page de réussite grâce à la reprise des réponses.
🧩 Modèle :
Pour une solution clé en main, vous pouvez utiliser ce modèle de bon de commande en ligne afin de calculer facilement les prix supplémentaires selon les sélections des utilisateurs. Personnalisez-le selon vos besoins pour calculer les prix totaux, emballage et emballage cadeau compris, et afficher le prix final aux personnes qui soumettent le formulaire.