La fonctionnalité Theming vous permet de modifier en temps réel l’aspect visuel de votre application depuis votre BackOffice. Vous pouvez gérer facilement :
Les photos et images affichées,
Les couleurs,
L’ordre des blocs sur vos écrans,
Les étapes de la phase d'inscription,
Les actions de la barre de navigation,
Et bien d’autres éléments visuels / fonctionnels.
👉 Cette option est disponible uniquement pour l'abonnement Customized.
Pourquoi utiliser le Theming ?
Le Theming est conçu pour vous permettre de personnaliser votre application en temps réel, directement depuis votre BackOffice. Concrètement, vous avez la main sur :
Les couleurs : adaptez-les à votre charte graphique pour que vos clients reconnaissent immédiatement votre univers.
Les photos et images affichées : remplacez vos visuels (bannières, tuiles, vignettes) pour coller à votre identité et à vos offres du moment (ex. challenge de rentrée, bootcamp).
L’ordre des blocs sur votre écran d'accueil : réorganisez par glisser-déposer pour mettre en avant vos priorités (ex. “Programme” avant “Nutrition” si c’est votre cœur d’offre).
Les étapes de la phase d’inscription : ajustez l’expérience d’accueil (visuels, textes d’introduction, étapes affichées) pour guider clairement le nouvel utilisateur.
Les actions de la barre de navigation : choisissez le nombre d’onglets (3 à 5), leurs icônes, leurs noms et leur ordre pour une navigation simple et logique en fonction de vos besoins.
Et d’autres éléments : masquage/affichage de certains blocs, textes d’accroche, bannières promotionnelles, onglet plus… selon votre configuration, pour garder une app claire et efficace.
Quels avantages pour vous, coach sportif ?
Se démarquer : affirmez votre positionnement avec une signature visuelle claire et mettez en avant vos spécificités (méthode, niche, valeurs) dès l’accueil.
Renforcer votre marque : votre application reflète votre identité, vos valeurs et votre style.
Simplifier l’expérience client : vos élèves accèdent rapidement à ce qui compte vraiment pour eux.
Mettre en avant vos actualités : ajoutez une bannière spéciale pour un challenge de rentrée, une promo ou un bootcamp.
Dynamiser votre app : des visuels régulièrement actualisés montrent que votre coaching est vivant et évolue avec eux.
Comment y accéder ?
Connectez-vous à votre BackOffice.
Cliquez sur Personnalisation (menu en bas à gauche)
Vous trouverez 4 catégories principales de personnalisation :
Écrans : visuels et organisation de chaque écran de l’app.
Thème : couleurs principales, ambiance générale.
Navigation : couleurs par thème, ordre et organisation des onglets.
Paramètres : options complémentaires liées aux fonctionnalités.
Personnalisation des écrans
Dans la section Écrans, vous pouvez modifier chaque écran de l’application.
Les écrans sont classés en plusieurs sous-catégories :
Connexion / Inscription : Ce sont les écrans de création de compte. Vous pouvez y personnaliser les visuels et le texte d’accueil.
Général : Cette section regroupe l’écran d'accueil, les raccourcis et le plus. Vous gérez les images, les blocs et leur ordre.
Coaching : Elle couvre tout ce qui est lié à l'entraînement.
Marketing & Engagement : Ce sont les écrans lié au marketing ainsi qu'aux réseaux social de l'application
Premium : Vous trouverez ici tout ce qui concerne les abonnements que vous pouvez créer.
Pour personnaliser un écran :
Sélectionnez l’écran souhaité.
Cliquez sur Personnaliser.
L’écran d'accueil
C’est l’écran le plus utilisé. Vous pouvez :
Modifier les images,
Changer l’ordre des blocs grâce au drag & drop,
Masquer des blocs inutiles (décochez le bouton “activé”),
Vérifier à quoi correspond un bloc en cliquant sur Voir.
Voici une capture d'écran, ci-joint de ce que vous verrez :
L’écran d'accueil secondaire
L’écran d’accueil secondaire propose les mêmes blocs et options que l’écran principal (listes de programmes, plans nutritionnels, séances/vidéos, produits/abonnements, CTA, etc.).
Son objectif est de différencier l’affichage dans un autre onglet de l’app.
Exemples d’usage :
Un accueil principal riche (toutes les actions)
un accueil secondaire focalisé (quelques CTA + liste d’exercices).
Un onglet accueil principal
un onglet “Training” orienté action (démarrer une séance, suivre une vidéo).
Écran d’onboarding
Cet écran s’affiche lorsque votre client s’inscrit pour la première fois dans l’application.
Ce que vous pouvez faire :
Choisir les questions posées à l’inscription.
Modifier le libellé (formulation) de ces questions.
Définir si une question est obligatoire ou optionnelle.
À noter :
Certaines questions sont toujours obligatoires et non modifiables : genre et date de naissance.
Pour les autres, vous pouvez activer/désactiver la question et réécrire son texte.
Personnalisation du thème
La section Thème vous permet d’ajuster l’apparence globale de votre application : couleur principale et mode d’affichage (clair/sombre). Tous les changements sont prévisualisés en direct dans le BackOffice (panneau de droite).
Couleur principale
Choisissez la couleur principale de votre app. Dans la majorité des cas, elle est identique à la couleur de votre logo pour garder une identité visuelle cohérente.
Si vous ne connaissez pas le code couleur, utilisez un outil comme “Color Picker” (pipette) : importez votre logo, récupérez le code HEX (ex. #b0156d) et collez-le dans le champ prévu.
La prévisualisation vous montre immédiatement le rendu (boutons, liens, éléments actifs).
Mode d’affichage (clair / sombre / par défaut)
Mode clair : impose un thème clair pour tous vos utilisateurs.
Mode sombre : impose un thème sombre pour tous vos utilisateurs.
Mode par défaut : respecte la préférence de l’appareil de l’utilisateur (si son téléphone est en sombre, l’app s’affiche en sombre, etc.).
👉 Même si vous imposez un mode (clair ou sombre), l’utilisateur peut changer de mode depuis les Paramètres de l’application s’il préfère l’autre affichage.
Où régler les couleurs par mode (clair/sombre) ?
Pour personnaliser des couleurs différentes selon le mode d'affichage, allez dans la catégorie « Navigation »
Personnalisation de la navigation
La section Navigation vous permet d’ajuster l’apparence et la structure de la barre de navigation de l’application.
Vous pouvez à la fois gérer les couleurs (avec des réglages plus fins que dans Thème) et configurer les onglets (icônes, libellés, ordre).
Couleurs de la navigation (clair / sombre)
Vous pouvez définir des couleurs spécifiques pour le mode clair et pour le mode sombre (ex. fond de la barre, icônes/texte des onglets actifs et inactifs).
Si vous souhaitez rester aligné avec les réglages du Thème, décochez la case dédiée à la personnalisation des couleurs de la navigation : l’app utilisera alors automatiquement les couleurs définies dans Thème.
Une prévisualisation en direct s’affiche dans le BackOffice (panneau de droite) pour vérifier le rendu.
Barre de navigation (onglets)
Vous pouvez personnaliser :
Le nombre d’onglets (de 3 à 5),
L’icône de chaque onglet,
Le nom (libellé) de chaque onglet,
L’ordre d’affichage (par glisser-déposer).
Important : l’onglet Écran d'accueil est obligatoire et doit rester présent dans la barre.
Onglet « Raccourcis »
Cet écran regroupe des accès directs vers vos fonctions clés. Vous pouvez le personnaliser entièrement.
Dans un premier temps ajouter dans votre barre de navigation les raccourcis, vous aurez ensuite la possibilité de cliquer sur "aller à la configuration". Comme sur l'écran ci-dessous.
Vous accédez ensuite à l'écran ci-dessous :
Ce que vous pouvez faire :
Choisir l’icône, le nom et l’action de chaque raccourci.
Réordonner les raccourcis par glisser-déposer et afficher/masquer ceux que vous voulez.
Rediriger un raccourci vers n’importe quelle section de l’app (actions disponibles dans la barre de navigation).
Rediriger aussi vers un lien externe (site web, e-shop, formulaire, etc.)
Écran « Plus»
Pour configurer cet écran, c'est exactement comme l'onglet raccourci, il faut d'abord rajouter cette section dans la barre de navigation, puis cliquer sur aller à la configuration
Cet écran regroupe des raccourcis vers les principales fonctionnalités de l’application. Vous pouvez le personnaliser entièrement. (Voir ci-dessous)
Ce que vous pouvez faire :
Créer des catégories (ex. Suivi, Coaching, Profil) pour organiser les actions.
Ajouter des actions qui pointent vers n’importe quelle section de l’app (ex. Données → Corporel & Stats pour que vos clients mettent à jour leurs mensurations).
Renommer les libellés et réordonner catégories et actions par glisser-déposer.
Sauvegarde et synchronisation
Toutes les modifications ne nécessitent pas une synchronisation : seules certaines doivent être poussées vers l’app pour devenir visibles.
Sauvegarder : vos changements sont enregistrés dans le BackOffice, mais ils ne sont pas encore visibles dans l’application. Vous pouvez donc continuer à modifier d'autres éléments.
Sauvegarder & synchroniser : vos modifications sont appliquées dans l’application.
Voici l'écran que vous verrez apparaître :
Quand vous allez sélectionner “Sauvegarder & synchroniser”, deux possibilités s’offrent à vous :
Synchroniser uniquement pour vous → cela vous permet de tester vos modifications en prévisualisation en vous connectant, sans que vos clients les voient.
Synchroniser pour tous vos utilisateurs → vos clients voient immédiatement les changements dans leur application.
Forcer la mise à jour → pensez bien à sélectionner la petite case qui permet de forcer la mise à jour de l’application. Si vous ne le faites pas, vos clients ne verront pas les éléments modifiés ; pour voir la mise à jour, ils devront relancer l’application.
Une fois vos choix effectué, cliquez sur Synchroniser pour finaliser l’action.
