Comment modifier le calcul du prix total avec WPForms

Comment modifier le calcul du prix total avec WPForms

Voulez-vous utiliser les calculs de WPForms pour refléter le montant total d'une commande en fonction des produits sélectionnés par l'utilisateur ?

Lorsque vous gérez une boutique en ligne, vous souhaitez peut-être que le client puisse sélectionner différents produits et voir instantanément le prix total de sa commande.

Dans cet article, nous allons vous montrer comment ajouter des options de produit qui modifient le prix calculé pour un produit avec WPForms.

Calculer le prix total avec WPForms maintenant ! :)w

Comment modifier le calcul du prix total avec WPForms

Calculer le prix total avec WPForms est très facile. Tout ce que vous avez à faire est de suivre les étapes suivantes :

Étape 1 : Installer et activer WPForms

WPForms est le meilleur plugin de construction de formulaires qui vous permet de créer n'importe quel formulaire, y compris un simple formulaire de contact et un formulaire d'inscription à la newsletter. Il propose également plus de 2 000 modèles de formulaires qui peuvent être utilisés pour créer des formulaires de commande avec des champs totaux personnalisables.

Comme nous allons utiliser l'addon Calculs pour ce guide, vous devez vous abonner à WPForms Pro, qui vous donne également accès aux intégrations premium, aux addons, et à une tonne de fonctionnalités utiles comme la logique conditionnelle, les rapports de formulaire, etc.

La page de tarification de WPForms.

Après avoir acheté la licence Pro, installez et activez le plugin WPForms sur votre site. Pour commencer, lisez comment installer un plugin WordPress.

Passez à WPForms Pro dès maintenant ! 🙂 .

Étape 2 : Obtenir le module complémentaire de calcul

L'installation de l'extension Calculs est très simple sur votre site WordPress. Depuis votre tableau de bord WordPress, naviguez vers WPForms " Addons.

Écran des modules complémentaires de WPForms

Dans le champ Recherche de modules complémentaires, tapez Calculs. Cliquez ensuite sur le bouton Installer le module complémentaire, puis sur le bouton Activer.

Activer le module complémentaire de calcul

Bon travail ! Ensuite, connectez WPForms avec Stripe, de sorte que lorsque vous créez votre formulaire de commande, vous serez également prêt à recevoir des paiements.

Étape 3 : Sélection d'un modèle de formulaire de commande

Il est maintenant temps de créer votre formulaire de commande. Depuis votre tableau de bord WordPress, sélectionnez WPForms, puis cliquez sur le bouton Ajouter un nouveau.

ajouter un nouveau formulaire

Vous accédez alors à l'écran suivant. Ici, vous devrez donner un nom à votre formulaire, puis choisir un modèle.

WPForms propose plus de 2 000 modèles de formulaires WordPress, y compris des formulaires de commande/facturation. Utilisez la boîte de recherche pour le trouver, puis cliquez sur le bouton Utiliser le modèle.

Sélectionner le formulaire de facturation

Ensuite, nous allons modifier le modèle pour inclure différents champs d'options de produits et des calculs pour modifier le champ Prix total.

Étape 4 : Personnalisation du formulaire et ajout d'options de produit

Par défaut, le modèle de formulaire de facturation/commande comporte un champ Nom, un champ Articles multiples et un champ Total qui fonctionne comme un calculateur de prix WordPress pour une commande.

Pour cet exemple, nous avons pris le champ par défaut Multiple Items et l'avons personnalisé pour ajouter quelques types de chemises.

bon de commande avec plusieurs articles

Lorsque vous cliquez sur le champ Éléments multiples, vous pouvez modifier ses options, comme nous l'avons fait ici. Voici quelques-unes des options les plus utiles :

  • Étiquette : Utilisez ce champ pour spécifier le contenu des options ci-dessous.
  • Articles : Il s'agit des choix multiples et de leurs valeurs de prix.
  • Afficher le prix après les étiquettes des articles : Cochez cette option si vous souhaitez afficher le prix individuel de chaque produit.

Désormais, lorsqu'un utilisateur sélectionne un type de chemise dans ce formulaire, le calcul du champ Montant total change automatiquement en fonction du prix de l'article sélectionné.

Montant total

Vous pouvez également donner à vos utilisateurs la possibilité de choisir simultanément plusieurs options de produits.

Par exemple, si un utilisateur souhaite commander un T-shirt et un sweat-shirt, vous pouvez lui permettre de passer une commande pour les deux articles à l'aide du même formulaire.

Pour ce faire, vous pouvez utiliser le champ Éléments à cocher dans le menu Champs de paiement et ajouter vos options de produit.

Choisir le champ des produits

Désormais, si un utilisateur sélectionne plusieurs produits, le champ Montant total affichera automatiquement le montant cumulé des articles sélectionnés.

Montant total de plusieurs produits

Il s'agit d'un moyen très pratique de permettre à vos clients d'acheter différents produits et d'obtenir le prix total de leur commande à partir du même formulaire.

Étape 5 : Utiliser les calculs pour les totaux avancés

Les options de personnalisation de WPForms peuvent rendre les choses encore plus intéressantes en vous permettant de modifier le calcul du prix total.

Par exemple, vous pouvez insérer un champ de quantité ou ajouter une déduction fiscale standard. Vous trouverez ci-dessous des instructions sur la manière de procéder dans les deux cas :

Ajout d'un champ de quantité

Pour créer un champ de quantité dans votre formulaire, glissez-déposez un champ Dropdown dans l'aperçu du formulaire à droite.

WPForms select dropdown field

Ensuite, ouvrez les options du champ, changez l'étiquette en "Quantité", insérez les quantités disponibles dans les choix et marquez le champ comme étant obligatoire.

Ajouter un champ de quantité avec une liste déroulante

Ensuite, sélectionnez le champ Single Item et ajoutez-le à votre formulaire par glisser-déposer ou en cliquant simplement dessus.

Faites glisser le champ de paiement de l'article unique

Ensuite, changez l'étiquette du champ Article unique en quelque chose comme "Prix total", puis naviguez jusqu'à l'onglet Avancé et activez l'option Activer les calculs.

Activer l'option de calcul

Une fois que la boîte de formule s'ouvre, vous pouvez relier le champ Multiple Items au champ Quantité Dropdown à l'aide d'une simple formule de multiplication.

$FX * $FX_amount

  • $FX: Valeur du champ avec l'ID #X (#1).
  • $FX_amount: La valeur du montant du champ de paiement avec l'ID #X.

Ouvrez le champ Multiple Items and et notez l'identifiant du champ, situé juste en dessous de l'onglet General dans les options du champ.

Champ d'identification des éléments multiples

Ensuite, faites de même pour le champ déroulant que nous avons appelé "Quantité". Ce champ est essentiel pour l'étape suivante.

Identifiant du champ de la liste déroulante

Nous allons maintenant combiner les identifiants et les ajouter à notre formule simple (prix du produit multiplié par la quantité). $FX * $FX_amount deviendra donc $F9 * $F14_amount

Il ne vous reste plus qu'à saisir le $F9 * $F14_amount  dans la case Formule de l'écran Article unique champ "Prix total" et cliquez sur Valider la formule.

Option de validation de la formule

Désormais, chaque fois que l'utilisateur sélectionnera un produit et ajoutera une quantité, le prix total sera automatiquement calculé.

Quantité de produits et prix total

Ajout d'une déduction fiscale standard

Si vous souhaitez ajouter des taxes à l'équation, vous les calculerez généralement sur la base du sous-total (prix du produit multiplié par la quantité).

Comme vous l'avez constaté dans la rubrique précédente, la formule du sous-total (prix du produit multiplié par la quantité) pour notre cas d'utilisation est la suivante :

$F9 * $F14_amount

Supposons que la taxe s'élève à 10 % du sous-total. Par conséquent, la formule pour ajouter une taxe standard serait la suivante :

0.10 * ($F9 * $F14_amount)

Pour obtenir le total général, y compris la taxe, il faut additionner le sous-total et la taxe, ce qui donne ceci :

($F9 * $F14_amount) + (0.10 * ($F9 * $F14_amount))

Vous pouvez ajouter cette formule partout où vous affichez le total final. Par exemple, nous appliquerons la formule au champ " Article unique" que nous avons nommé "Prix total + taxe".

Quantité et formule fiscale

Conseil de pro :

N'oubliez pas que lorsque vous ajoutez une formule, vous devez insérer le bon ID de champ pour que les calculs fonctionnent correctement.

Étape 6 : Publier votre formulaire de commande

Une des meilleures choses à propos de WPForms est que vous pouvez intégrer votre formulaire directement dans une nouvelle page sans toucher à une seule ligne de code.

Une fois que vous avez personnalisé votre formulaire de commande pour y inclure différentes options de produits et le calcul automatique du montant, cliquez sur le bouton Enregistrer.

Sauvegarder les WPForms

Cliquez maintenant sur le bouton Intégrer situé à côté de Sauvegarder. Une boîte de dialogue s'affiche alors avec des options permettant d'intégrer le formulaire dans une page existante ou d'en créer une nouvelle.

Intégrer dans une nouvelle page

Ensuite, vous serez invité à donner un nom à votre page. Lorsque vous avez terminé, cliquez sur " Let's Go".

Intégrer le formulaire de commande de chemise

Maintenant, WPForms vous emmène dans votre éditeur WordPress avec votre formulaire déjà intégré dans la nouvelle page.

Cliquez sur Publier pour mettre en ligne votre formulaire de commande avec les calculs WPForms. Votre formulaire est maintenant intégré dans une nouvelle page et prêt à être utilisé sur le frontend !

Publier un bon de commande

Pour plus de détails sur la personnalisation de votre formulaire de commande, ses notifications, ses confirmations, etc., consultez ce tutoriel sur la création d'un formulaire de commande.

Plus de questions sur WPForms Calculs

Les formulaires de calcul sont un sujet d'intérêt populaire parmi nos lecteurs. Voici quelques réponses rapides aux questions les plus fréquentes :

WordPress peut-il faire des calculs ?

Ne serait-ce pas super pratique si votre formulaire pouvait calculer automatiquement le prix total en fonction des choix de l'utilisateur ?

Bien que WordPress ne puisse pas effectuer de calculs sur les formulaires, vous pouvez utiliser un plugin comme WPForms Pro. Vous pouvez personnaliser la façon dont vous vendez vos produits afin d'optimiser votre boutique de commerce électronique.

Par exemple, si vous vendez des t-shirts imprimés et que vous souhaitez que l'utilisateur puisse sélectionner différents types de t-shirts, chacun avec un prix différent.

Vous pouvez le faire facilement en utilisant des champs de paiement avec des éléments multiples ou des cases à cocher, ainsi que le champ du montant total.

Comment faire des calculs dans WordPress ?

Dans WordPress, la manière la plus simple d'effectuer des calculs est d'utiliser un plugin.

WPForms, l'un des principaux plugins de formulaires, propose un module complémentaire de calcul qui vous permet d'effectuer des calculs directement dans vos formulaires.

Il vous suffit de concevoir votre formulaire, de configurer les calculs et c'est parti !

Comment utilisez-vous le formulaire des champs calculés ?

Avec WPForms et son module complémentaire Calculations, l'utilisation de champs calculés est simple.

Après avoir créé votre formulaire, vous pouvez sélectionner les champs à utiliser dans les calculs et ajouter les formules souhaitées, et WPForms s'occupe du reste automatiquement.

Par exemple, vous pouvez créer une calculatrice qui calcule le nombre de jours entre deux dates.

Comment ajouter des formules mathématiques dans WordPress ?

Pour ajouter des formules mathématiques dans WordPress, WPForms est un excellent choix. Avec son module complémentaire Calculations, vous pouvez saisir sans effort n'importe quelle formule mathématique dont vous avez besoin.

Que vous créiez une calculatrice en ligne personnalisée ou toute autre fonctionnalité basée sur des calculs, WPForms vous soutient.

Comment exporter un formulaire à champs calculés ?

Dans WPForms, vous pouvez facilement exporter tous les champs, y compris ceux qui contiennent des calculs.

Il suffit d'aller dans WPForms " Tools et de cliquer sur l'onglet Export. De là, sélectionnez un formulaire et cochez les champs dans le menu Export Entries.

Comment créer un calculateur de coûts dans WordPress ?

Créer un calculateur de coût dans WordPress est très facile avec WPForms.

Avec le module complémentaire Calculs, vous pouvez concevoir votre formulaire de calcul des coûts, effectuer les calculs nécessaires et présenter aux utilisateurs un coût généré dynamiquement en fonction de leurs données.

Le plus beau : si vous ne souhaitez pas utiliser le formulaire comme source de génération de leads, vous pouvez le personnaliser pour qu'il agisse comme un calculateur autonome. 

Vous pouvez facilement supprimer le bouton de soumission afin qu'il ne soit pas nécessaire de cliquer sur un bouton pour calculer le coût.

Ensuite, améliorez vos ventes de produits numériques

Si vous avez aimé cet article, vous voudrez peut-être aussi lire comment vendre des produits numériques sur votre site pour obtenir un revenu passif supplémentaire.

Nous avons également créé un guide pour la création d'un formulaire avec un champ répétiteur. Vous y trouverez d'excellents conseils pour rationaliser la collecte de données.

Créez votre formulaire WordPress maintenant

Prêt à créer votre formulaire ? Commencez dès aujourd'hui avec le plugin de construction de formulaire WordPress le plus facile à utiliser. WPForms Pro inclut de nombreux modèles gratuits et offre une garantie de remboursement de 14 jours.

Si cet article vous a aidé, n'hésitez pas à nous suivre sur Facebook et Twitter pour d'autres tutoriels et guides gratuits sur WordPress.

Divulgation: Notre contenu est soutenu par les lecteurs. Cela signifie que si vous cliquez sur certains de nos liens, il se peut que nous recevions une commission. Voyez comment WPForms est financé, pourquoi c'est important, et comment vous pouvez nous soutenir.

Hamza Shahid

Hamza est rédacteur au sein de l'équipe WPForms et se spécialise également dans les sujets liés au marketing numérique, à la cybersécurité, aux plugins WordPress et aux systèmes ERP.En savoir plus

Le meilleur plugin WordPress de construction de formulaires par glisser-déposer

Facile, rapide et sécurisé. Rejoignez plus de 6 millions de propriétaires de sites web qui font confiance à WPForms.

Veuillez activer JavaScript dans votre navigateur pour remplir ce formulaire.

2 comments on "Comment changer le calcul du prix total avec WPForms"

  1. Comment ajouter une formule qui calcule un % de réduction et en faire le total à payer, en laissant une ligne pour le solde. Ce dernier sera payé plus tard.

    1. Bonjour Chris !

      Pour configurer un formulaire permettant de calculer les remises et les paiements fractionnés, créez tout d'abord votre formulaire de commande standard avec le calcul du prix total. Ajoutez ensuite deux champs "article unique", l'un pour le calcul de la remise et l'autre pour le solde restant.

      Pour une remise de 20 %, vos formules seraient les suivantes :

      • Montant actualisé : $F1 * 0.20 (où $F1 est l'ID de votre champ de prix total)
      • Solde restant : $F1 - $F2 (où $F2 est l'ID de votre champ Montant escompté)

      Pour plus de détails, consultez notre guide sur la construction de formules pour apprendre à effectuer des calculs dans vos formulaires. Vous pouvez également commencer rapidement avec l'un de nos modèles de calcul.

      J'espère que cela vous aidera !

Ajouter un commentaire

Nous sommes heureux que vous ayez choisi de laisser un commentaire. N'oubliez pas que tous les commentaires sont modérés conformément à notre politique de confidentialité et que tous les liens ne sont pas suivis. N'utilisez PAS de mots-clés dans le champ du nom. Engageons une conversation personnelle et constructive.

Ce formulaire est protégé par le tourniquet de Cloudflare et la politique de confidentialité et les conditions de service de Cloudflare s'appliquent.