Vous gérez un commerce en ligne ? Sachez que votre transparence est gage de bonne foi et instaure la confiance entre vous et les visiteurs. Et une des bases de la transparence, c’est de montrer les prix et les frais divers aux clients. Un site Web qui affiche en live les coûts réels des services et produits proposés est tout ce qu’il y a de plus transparent sur le Web. Pour compléter, ce serait aussi vraiment bien si les clients peuvent avoir une estimation du délai de livraison, etc.

Maintenant, la question que vous vous posez peut-être est « comment faire ? ». Heureusement pour nous, utilisateurs de WordPress, nous avons des tonnes d’extensions gratuites et payantes qui peuvent nous aider à le faire. Trouvez à travers cet article, comment créer un formulaire de calcul avancé pour votre site WordPress/WooCommerce. Pour la créer le formulaire, nous allons nous servir du plugin premium Super Forms avec son Add-on Calculator.

 

À propos de Super Forms Calculator Add-on

Super Forms Calculator Add-on est comme son nom l’indique, un add-on pour le plugin prémium Super Form. Avec ce module complémentaire, vous pouvez créer des formulaires de calcul avancés basés sur la saisie de l’utilisateur. Créez de superbes formulaires de réservation et de commande ou créez des formulaires d’estimation complexes avec une interface simple glisser-déposer.

Si vous êtes nouveau ou nouvelle avec Super Forms, je vous invite à lire l’article « Super Forms – Générateur de formulaires par glisser-déposer pour WordPress ».

Les fonctionnalités et caractéristiques principales de Super Forms :

  • Glisser-déposer
  • 30+ éléments
  • Colonne/Système de grille
  • Entièrement responsive
  • Logique conditionnelle
  • 850+ icônes
  • Formulaire multitape
  • Enregistrer l’entrée de contact
  • Exporter les entrées de contact
  • Répondeur automatique par e-mail
  • Alertes e-mail de l’administrateur
  • Champs cachés
  • Alimenté par Ajax
  • Téléchargement de fichiers
  • La protection antispam
  • Sélection d’images
  • CSS personnalisé
  • Importation intersites
  • Champ TinyMCE
  • Importer des entrées
  • Saisie semi-automatique/suggérer
  • Redirection vers une URL personnalisée
  • Paramètres de redirection d’URL dynamique
  • Pièces jointes aux e-mails basées sur les fichiers téléchargés par l’utilisateur
  • Remplir la liste déroulante avec des valeurs basées sur le type de publication, la taxonomie ou un fichier CSV
  • Hook/Actions pour s’accrocher au code Super Forms et l’étendre avec vos propres fonctions
  • Paramètres SMTP
  • Plus de 50 exemples de formulaires
  • Préférences de formulaire (paramètres généraux)
  • Aperçu en direct
  • Créer des formulaires illimités
  • Plusieurs formulaires sur la même page
  • Champs obligatoires
  • De nombreux modules complémentaires disponibles

 


Lien officiel du plugin de base Super Forms : https://codecanyon.net/item/super-forms-drag-drop-form-builder/13979866

Traduction en français : https://woofrance.fr/forums/topic/traduction-francaise-de-super-forms/

Tarif : 39 $

Lien officiel de l’Add-on Super Forms Calculator : https://codecanyon.net/item/super-forms-calculator/16045945

Traduction en français de l’Add-on : https://woofrance.fr/forums/topic/super-forms-calculator-add-on-traduction-fr/

Tarif : 20 $


 

Créer un formulaire de calcul dynamique avec les données saisies par l’utilisateur

Pour créer un formulaire de calcul avec Super Forms Calculator, il faut avoir le plugin Super Form préalablement installé et après, installé l’Add-on Calculator.

 

Installation

L’installation de Super Forms ne diffère pas de tout autre processus d’installation de plugin WordPress. Procédez comme suit :

  • Téléchargez le fichier zipde l’extension sur l’ordinateur,
  • Allez dans « Extensions > Ajouter » depuis WordPress,
  • Cliquez sur le bouton « Téléverser une extension »,
  • Choisissez le fichier Zip de l’extension et cliquez sur le bouton « Installer Maintenant ».
  • Activez le plugin à la fin de l’installation.

Maintenant que vous avez Super Forms installé sur WordPress, installez l’Add-on Calculator et activez-le.

 

Créer un formulaire de calcul avancé avec Super Forms

Comme exemple, nous allons créer un formulaire de vente de stockage personnalisé à l’aide de Super Form et l’Add-on Super Form Calculator.

Pour commencer, nous allons créer ajouter les champs suivants :

  • capacite : champ de type curseur pour sélectionner la capacité du stockage
  • prixcapacite : champ de type Calculator qui calculera automatiquement le prix du stockage selon sa capacité
  • option : champ de type radio, pour proposé au client une personnalisation avec un logo ou un texte.
  • fichierlogo : un champ de type Téléchargement quand le client choisit une personnalisation avec un logo.
  • prixperso : champ de type Calculator qui calcule automatiquement le prix de la personnalisation.
  • quantite : champ de type quantité, où le client doit renseigner la quantité de stockage qu’il souhaite acheter.
  • total : champ de type Calculator pour calculer automatiquement le coût total de la commande.

prixcapacite :

prix capacite

Pour calculer le prix par capacité automatiquement, il faut ajouter la formule dans les options du champ « prixcapacite ». Par exemple, ici, nous allons vendre le 0,5 €/Go.

formule prix par capacite

option :

Ici, nous allons proposer au client deux boutons radio avec lesquels il pourra choisir le type de personnalisation entre un logo et un texte. Un logo coûtera 2,75 € contre 1,5 € pour un texte.

choix personnalisation

fichierlogo :

A l’aide d’une condition logique, nous allons faire en sorte que le champ de téléchargement de fichier logo s’affiche lorsque l’utilisateur choisi l’option de personnalisation « Logo ».

condition afficher logo down

Il est bien de rappeler que « option » est le nom du champ radio pour la personnalisation et « 2,75 » est la valeur qui correspond à la personnalisation avec un logo. D’où la condition = afficher si {option}==2,75.

 

total :

Afin de calculer automatiquement le coût total de la commande, ajoutons la formule ({prixcapacite}+{prixperso})*{quantité} à ce champ. Ce qui correspond à la somme du prix total de la capacité choisie et le coût de la personnalisation multiplié par le nombre de stockages commandé.

prix total de la commande

 

Afficher le formulaire dans WordPress

Il suffit de copier-coller le Shortcode du formulaire à l’emplacement souhaité dans WordPress.

calc form by super form

 


Dernières pensées

Super Forms est un excellent plugin de formulaire pour WordPress et WooCommerce. Et avec l’Add-on Calculator, je il devient encore plus puissant permettant de créer un formulaire avec des champs de calcul automatique. Avec ce module, vous pouvez créer facilement des formulaires d’estimation de prix, de demande de devis, etc. sans avoir à écrire une seule ligne de code.

Si vous êtes habitué avec Super Forms, vous allez pouvoir créer des formulaires très avancés avec des conditions logiques. Toutefois, pour les nouveaux, je vous invite à lire l’article avec tutoriel sur la prise en mains du plugin de base Super Forms avant d’utiliser des add-ons.