ℹ️ Cet article sera mis à jour au fur et à mesure des améliorations apportées au cours des prochains mois.
Quel que soit le widget bsport que vous ajoutez à votre site web, les mêmes options d'intégration déterminent son comportement une fois installé : la façon dont il s'ouvre, la langue dans laquelle il s'affiche, s'il conserve son propre style et si les clients peuvent se connecter directement depuis celui-ci. Vous trouverez ces options dans Paramètres > Widgets, à l'étape 1 · Site web de l'onglet Configurer. Définissez-les avant de passer aux étapes 2 · Installation et 3 · Publier.
1. Type de popup
Choisissez la façon dont le widget s'ouvre pour vos clients. Chaque option est présentée sous forme de carte accompagnée d'une courte description.
Nouvel onglet — s'ouvre dans un nouvel onglet du navigateur.
Popup sur mon site web — s'ouvre dans une popup superposée à votre site web.
Nouvelle fenêtre — s'ouvre dans une fenêtre popup distincte plutôt que dans un onglet.
Sans popup — s'ouvre en plein affichage dans le même espace, sans aucune popup.
2. Langue du widget
Le widget s'affiche dans la langue que vous sélectionnez sous Langue du widget. Choisissez Utiliser la langue du navigateur du visiteur si vous préférez que le widget s'adapte à chaque visiteur. Ce paramètre affecte uniquement le widget sur votre site web. Il ne modifie pas la langue de votre Back-Office.
3. Conserver le style par défaut
Conserver le style par défaut empêche les styles et le thème de votre site web de remplacer le design du widget.
Activez cette option lorsque :
Les styles de votre site web interfèrent avec le widget — les boutons s'affichent mal, la taille du texte est incorrecte ou les couleurs ne correspondent pas.
Vous souhaitez que le widget conserve exactement son design d'origine, sans influence externe.
Il existe une différence entre l'aperçu dans le Back-Office et ce que vous voyez sur votre site web en ligne.
4. Connexion client avec EasyConnect
Activez Ajouter le bouton EasyConnect pour afficher un menu permettant aux clients de se connecter depuis votre site web et d'accéder à leur profil, leurs réservations, leur panier et leurs abonnements.
Important : assurez-vous que l'option Conserver le style par défaut est désactivée. Si elle est activée, le bouton EasyConnect n'apparaîtra pas.
Le bouton fonctionne uniquement sur la page où le widget est intégré. Il n'apparaîtra pas sur le reste de votre site web.
5. Personnaliser vos widgets
Pour modifier l'apparence de vos widgets, rendez-vous dans l'onglet Personnaliser. Vous pouvez ajuster les espacements, les arrondis, les polices, les couleurs et les arrière-plans, et voir un aperçu en direct à droite. Vos modifications sont enregistrées automatiquement.
La personnalisation est disponible pour Calendrier, Ateliers, Abonnements, Acquisition de prospects, Cartes de séances, Parrainage et Chat Agent. Les autres widgets peuvent être stylisés via du CSS personnalisé.
CSS personnalisé
Si vous avez besoin d'un style plus avancé, l'onglet CSS personnalisé vous permet d'écrire votre propre code CSS pour un meilleur contrôle de l'apparence du widget.
Important : le CSS personnalisé nécessite certaines connaissances techniques. Si vous n'êtes pas à l'aise avec l'écriture de CSS, demandez à votre développeur web ou à votre agence, ou contactez notre équipe support.
