Comment ajouter un calculateur d'IMC dans WordPress (étape par étape)

Vous cherchez un moyen de rendre votre site web de santé et de bien-être plus attrayant ?

Un calculateur d'indice de masse corporelle (IMC) peut être une excellente ressource pour vos lecteurs. Il permet aux utilisateurs d'obtenir des informations précieuses, et vous pouvez même l'utiliser pour collecter des prospects ou vendre vos services de nutrition et de remise en forme.

Dans cet article, nous allons vous montrer comment ajouter facilement un calculateur d'IMC dans WordPress sans avoir besoin de coder ou de faire des calculs.

En suivant notre approche étape par étape, vous serez bien équipé pour créer cette ressource de santé et de bien-être pour vos visiteurs.

Pourquoi ajouter un calculateur d'IMC à WordPress ?

IMC signifie Indice de Masse Corporelle. C'est une mesure approximative de la graisse corporelle d'une personne basée sur sa taille et son poids, en utilisant le calcul suivant :

IMC = kg/m²

Le kg est le poids de la personne en kilogrammes, et m² est sa taille en mètres carrés.

Alternativement, si vous travaillez avec des unités impériales, vous pouvez utiliser cette formule, où lb est le poids en livres, et in² est sa taille en pouces carrés, multipliée par 703 :

IMC = lb/in² ∗ 703

Un calcul d'IMC peut aider vos visiteurs, patients ou clients à déterminer s'ils sont en sous-poids, en surpoids ou s'ils ont un poids sain pour leur taille. Cependant, demander aux gens de faire le calcul eux-mêmes n'est pas une bonne expérience utilisateur.

C'est là qu'intervient un calculateur d'IMC.

Si vous avez lancé un blog de santé ou de fitness, alors un calculateur d'IMC peut aider les visiteurs à planifier les prochaines étapes de leur parcours de santé. Par exemple, une personne qui décide de réduire son IMC peut s'inscrire à votre tracker de fitness.

Un calculateur d'IMC peut également encourager les gens à passer plus de temps sur votre site. Cela peut augmenter les vues de page et diminuer votre taux de rebond.

Plus une personne passe de temps sur votre site, plus elle est susceptible de convertir. Par exemple, elle pourrait réserver une séance d'essai dans votre salle de sport CrossFit ou acheter du matériel d'exercice dans votre boutique en ligne.

Dans cette optique, voyons comment vous pouvez facilement ajouter un calculateur d'IMC dans WordPress. Dans ce tutoriel, nous aborderons deux méthodes, et vous pouvez utiliser les liens ci-dessous pour accéder à la méthode de votre choix :

• Méthode 1 : Créer un calculateur d'IMC avec WPForms (Facile)
• Méthode 2 : Créer un calculateur d'IMC avec Formidable Forms (Avancé)
• Bonus : Créer un traqueur de fitness dans WordPress

Méthode 1 : Créer un calculateur d'IMC avec WPForms (Facile)

Vous pouvez facilement créer un calculateur d'IMC dans WordPress avec WPForms. C'est le meilleur plugin de calculatrice du marché, doté d'un constructeur par glisser-déposer, de plus de 2000 modèles prédéfinis et d'une protection anti-spam complète.

Le plugin propose également un module complémentaire Calculations qui vous permet d'ajouter n'importe quel formulaire de calculatrice que vous souhaitez, y compris un calculateur d'IMC, un calculateur de prêt hypothécaire et un calculateur d'âge. Pour en savoir plus, consultez notre avis sur WPForms.

Tout d'abord, vous devez installer et activer le plugin WPForms. Pour des instructions détaillées, consultez notre guide étape par étape sur comment installer un plugin WordPress.

Après l'activation, rendez-vous sur la page WPForms » Réglages depuis le tableau de bord WordPress pour saisir votre clé de licence. Vous trouverez ces informations dans votre compte sur le site Web de WPForms.

Après cela, visitez la page WPForms » Modules complémentaires et recherchez le « Module complémentaire Calculations ».

Ensuite, cliquez simplement sur le bouton « Installer le module complémentaire » pour l'activer sur votre site.

Ensuite, vous devez vous rendre sur la page WPForms » Ajouter nouveau depuis la barre latérale d'administration de WordPress.

Ici, vous pouvez commencer par taper un nom pour le formulaire de calculatrice que vous êtes sur le point de créer.

Ensuite, trouvez le modèle « Formulaire de calcul IMC » et cliquez sur le bouton « Utiliser le modèle » sous celui-ci.

L'éditeur de formulaires WPForms s'ouvrira alors sur votre écran, où vous remarquerez un aperçu du formulaire à droite avec les champs du formulaire dans la colonne de gauche.

À partir de là, vous pouvez ajouter n'importe quel champ que vous souhaitez et les faire glisser pour réorganiser leur ordre.

Ensuite, cliquez sur le champ « Unité de mesure » dans la colonne de gauche pour ouvrir ses paramètres. Le calculateur d'IMC offre aux utilisateurs le choix entre les systèmes de mesure impérial et métrique.

Cependant, si vous ne souhaitez utiliser qu'un seul système de mesure dans votre calculateur, vous pouvez cliquer sur l'icône (-) à côté d'un système pour le supprimer.

N'oubliez pas que l'utilisation des deux systèmes de mesure dans votre calculateur d'IMC vous aidera à atteindre un public plus large.

Après cela, vous remarquerez deux champs d'unité différents qui seront affichés aux utilisateurs une fois qu'ils auront sélectionné l'une des unités de mesure dans le menu déroulant.

Cependant, si vous utilisez un seul système de mesure, l'un des champs d'unité ne sera pas nécessaire et vous pourrez le supprimer.

Par exemple, si vous ne proposez l'IMC qu'en unités impériales, vous devez supprimer les champs d'unité pour la taille (cm) et le poids (kg) car ce sont des unités métriques.

Ensuite, faites défiler vers le bas jusqu'aux champs « IMC » et « Verdict ». Ces champs calculeront automatiquement la taille et le poids des utilisateurs et leur afficheront les résultats de leur IMC.

Si vous supprimez l'un de ces champs, le formulaire de calcul IMC ne sera pas en mesure d'effectuer de calculs pour vous.

Une fois que vous êtes satisfait de votre formulaire, cliquez simplement sur le bouton « Enregistrer » en haut pour enregistrer vos modifications.

Ensuite, ouvrez une page/publication dans l'éditeur de blocs où vous souhaitez ajouter le calculateur d'IMC.

À partir de là, cliquez sur le bouton « + » d'ajout de bloc pour ouvrir le menu des blocs et localisez le bloc WPForms.

Une fois que vous avez fait cela, ajoutez le formulaire de calcul IMC à partir du menu déroulant dans le bloc lui-même.

Enfin, cliquez sur le bouton « Mettre à jour » ou « Publier » pour enregistrer vos paramètres. Vous pouvez maintenant visiter votre site Web WordPress pour voir le calculateur d'IMC en action.

Ici, les visiteurs peuvent simplement saisir leur poids et leur taille, et le calculateur affichera leur IMC et indiquera s'ils sont en sous-poids, en poids normal, en surpoids ou obèses.

Méthode 2 : Créer un calculateur d'IMC avec Formidable Forms (Avancé)

Si vous souhaitez afficher une plage d'IMC dans votre calculateur, nous vous recommandons de créer un calculateur d'IMC dans WordPress avec Formidable Forms à la place.

C'est un plugin de formulaire avancé avec plus de capacités de calcul, y compris des calculs conditionnels. Nous avons testé l'outil de manière approfondie et l'avons trouvé excellent pour des calculs plus complexes. Pour en savoir plus sur notre expérience, consultez notre avis sur Formidable Forms.

Tout d'abord, vous devez installer et activer le plugin Formidable Forms. Pour des instructions détaillées, vous pouvez consulter notre guide pour débutants sur comment installer un plugin WordPress.

Upon activation, visit the Formidable » Global Settings page from the WordPress dashboard and select the ‘Click to enter a license key manually’ option.

You can find the key in your account on the Formidable Forms website. Once you enter the information, simply click the ‘Save License’ button to store your settings.

Next, you must visit the Formidable » Forms page from the WordPress dashboard.

Here, click the ‘+ Add New’ button to start building your calculator.

This will take you to the ‘Form Templates’ page. Here, you can click the ‘Calculator’ tab from the left column to view the 55+ calculator form templates, including an advanced mortgage calculator, percentage calculator, compound interest calculator, and more.

Go ahead and click the ‘Use Template’ button under the ‘BMI Calculator’ template.

Cela ouvrira le constructeur de formulaires, où vous verrez un aperçu du formulaire à droite avec les champs du formulaire dans la colonne de gauche. Vous pouvez maintenant ajouter n'importe quel champ au formulaire et faire glisser et déposer ces champs pour réorganiser leur ordre.

Par exemple, le modèle de formulaire de calculatrice d'IMC n'a pas de champ de nom par défaut. Cependant, vous pouvez en ajouter un depuis le panneau de gauche pour collecter plus d'informations sur vos utilisateurs.

Après cela, vous devez cliquer sur le champ « Unité de mesure » pour ouvrir ses paramètres dans la colonne de gauche.

À partir de là, vous pouvez supprimer l'un des deux systèmes de mesure (métrique ou impérial) en cliquant sur l'icône (-) à côté des systèmes.

Cependant, si vous souhaitez conserver les deux dans la calculatrice d'IMC, vous pouvez en sélectionner un comme système de mesure par défaut.

D'autre part, si vous décidez d'utiliser un seul système de mesure pour la calculatrice, vous devrez supprimer les champs de valeur d'unité pour l'autre système.

Par exemple, si vous ne souhaitez travailler qu'avec le système métrique, vous devez supprimer les champs de taille (pieds et pouces) et de poids (livres) du formulaire.

Pour ce faire, cliquez simplement sur l'icône à trois points en haut du champ, puis sélectionnez l'option « Supprimer ».

Ensuite, faites défiler jusqu'au champ « IMC ». Ce champ calculera automatiquement l'IMC de vos utilisateurs et fournira un verdict.

Si vous supprimez ce champ, la calculatrice d'IMC ne fonctionnera pas. Nous vous recommandons de le laisser tel quel.

Après cela, cliquez sur le bouton 'Enregistrer' en haut pour sauvegarder vos paramètres.

Cela ouvrira une invite à l'écran. Vous devez ajouter un nom pour votre formulaire et cliquer sur le bouton « Enregistrer ».

Ensuite, vous devez fermer l'éditeur de formulaire et ouvrir la page/publication où vous souhaitez ajouter la calculatrice d'IMC dans l'éditeur de blocs.

Une fois que vous y êtes, cliquez sur le bouton « + » pour ajouter un bloc afin d'ouvrir le menu des blocs et d'ajouter le bloc Formidable Forms.

Après cela, sélectionnez le formulaire que vous venez de créer dans le menu déroulant du bloc lui-même.

Enfin, cliquez sur le bouton « Mettre à jour » ou « Publier » pour enregistrer vos paramètres.

Désormais, vous pouvez visiter votre blog WordPress ou votre site web pour voir le calculateur d'IMC. Ici, le visiteur peut saisir sa taille et son poids pour voir son IMC. S'il souhaite plus d'informations, il peut cliquer sur le bouton « Voir ma fourchette ».

Le calculateur affichera ensuite les fourchettes pour toutes les différentes catégories de poids.

Bonus : Créer un traqueur de fitness dans WordPress

En plus d'ajouter un calculateur d'IMC, vous pouvez également ajouter un suivi de remise en forme à votre site WordPress. Ce suivi peut être un simple formulaire que les utilisateurs remplissent chaque mois pour suivre leur parcours de perte de poids.

Si vous avez un blog de remise en forme, l'ajout de ce suivi peut augmenter l'engagement sur votre site et encourager davantage d'utilisateurs à s'inscrire et à faire partie de votre liste d'e-mails.

Vous pouvez facilement créer un suivi de remise en forme avec Formidable Forms sans avoir à apprendre de code. Ensuite, les utilisateurs pourront suivre leurs progrès de perte de poids au fil du temps.

Pour plus de détails, consultez notre tutoriel sur comment créer un suivi de remise en forme dans WordPress.

Nous espérons que ce tutoriel vous a aidé à apprendre comment ajouter un calculateur d'IMC dans WordPress. Vous voudrez peut-être aussi consulter notre guide sur comment créer un formulaire de contact et nos conseils d'experts pour créer des formulaires plus interactifs dans WordPress et augmenter les conversions.

Si cet article vous a plu, abonnez-vous à notre chaîne YouTube pour des tutoriels vidéo WordPress. Vous pouvez également nous retrouver sur Twitter et Facebook.