đ Mettre en place la meilleure expĂ©rience de rĂ©servation sur votre site web â Utiliser vos widgets Ă leur plein potentiel
Vos widgets connectent votre site web Ă votre Eversports Manager â permettant Ă vos client·es dâexplorer facilement votre planning, de consulter vos tarifs ou de dĂ©couvrir vos activitĂ©s directement depuis votre site.
đ Ce que vous allez apprendre
Dans ce guide, vous découvrirez comment :
- Choisir les widgets qui sâadaptent le mieux Ă la structure de votre site web et au parcours de vos client·es
- Combiner différents widgets pour créer un flux clair et engageant pour vos visiteur·euses
- Décider quand intégrer les widgets dans votre site ou quand y renvoyer via un lien
- Connecter vos widgets aux pages de profil utilisateur·rice et aux liens de connexion/inscription pour une expérience fluide
đ Avant de commencer
Avant de planifier la mise en place de vos widgets, assurez-vous que votre Eversports Manager est prĂȘt. Quelques vĂ©rifications rapides vous Ă©viteront des confusions par la suite :
- Vérifiez la configuration de votre Manager :
Assurez-vous que vos activitĂ©s, groupes de services et produits sont dĂ©jĂ créés dans Eversports Manager â seul le contenu actif peut ĂȘtre affichĂ© dans les widgets. - Revoyez vos paramĂštres de personnalisation du widget :
Chargez votre logo, choisissez vos couleurs de marque et vĂ©rifiez votre nom de studio ou de marque. Ces Ă©lĂ©ments sont automatiquement utilisĂ©s pour le style des widgets, ainsi que pour les pages de connexion et dâinscription personnalisĂ©es. - AccĂ©dez Ă la nouvelle zone Widgets :
Allez dans ParamĂštres > Widgets [NOUVEAU] dans votre Eversports Manager. Câest ici que vous pouvez crĂ©er, modifier et gĂ©rer tous vos widgets au mĂȘme endroit.
đșïž Planifiez les pages de votre site web et familiarisez-vous avec vos widgets
Avant dâajouter des widgets Ă votre site web, prenez un moment pour planifier la structure de vos pages et comprendre comment chaque widget soutient le parcours de vos client·es.
Chaque widget a un objectif diffĂ©rent â les utiliser intentionnellement vous aide Ă crĂ©er une expĂ©rience de navigation et de rĂ©servation fluide et intuitive.
|
Widget |
Ce quâil affiche |
OĂč lâutiliser sur votre site |
Objectif |
|
Votre planning complet dâactivitĂ©s, incluant cours, stages ou entraĂźnements |
Sur une page dĂ©diĂ©e Planning ou Horaires, ou en aperçu sur votre page dâaccueil |
Aide les client·es à trouver et réserver rapidement des activités réguliÚres. |
|
|
ĂvĂšnements spĂ©ciaux tels que stages, ateliers, Ă©vĂšnements, etc., en vue âcarteâ |
Sur une page gĂ©nĂ©rale âSpĂ©ciauxâ ou des pages dĂ©diĂ©es ĂvĂšnements, Ateliers ou Stages |
Met en avant des activités uniques ou ponctuelles. |
|
|
Vos offres : carnets, abonnements, tarifs unitaires |
Sur une page Tarifs, Offres ou Abonnements |
Affiche ce que les client·es peuvent acheter et renvoie vers le paiement. |
|
|
Cartes cadeaux disponibles Ă lâachat en ligne |
Sur une page Cartes Cadeaux, ou en lien depuis votre navigation ou pied de page |
Encourage les achats cadeaux et lâacquisition de nouveaux clients. |
|
|
Votre bibliothÚque de vidéos à la demande |
Sur une page Vidéos ou Cours en ligne |
Propose du contenu digital à votre communauté. |
đš Personnaliser lâapparence de vos widgets
Vos widgets utilisent automatiquement vos couleurs de marque, votre logo et le nom de votre studio â crĂ©ant une expĂ©rience cohĂ©rente entre votre site et lâenvironnement Eversports.
Vous pouvez ajuster chaque widget pour correspondre au design de votre site tout en conservant une identité visuelle uniforme.

1. ParamĂštres de personnalisation du widget
- Situés dans ParamÚtres > Widgets [NOUVEAU] > ParamÚtres de personnalisation du widget.
- DĂ©finissez une fois votre logo, nom de marque et couleurs â ils sâappliqueront automatiquement Ă tous les nouveaux widgets, ainsi quâĂ vos pages de connexion et dâinscription personnalisĂ©es.
2. Couleurs des widgets individuels
Chaque widget peut ĂȘtre stylisĂ© plus finement dans sa configuration. Vous pouvez personnaliser :
- Police des titresâ utilisĂ© pour les titres et textes gĂ©nĂ©raux.
- ArriĂšre-plan â dĂ©finit le fond du widget.
- Primaire â dĂ©finit la couleur des boutons et Ă©lĂ©ments mis en avant.
- Police planningâ dĂ©finit la couleur du texte dans les cartes pour amĂ©liorer la lisibilitĂ©.
- Fond des cartes â dĂ©finit la couleur derriĂšre les cartes dâactivitĂ©s ou de produits.
đĄ Astuce : Maintenez un bon contraste entre le texte et lâarriĂšre-plan, et assurez-vous que votre couleur primaire ressort bien pour les boutons afin dâassurer une bonne lisibilitĂ©.
3. Polices
Si vous souhaitez que le texte corresponde mieux aux polices de votre site, vous pouvez ajuster les styles pour un rendu harmonieux.
4. Cohérence entre les widgets
Pour un site professionnel et cohérent :
- Utilisez le mĂȘme jeu de couleurs pour tous les widgets.
- Gardez une mise en page uniforme (titres, espacements, placements).
- PrĂ©visualisez chaque widget avant publication pour vĂ©rifier lâharmonie entre les sections.
đŻ Configurer ce qui est affichĂ© dans vos widgets

Chaque widget vous offre des options flexibles pour décider du contenu affiché sur votre site.
Prendre quelques minutes pour planifier ces filtres vous aide Ă prĂ©senter la bonne information au bon public â que ce soit un planning complet ou une page dĂ©diĂ©e Ă un stage ou une catĂ©gorie tarifaire.
1. Filtrer ce qui apparaĂźt
Selon le type de widget, vous pouvez prĂ©-filtrer lâaffichage :
|
Widget |
Filtres disponibles |
Exemple dâutilisation |
|
Planning |
Professeur·e, Sport, Groupe dâactivitĂ©s |
CrĂ©er des plannings par instructeur·ice, sport ou groupe dâactivitĂ©s personnalisĂ© (âPrĂ©-natalâ, âDanses traditionnellesâ, âCours enfantsâ) |
|
Activités |
Types dâactivitĂ©s (ateliers, retraites, stages), dates de dĂ©but/fin |
Mettre en avant une catĂ©gorie spĂ©cifique comme âStages dâĂ©tĂ©â |
|
Tarifs |
Groupes de services |
Mettre en avant des abonnements Ă©tudiants ou des offres dâessai |
|
Vidéos |
Catégories de vidéos, Professeur·es, Sports, Niveau, Langue |
CrĂ©er un widget pour un thĂšme spĂ©cifique, ex. âYoga dĂ©butant·esâ |
2. Créer plusieurs widgets pour différents publics
Vous pouvez créer autant de widgets que nécessaire pour présenter au mieux vos offres.
Voici quelques exemples :
- Afficher toutes vos activitĂ©s sur la page dâaccueil dans un widget Planning non filtrĂ©
- Créer des sous-pages pour chaque professeur·e avec un widget Planning filtré sur ses activités
- Créer des pages ciblées (ex. activités pré-natales, seniors) avec un widget Planning pré-filtré
- CrĂ©er un widget dĂ©diĂ© Ă vos ateliers et formations, filtrĂ© par type dâactivitĂ©
- Mettre en avant une offre spéciale (essai, abonnement saisonnier) avec un widget Tarifs filtré
đĄ Astuce : Utilisez des noms internes clairs (ex. âPlanning principalâ, âPlanning prof Lisaâ) pour faciliter la gestion et lâĂ©dition dans lâaperçu des widgets.
đ Options dâintĂ©gration : intĂ©grĂ© ou liĂ©
Il existe deux maniĂšres principales dâutiliser vos widgets sur votre site : les intĂ©grer directement dans une page ou y renvoyer via un lien.
Les deux crĂ©ent la mĂȘme expĂ©rience de rĂ©servation â la diffĂ©rence est lâendroit oĂč sâaffiche le widget et comment les visiteur·euses y accĂšdent.
1. Intégrer votre widget

LâintĂ©gration est idĂ©ale si vous voulez que le widget apparaisse directement au sein de vos pages.
Cela garde lâutilisateur·rice sur votre site et crĂ©e une expĂ©rience fluide et cohĂ©rente.
Ă utiliser si :
- Vous souhaitez que les widgets fassent partie de votre mise en page.
- Votre CMS permet dâajouter du code HTML ou dâintĂ©grer des Ă©lĂ©ments.
- Vous voulez contrĂŽler le rendu visuel dans votre design.
Les nouveaux widgets nâutilisent plus dâiframes â ils sâintĂšgrent de maniĂšre sĂ©curisĂ©e et sont totalement responsive.
2. Lier votre widget

Si votre site ne permet pas lâintĂ©gration (ex. CMS limitĂ©), vous pouvez simplement crĂ©er un lien :
âVoir notre planning actuelâ ou âConsulter nos offresâ.
Câest Ă©galement parfait pour :
- Les rĂ©seaux sociaux (ex. âRĂ©servez votre emplacement maintenant !â).
- Les newsletters.
- Les QR codes sur affiches ou flyers.
Chaque widget dans lâaperçu possĂšde un lien partageable que vous pouvez copier et utiliser oĂč vous voulez.


Note â NâintĂ©grez pas les widgets partageables :
Les widgets partageables (version plein Ă©cran avec votre en-tĂȘte) ne doivent jamais ĂȘtre intĂ©grĂ©s.
Ils incluent dĂ©jĂ votre logo, couleur et nom â et ne peuvent ĂȘtre intĂ©grĂ©s que via iframe, ce qui est dĂ©conseillĂ©.
Utilisez-les uniquement en lien direct.
đ§ Des questions techniques ? Consultez notre article : đ§ Comment intĂ©grer les nouveaux widgets
đ Lier une activitĂ© ou un produit spĂ©cifique
En plus des widgets, vous pouvez aussi renvoyer directement vers une activité ou un produit.
Ces pages utilisent automatiquement vos paramÚtres de personnalisation du widget pour assurer la cohérence.
Utilisation recommandée :
- Mettre en avant un stage ou une retraite sans afficher tout le widget Activités
- Promouvoir un produit prĂ©cis (ex. âAcheter un pass dâessaiâ) depuis la page dâaccueil, une newsletter ou les rĂ©seaux sociaux
Comment copier le lien :

- AccĂ©dez Ă lâactivitĂ© ou au produit dans Eversports Manager.
- Cliquez sur les trois points (âź) Ă cĂŽtĂ© de lâĂ©lĂ©ment.
- SĂ©lectionnez « Partager le lien » pour copier lâURL.
đ€ Lier aux profils utilisateur·rice et pages de connexion/inscription
Vos widgets peuvent inclure des liens vers le profil utilisateur·rice, permettant lâaccĂšs direct aux rĂ©servations, abonnements ou vidĂ©os.
Cela renforce la continuité entre votre site et Eversports.
1. Lien vers le profil utilisateur
Selon le widget, vous pouvez activer un lien qui ouvre la section pertinente du profil :
|
Widget |
ParamĂštre & destination du lien |
Lien visible sur widget |
|
Planning |
|
|
|
Activités |
||
|
Tarifs |
|
|
|
Vidéos |
|
|
Vous pouvez activer ces options lors de la crĂ©ation ou modification dâun widget.
Une fois activées, les utilisateur·rices connecté·es verront un lien direct vers leur profil.
đĄ Exemple : En parcourant votre widget Tarifs, un·e client·e peut cliquer sur âMes cartes et abonnementsâ pour accĂ©der Ă ses produits actifs.
2. Utilisateur·rices non connecté·es

Sâils ne sont pas connectĂ©s, ils seront redirigĂ©s vers une page de connexion/inscription personnalisĂ©e affichant :
- Votre nom de lieu et logo (ou nom/logo de marque pour multi-sites)
- Des boutons stylisés selon votre couleur primaire
AprĂšs connexion, ils sont renvoyĂ©s Ă la page dâorigine pour garantir une expĂ©rience fluide.
3. Lier les options de connexion et dâinscription

Vous pouvez aussi partager des liens directs vers la connexion ou lâinscription depuis lâaperçu des widgets.
Cliquez sur les trois points (âź) puis âPartager le lienâ pour copier ces liens.
Ces liens sont utiles pour ajouter un bouton âConnexionâ ou âInscriptionâ dans votre navigation.
đ Articles liĂ©s
- đ§ Comment intĂ©grer les nouveaux widgets
Instructions étape par étape pour intégrer ou lier vos widgets à votre site web. - Personnalisation de votre widget « Planning »
- Personnalisation de votre widget « Activités »
- Personnalisation de votre widget « Tarifs »
- Personnalisation de votre widget « Cartes cadeaux »
- Personnalisation de votre widget « Vidéos »
- Personnalisation de votre widget « Newsletter »





