Cet article explique comment ajouter un widget bsport (calendrier, cartes, abonnements et plus) à une page de votre site Squarespace à l'aide d'un bloc de code.
Avant de commencer
Votre forfait Squarespace : Squarespace vous permet d'exécuter du JavaScript ou un iframe dans un bloc de code uniquement avec les forfaits Core, Plus ou Advanced. Avec les autres forfaits, le widget ne s'affichera pas.
Votre code de widget : vous avez besoin du code généré dans votre back office bsport. Si vous ne l'avez pas encore créé, suivez l'article Widget : comment intégrer un widget bsport sur votre site web et copiez le code à la fin.
Ajouter le widget à votre page
Dans le back office bsport, allez dans Paramètres > Widgets, choisissez votre widget, définissez votre configuration et cliquez sur l'icône copier pour copier le code.
Dans Squarespace, ouvrez la page sur laquelle vous souhaitez ajouter le widget et cliquez sur Modifier.
Passez la souris sur la section où le widget doit apparaître, cliquez sur Ajouter un bloc (ou +) et choisissez Code.
Cliquez sur l'icône crayon du bloc pour ouvrir l'éditeur de code.
Dans le menu Mode, sélectionnez HTML. Assurez-vous que l'option Display Source est désactivée, sinon le code s'affiche en tant que texte au lieu de s'exécuter.
Collez le code du widget bsport dans l'éditeur.
Cliquez sur Enregistrer (ou Appliquer), puis enregistrez et publiez votre page.
Ouvrez votre site web en ligne et vérifiez que le widget s'affiche.
Chaque fois que vous modifiez les paramètres de votre widget dans le back office bsport, un nouveau code est généré. Votre site web ne se met pas à jour automatiquement : copiez le nouveau code et remplacez l'ancien dans le bloc de code.
Dépannage
Le code apparaît sous forme de texte sur ma page. Ouvrez le bloc de code, définissez le mode sur HTML et désactivez Display Source.
Le widget est vide pendant que je modifie la page. Pour des raisons de sécurité, Squarespace masque parfois le code intégré lorsque vous êtes connecté. Cliquez sur Preview in Safe Mode, ou ouvrez la page publiée dans une fenêtre de navigation privée.
Le widget ne s'affiche pas sur une page spécifique. Squarespace précise que le code peut ne pas s'afficher sur les pages d'index, ou lorsque le chargement AJAX est activé. Essayez une page standard, ou désactivez le chargement AJAX dans les paramètres de votre site.
Je ne peux plus modifier ma page. Si un bloc de code vous empêche de modifier la page, désactivez les scripts dans l'aperçu Squarespace, puis modifiez ou supprimez le bloc.
Le widget est différent de l'aperçu, est coupé, ou est compressé sur mobile. Consultez l'article Widget : problèmes les plus courants (mode de compatibilité, largeur du conteneur et affichage mobile).
Toujours bloqué ? Contactez-nous à l'adresse support@bsport.io en indiquant le lien de la page où le widget doit apparaître.
bsport peut-il intégrer mes widgets à ma place ? Oui — si vous préférez que nous nous occupions de la configuration, découvrez ce dont nous avons besoin pour commencer.