Avant de commencer
Générez votre code de widget dans le back office bsport : Paramètres → Widgets, choisissez le type de widget, configurez vos options, puis faites défiler vers le bas et copiez le code. Chaque fois que vous modifiez un paramètre, un nouveau code est généré, et vous devez coller la nouvelle version sur votre site pour que la modification prenne effet.
Méthode 1 — Élément Embed (recommandée)
Ouvrez la page dans le Webflow Designer
Cliquez sur le panneau Add (+) et trouvez Embed dans la section Components
Faites-le glisser sur la page à l'endroit où vous souhaitez placer le widget
Collez votre code de widget dans l'éditeur de code et cliquez sur Save & Close
Cliquez sur Publish
⚠️ Le widget ne s'affichera pas dans le Designer. Webflow y affiche à la place un espace réservé gris. C'est normal — publiez le site, ou utilisez l'icône d'aperçu en forme d'œil, pour voir le widget réel.
Deux points à vérifier sur l'élément Embed lui-même :
Attribuez à son conteneur parent une largeur de 100 % afin que le widget puisse être réactif
Laissez la hauteur en auto plutôt que de la fixer, afin que le widget puisse s'adapter à son contenu
Méthode 2 — Code personnalisé de page ou de site
Utilisez cette méthode lorsque le même widget doit apparaître sur chaque page, ou lorsque le script doit se charger avant l'affichage de la page.
Une seule page : Page Settings (l'icône en forme d'engrenage à côté du nom de la page) → Custom Code → Before </body> tag
Tout le site : Project Settings → Custom Code → Footer Code
Le code appliqué à l'ensemble du site s'applique à toutes les pages publiées. Privilégiez donc l'option au niveau de la page, sauf si vous en avez réellement besoin partout.
Dépannage
Le widget s'affiche sur le site publié mais pas dans le Designer.
Comportement attendu. Webflow n'exécute jamais les scripts intégrés dans la zone de travail du Designer.
Les modifications effectuées dans le back office ne s'affichent pas.
La configuration ne se met pas à jour automatiquement sur votre site. Copiez le code nouvellement généré et remplacez entièrement l'ancien, puis republiez.
Le widget a un aspect différent de celui de l'aperçu du back office.
La feuille de style de votre site peut l'affecter. Activez le Mode de compatibilité dans les paramètres de votre widget, puis copiez-collez le nouveau code.
L'éditeur de code n'accepte pas le code.
L'élément Embed de Webflow a une limite de 50 000 caractères. Le code du widget bsport est largement en dessous de cette limite, donc si vous l'atteignez, vérifiez qu'aucun autre contenu n'a été collé en même temps.
Le widget est coupé ou compressé.
Vérifiez la largeur du conteneur parent ainsi que toute largeur maximale définie sur celui-ci, et vérifiez séparément les points de rupture mobiles dans le Designer.
Rien ne s'affiche.
Vérifiez que le site a bien été publié depuis l'ajout du code — les modifications Webflow ne sont pas visibles tant que vous n'avez pas publié.
Toujours bloqué ? Contactez notre équipe support avec l'URL de la page et une capture d'écran, et nous y jetterons un œil.