Comment ajouter un calculateur d'IMC à WordPress (sans coder)

Vous vous demandez comment ajouter un calculateur d'IMC à votre site Web lié à la santé et au fitness ?

L'indice de masse corporelle (IMC) est une mesure de la graisse corporelle basée sur la taille et le poids qui s'applique aux hommes et aux femmes adultes. En calculant l'IMC, vous pouvez déterminer si une personne a un poids santé. Si vous avez un site Web lié à la santé et au fitness, l'ajout d'un calculateur d'IMC est un excellent moyen d'attirer plus de visiteurs et de les maintenir engagés.

Dans cet article, nous vous montrerons comment ajouter un calculateur d'IMC à votre site Web étape par étape.

Pourquoi mesurer l'IMC est important

Calculer votre IMC vous aide à déterminer si vous avez un poids santé.

En général, plus l'IMC est élevé, plus le risque de développer divers problèmes de santé tels que le diabète, l'arthrite, les maladies du foie, certains types de cancer, l'hypertension artérielle, etc. est élevé.

En tant qu'éditeur, en ajoutant un calculateur d'IMC à votre site WordPress, vous pouvez fidéliser vos visiteurs et générer plus de trafic de retour. Dans ce tutoriel, nous utiliserons le plugin Formidable Forms pour créer le calculateur d'IMC.

Étape 1 : Télécharger le plugin Formidable Forms

Tout d'abord, téléchargez le plugin Formidable Forms. Formidable Forms est un plugin constructeur de formulaires WordPress avancé qui vous permet de créer facilement tout type de formulaires complexes en quelques minutes sans avoir à engager un développeur.

Avec le plan Business ou Elite, vous pouvez créer un calculateur d'IMC.

Une fois téléchargé, installez et activez le plugin sur votre site WordPress.

Étape 2 : Créez votre calculateur d'IMC avec Formidable Forms

Une fois votre plugin installé et activé, allez dans votre tableau de bord et cliquez sur Formidable » Ajouter nouveau.

Vous serez maintenant redirigé vers une nouvelle page où vous aurez la possibilité d'ajouter un formulaire de votre choix. Par défaut, il est livré avec quelques options en haut. Pour ajouter un calculateur d'IMC, vous devrez faire défiler votre écran et rechercher l'option calculateur d'IMC sous l'option Modèles premium.

Survolez l'option calculateur d'IMC et cliquez sur Créer un formulaire.

Cela ouvrira une petite fenêtre contextuelle où vous pourrez nommer le formulaire et spécifier sa description. Ajoutez un nom et cliquez sur Créer.

Étape 3 : Conception de votre calculateur d'IMC

Vous serez maintenant dirigé vers un nouvel écran où vous pourrez commencer à concevoir votre calculateur. Vous aurez 4 onglets en haut de votre écran.

• Construire
• Paramètres
• Entrées
• Vues

Sous l'onglet Construire, vous pouvez travailler sur les champs du formulaire. Vous pouvez ajouter un champ depuis le panneau de gauche et personnaliser ce champ dans le constructeur instantanément, qui se trouve sur le côté droit. Les champs du formulaire sont regroupés sous 3 rubriques différentes.

• Ajouter des champs
• Champs avancés
• Champs de tarification

Vous pouvez faire glisser n'importe quel champ de votre gauche et le déposer dans le constructeur. Si vous souhaitez un calculateur d'IMC de base, vous pouvez utiliser les champs par défaut. Gardez à l'esprit que vous pouvez personnaliser le formulaire à tout moment.

Étape 4 : Configuration des paramètres du calculateur d'IMC

Une fois que vous avez ajouté tous les champs, vous pouvez travailler sur ses paramètres. L'option de paramètres comporte 5 sections différentes.

1. Général

Ici, vous pouvez configurer les paramètres de base, tels que le titre du formulaire, la description, le message de confirmation, etc. Vous aurez également une clé de calculateur d'IMC et une clé d'intégration qui peuvent être utilisées pour afficher le formulaire sur votre site.

Si vous souhaitez soumettre le formulaire sans rechargement de page, vous pouvez sélectionner Soumettre ce formulaire avec AJAX. Vous pouvez également choisir de valider le formulaire avec javascript.

Vous pouvez également définir un message à afficher lors de la soumission réussie du formulaire.

2. Action et Notification

Sous Action et Notification, vous pouvez ajouter des actions à votre formulaire. Ici, vous pouvez intégrer votre formulaire avec un service de marketing par e-mail, une passerelle e-commerce ou même spécifier où envoyer les notifications une fois qu'un formulaire est soumis.

3. Permissions du formulaire

Sous cette option, vous pouvez déterminer qui peut voir, soumettre et modifier les entrées du formulaire. Si vous souhaitez limiter le nombre d'entrées du formulaire ou la visibilité du formulaire, vous pouvez le configurer ici.

4. Planification du formulaire

L'option suivante vous permet de planifier vos formulaires. Avec cette option, au lieu de publier un formulaire immédiatement, vous pouvez choisir une date à laquelle vous souhaitez l'afficher. Cette option est particulièrement utile lorsque vous souhaitez afficher des formulaires sensibles au temps.

5. Style et Boutons

Dans l'option suivante, vous pouvez styliser vos boutons. Vous pouvez également sélectionner un modèle pour rendre votre formulaire plus attrayant. Vous pouvez également choisir de ne pas utiliser de modèle.

Vous pouvez ajouter le texte de vos boutons et les aligner également. Il existe également une option pour ajouter une logique conditionnelle à votre bouton de soumission.

6. Personnaliser le HTML

La dernière option consiste à personnaliser votre formulaire avec des balises HTML.

Étape 5 : Publication de votre calculateur d'IMC

Une fois que vous avez terminé la création de votre formulaire de calculatrice d'IMC, vous pouvez le publier. Pour publier votre formulaire, vous pouvez cliquer sur le bouton Publier dans le coin supérieur droit de votre écran sous l'onglet Créer.

Accédez maintenant à l'onglet Paramètres et vous verrez une option appelée le Code court d'intégration.

Copiez ce code court et collez-le dans vos articles et pages où vous souhaitez que la calculatrice d'IMC soit affichée. Une fois terminé, publiez la page. Votre calculatrice d'IMC devrait maintenant être en ligne sur votre site.

C'est tout. Vous avez publié avec succès votre calculatrice d'IMC sur votre site Web sans écrire une seule ligne de code.

Nous espérons que cet article sur l'ajout d'une calculatrice d'IMC à WordPress vous a plu. Vous pourriez également vouloir consulter les meilleurs plugins de formulaire de contact sur WordPress. Si vous souhaitez créer des quiz interactifs pour votre site, alors le Thrive Quiz Builder est le meilleur pour cela.

Vous pouvez configurer des quiz et des questionnaires sur la santé et la nutrition pour collecter des données auprès de vos utilisateurs ou pour les aider à choisir le bon plan de régime.

Nous avons également d'autres tutoriels faciles :

• Comment créer un formulaire de téléchargement de fichiers dans WordPress
• Comment enregistrer les données de formulaire dans la base de données WordPress
• Comment suivre le parcours utilisateur avant qu'un utilisateur ne soumette un formulaire

Ces guides vous aideront à faire passer votre jeu de formulaires au niveau supérieur.