Que ce soit pour afficher votre planning, vos tarifs ou des offres spéciales, les widgets Eversports vous permettent de présenter vos services directement sur votre site internet.
Ce guide vous montre, étape par étape, comment ajouter ou intégrer ces nouveaux widgets en quelques clics.
🧩 Qu’est-ce qu’un widget ?
Un widget, c’est un petit module que vous pouvez intégrer sur votre site web pour le connecter à votre Eversports Manager.
Il vous permet, par exemple, d’afficher :
-
Votre planning d’activités
-
Vos différentes formules et tarifs
-
Vos événements spéciaux, comme des stages ou retraites
Grâce aux widgets, vos clients peuvent :
-
Voir vos infos à jour en temps réel
-
Réserver ou acheter directement depuis votre site
-
Profiter d’une expérience fluide, optimisée pour mobile
🛠️ Comment intégrer un widget à votre site web
1. Ouvrez le widget dans Eversports Manager
-
Allez dans Paramètres > Widgets [NOUVEAU]
-
Cliquez sur le widget que vous souhaitez intégrer (ou créez-en un nouveau)
Sur la page de configuration du widget, vous trouverez :
-
Un code widget :
<div data-eversports-widget-id="...">
-
Un script :
<script type="module" src="https://widget-static.eversports.io/loader.js" async defer></script>
2. Copiez le script et le code du widget
Cliquez sur le bouton « Copier le code ». Ces deux éléments sont ceux dont vous avez besoin pour intégrer le widget sur votre site web.
3. Collez les codes sur votre site web
- Ajoutez le script une seule fois par page
- Collez le code du widget à l’endroit où vous voulez qu’il apparaisse
Cela se fait généralement via un bloc HTML, une section d’intégration ou un champ de code personnalisé dans l’éditeur de votre site web.
<!-- Only once per page -->
<script type="module" src="https://widget-static.eversports.io/loader.js" async defer></script>
<!-- Widget code -->
<div data-eversports-widget-id="your-widget-id-here"></div>
🔁 Vous voulez intégrer plusieurs widgets sur la même page ?
Aucun souci !
-
Ajoutez le script une seule fois
-
Collez autant de codes widget que vous le souhaitez
Chaque widget s’affichera là où vous avez placé son <div>
et chargera ses paramètres propres.
🔗 Vous préférez créer un lien plutôt qu’intégrer un widget ?
C’est possible aussi ! Vous pouvez partager un widget via un lien direct au lieu de l’intégrer.
Voici comment faire :
-
Allez dans Paramètres > Widgets [NOUVEAU]
-
Ouvrez l’aperçu des widgets
-
Cliquez sur les trois points à côté du widget concerné
-
Sélectionnez « Partager le lien »
Vous obtiendrez une URL que vous pouvez :
-
Ajouter comme bouton ou lien sur votre site
-
Partager dans vos e-mails, newsletters
-
Publier sur les réseaux sociaux ou des pages de destination
👉 Cette option est idéale si vous ne gérez pas directement le site web ou si vous avez besoin de partager rapidement une offre sans devoir intégrer de code.
📲 Conseils pour une intégration fluide
-
Adaptez l’arrière-plan du widget à celui de votre site pour un rendu plus harmonieux
-
Utilisez la fonction Aperçu dans le Manager pour vérifier le design
-
Testez sur mobile — les nouveaux widgets sont optimisés pour la vue mobile
-
N’utilisez pas d’iframe — les nouveaux widgets n’en ont plus besoin !