Trusted WordPress tutorials, when you need them most.
Beginner’s Guide to WordPress
Coupe WPB
25 Million+
Websites using our plugins
16+
Years of WordPress experience
3000+
WordPress tutorials
by experts

Comment créer un tracker de fitness dans WordPress (avec des graphiques)

Note éditoriale : Nous percevons une commission sur les liens des partenaires sur WPBeginner. Les commissions n'affectent pas les opinions ou les évaluations de nos rédacteurs. En savoir plus sur Processus éditorial.

Vous souhaitez créer un tracker de fitness sous WordPress ?

De nombreuses entreprises et communautés en ligne liées à la santé et au fitness proposent des outils de suivi de la condition physique à leurs utilisateurs/utilisatrices. Cela aide à maintenir l’intérêt des utilisateurs/utilisatrices et à développer votre activité.

Dans cet article, nous allons vous afficher comment créer facilement un tracker de fitness sur WordPress pour stimuler l’engagement des comptes utilisateurs sur votre site.

Creating a fitness tracker in WordPress

Qu’est-ce qu’un tracker de fitness ?

Un tracker de fitness est un outil en ligne qui aide les utilisateurs/utilisatrices à suivre différents aspects de leur santé et de leurs performances physiques.

Il peut s’agir d’un outil de suivi de la perte de poids, d’un calculateur d’IMC, d’un planificateur de repas ou d’un autre type d’outil de suivi de la santé. Ces outils en ligne peuvent être créés à l’aide d’extensions WordPress sans code qui calculent différentes valeurs à la volée.

Pourquoi vous devriez ajouter un tracker de fitness à votre site WordPress

Si vous gérez un site web WordPress pour une entreprise de santé et de fitness ou une communauté en ligne, alors l’ajout d’un tracker de fitness à votre site est un moyen facile de renforcer l’engagement des utilisateurs/utilisatrices.

Il s’agit notamment de sites tels que :

  • Sites de gymnastique
  • Sites sur la perte de poids
  • Site personnel d’un entraîneur de fitness
  • Site nutritionnel ou blog alimentaire
  • Communauté de la santé et de la forme physique
  • Communautés de style de vie
  • et plus

Vous pouvez fournir à vos utilisateurs/utilisatrices des outils réels pour suivre leurs performances de remise en forme, ce qui est plus susceptible de les faire rester plus longtemps sur votre site.

L’amélioration de l’engagement des utilisateurs se traduit par des taux de conversion plus élevés et une meilleure fidélisation des clients/clientes pour votre entreprise.

Version de la communauté de fitness en ligne

L’une des façons les plus simples de monétiser un site de santé et de fitness est d’utiliser MemberPress. C’est la meilleure extension d’adhésion WordPress et vous permet de vendre facilement des cours et des abonnements en ligne.

Vous pouvez créer différents types d’offres de remise en forme, masquer le contenu réservé aux membres derrière un mur payant, créer des cours en ligne, etc.

Les utilisateurs/utilisatrices peuvent ensuite utiliser votre tracker de fitness intégré pour mesurer leurs performances et leurs progrès au fil du temps. Cela les aide à passer plus de temps sur votre site, ce qui améliore les renouvellements d’abonnement, les ventes incitatives et la fidélisation des clients/clientes.

Pour plus de détails, consultez notre tutoriel étape par étape sur la création d’un site d’adhésion sur WordPress.

Créer un outil de suivi de la condition physique en ligne avec WordPress

Pour créer un tracker de fitness en ligne sous WordPress, vous aurez besoin de Formidable Forms.

C’est l’une des meilleures extensions WordPress de calculatrice sur le marché qui vous permet de créer des formulaires et des calculatrices avancés pour votre site. Le constructeur de formulaires par glisser-déposer facilite la création de vos formulaires de suivi de la condition physique sans avoir à écrire un code ou à embaucher un développeur/développeuse.

De plus, il fonctionne parfaitement avec d’autres outils que vous utilisez peut-être déjà comme MemberPress, WooCommerce ou votre fournisseur de services d’e-mail.

Tout d’abord, vous devez installer et activer l’extension Formidable Forms. Pour plus de détails, consultez notre guide étape par étape sur l ‘installation d’une extension WordPress.

Note: Il existe une version gratuite limitée de l’extension appelée Formidable Lite. Cependant, vous aurez besoin de la version premium pour déverrouiller plus de fonctionnalités.

Lors de l’activation, vous devez visiter la page Formidable  » Global Réglages pour saisir votre clé de licence de l’extension. Vous pouvez trouver cette information sous votre compte sur le site de Formidable  » Forms « .

Formidable Forms license key

Ensuite, vous devez vous rendre sur la page Formidable  » Formulaires « .

Cliquez sur le bouton « Ajouter nouveau » pour créer votre formulaire de suivi de la condition physique.

Create a new fitness tracking form

Ensuite, il vous sera demandé de choisir un modèle pour votre formulaire.

Il existe de nombreux modèles que vous pouvez utiliser, mais pour ce tutoriel, nous commencerons par un formulaire vierge.

Choose blank form template

Ensuite, donnez un nom et une description à votre formulaire et cliquez sur le bouton « Créer ».

Ceci lancera le Constructeur de formulaires par glisser-déposer. Dans la colonne de gauche, vous verrez une liste des champs de formulaire que vous pouvez ajouter.

Sur votre droite, vous verrez la prévisualisation du formulaire. Comme notre formulaire est vierge, il n’y a pas de champs dans la colonne de prévisualisation.

Form builder interface

Modifions cela et ajoutons les champs du formulaire pour notre traqueur de perte de poids et de condition physique.

Pour ce tracker, nous ajouterons les champs de formulaire suivants.

  1. ID de l’utilisateur – Ce champ sera automatiquement rempli par Formidable Forms pour les utilisateurs/utilisatrices connectés afin que les utilisateurs/utilisatrices puissent voir leur propre performance.
  2. Date – Les utilisateurs/utilisatrices pourront saisir la date à laquelle ils ont mesuré leur poids.
  3. Champnumérique – Nous renommerons ce champ « Poids » et demanderons aux utilisateurs/utilisatrices de saisir leur poids en livres ou en kg.
Add form fields

Après avoir ajouté les champs, il suffit de cliquer sur un champ pour en modifier les propriétés.

Par exemple, nous avons modifié le champ numérique pour changer son libellé en « Poids » et nous avons fourni des modifications dans l’option de description.

Edit the form field

Une fois que vous avez fini de modifier le formulaire, cliquez sur le bouton « Mettre à jour » pour enregistrer votre formulaire.

Save your form

Ajout d’un Fitness Tracker dans une publication ou une page WordPress

Ensuite, vous voudrez ajouter le formulaire de suivi de la condition physique à votre site WordPress.

Si vous utilisez MemberPress, vous pouvez simplement modifier la page  » Compte « . Vous pouvez également créer une nouvelle page et la restreindre aux membres uniquement. De cette façon, les utilisateurs/utilisatrices seront nécessaires à la connexion pour saisir leurs données de remise en forme.

Dans l’écran de modification de la page, ajoutez simplement le module « Formidable Forms » à votre page et choisissez le fitness tracker que vous avez créé dans le menu déroulant.

Formidable Forms block

Formidable Form affichera désormais une Prévisualisation de votre formulaire dans l’éditeur/éditrices de la page. Vous pouvez aller de l’avant et enregistrer vos modifications.

Vous pouvez maintenant vous connecter avec un compte d’utilisateur/utilisatrice fictif et remplir quelques champs de test.

Live fitness tracker

Afficher les données d’un formulaire de fitness sur WordPress

Formidable Forms rend super facile l’affichage des données collectées par vos formulaires sur votre site WordPress.

Vous pouvez choisir exactement les champs que vous souhaitez afficher et présenter les données sous forme de graphiques et de diagrammes.

Il suffit de modifier la publication ou la page où vous souhaitez afficher les données du formulaire. Évidemment, si vous utilisez MemberPress, vous voudrez restreindre cette page afin que seuls les utilisateurs/utilisatrices connectés puissent voir leurs propres données de fitness.

Ensuite, vous devrez ajouter un code court à votre page dans le format suivant.

[frm-graph fields="22" y_title="Weight" x_axis="21" x_title="Date" type="line" title="Weight tracking" user_id="current" data_type="average"]

Ce code court a les paramètres suivants.

  • Champs – ID du champ que vous souhaitez utiliser pour afficher les données (dans ce cas, le champ poids).
  • y_title – Titre de l’axe des Y. Dans ce cas, nous utiliserons Weight.
  • x_axis – ID du champ que vous souhaitez utiliser dans l’axe des abscisses. Dans ce cas, il s’agit du champ de date.
  • x_title – Titre de l’axe x. Dans ce cas, nous utiliserons Date.
  • user_id – ‘Current’ pour que seuls les utilisateurs/utilisatrices connectés puissent voir leurs propres données.

Vous pouvez trouver l’ID du champ en modifiant simplement votre formulaire de suivi de la condition physique. Vous verrez l’ID de chaque champ dans la Prévisualisation du formulaire.

Finding the field ID

Après avoir ajouté le code court, n’oubliez pas d’enregistrer vos modifications.

Ensuite, vous devez vous connecter avec le compte d’utilisateur fictif que vous avez utilisé précédemment pour ajouter des entrées de test, et visiter la page que vous venez de créer.

Voici ce que cela donne sur notre site de test :

Fitness tracker data chart

Créer plus d’outils de suivi de la condition physique sous WordPress

Formidable Forms est le Constructeur de formulaires le plus avancé pour WordPress.

Outre le formulaire de suivi de la perte de poids, vous pouvez également l’utiliser pour créer plusieurs autres types de calculateurs et d’outils de remise en forme en ligne.

Il est même livré avec des modèles intégrés pour un calculateur d’IMC qui affiche une plage, un calculateur d’apport calorique quotidien, un formulaire de journal d’exercice, et bien plus encore.

Formidable Forms BMI calculator with range

Alternative : Formidable Forms est la solution parfaite pour construire des trackers de fitness avancés pour vos clients ou les membres de votre communauté. Cependant, il se peut que vous ayez uniquement besoin d’un calculateur de fitness simple pour des calculs ponctuels. Dans ce cas, nous vous recommandons d’utiliser WPForms à la place.

WPForms est le constructeur de formulaires le plus simple/simple d’utilisation du marché. Il est livré avec des modèles de calculateurs prédéfinis pour l’IMC, le BMR, l’apport calorique quotidien, la prise de poids, le rapport entre les hanches et la taille, et plus encore. Si vous souhaitez créer un calculateur de fitness en ligne gratuit pour générer des prospects, WPForms est une excellente option.

Nous espérons que cet article vous a aidé à apprendre comment ajouter facilement un tracker de fitness sur WordPress. Vous voudrez peut-être aussi voir notre choix d’expert du meilleur logiciel de discussion en direct pour les petites entreprises, ou suivre notre guide complet de référencement WordPress pour obtenir plus de visiteurs gratuits à partir des moteurs de recherche.

Si vous avez aimé cet article, veuillez alors vous abonner à notre chaîne YouTube pour obtenir des tutoriels vidéo sur WordPress. Vous pouvez également nous trouver sur Twitter et Facebook.

Divulgation : Notre contenu est soutenu par les lecteurs. Cela signifie que si vous cliquez sur certains de nos liens, nous pouvons gagner une commission. Consultez comment WPBeginner est financé, pourquoi cela compte et comment vous pouvez nous soutenir. Voici notre processus éditorial.

Avatar

Editorial Staff at WPBeginner is a team of WordPress experts led by Syed Balkhi with over 16 years of experience in WordPress, Web Hosting, eCommerce, SEO, and Marketing. Started in 2009, WPBeginner is now the largest free WordPress resource site in the industry and is often referred to as the Wikipedia for WordPress.

L'ultime WordPress Toolkit

Accédez GRATUITEMENT à notre boîte à outils - une collection de produits et de ressources liés à WordPress que tous les professionnels devraient avoir !

Reader Interactions

Un commentaireLaisser une réponse

  1. Syed Balkhi says

    Hey WPBeginner readers,
    Did you know you can win exciting prizes by commenting on WPBeginner?
    Every month, our top blog commenters will win HUGE rewards, including premium WordPress plugin licenses and cash prizes.
    You can get more details about the contest from here.
    Start sharing your thoughts below to stand a chance to win!

Laisser une réponse

Merci d'avoir choisi de laisser un commentaire. Veuillez garder à l'esprit que tous les commentaires sont modérés selon notre politique de commentaires, et votre adresse e-mail ne sera PAS publiée. Veuillez NE PAS utiliser de mots-clés dans le champ du nom. Ayons une conversation personnelle et significative.