Avant de commencer
Générez le code de votre 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 — Bloc HTML personnalisé (recommandée)
Pour l'éditeur de blocs standard de WordPress :
Modifiez la page où vous souhaitez insérer le widget
Cliquez sur + pour ajouter un bloc et recherchez HTML
Collez le code de votre widget dans le bloc
Mettez à jour la page
Méthode 2 — Constructeurs de pages
Elementor : choisissez un élément HTML, faites-le glisser sur la page et collez-y le code.
Divi : ajoutez un module Code et collez-y le code.
WPBakery : ajoutez un élément Raw HTML.
Dans chaque cas, le principe est le même : utilisez l'élément conçu pour le HTML brut, et non un élément de texte ou de texte enrichi, qui supprimera les balises de script.
Méthode 3 — Sur l'ensemble du site via une extension de snippet de code
À utiliser lorsque votre thème ou votre configuration de sécurité empêche l'insertion de scripts dans le contenu des pages.
Installez une extension de snippet de code telle que WPCode ou Code Snippets
Créez un nouveau snippet configuré pour s'exécuter dans le pied de page du site
Collez le code de votre widget et activez-le.
Copiez le shortcode qui apparaît ci-dessous :
Allez sur la page où vous souhaitez insérer le widget et choisissez l'élément shortcode. Collez-le et enregistrez.
Évitez de modifier directement les fichiers de thème via Apparence > Éditeur de fichiers de thème. Les modifications effectuées à cet endroit sont perdues à la prochaine mise à jour de votre thème.
Dépannage
Le code disparaît après l'enregistrement. Une extension de sécurité (Wordfence, Sucuri) ou votre rôle d'utilisateur supprime les balises de script. Les administrateurs peuvent normalement insérer des scripts ; les éditeurs et les auteurs, souvent non. Si vous êtes administrateur et que le problème persiste, utilisez plutôt une extension de snippet de code.
Le widget affiche des informations anciennes, ou les modifications n'apparaissent pas. Videz le cache de votre extension de mise en cache (WP Rocket, W3 Total Cache, LiteSpeed) ainsi que celui de tout CDN comme Cloudflare. La mise en cache est la cause la plus fréquente d'un site WordPress affichant une version obsolète d'une page.
Les modifications effectuées dans le back office ne s'affichent pas. Indépendamment de la mise en cache : la configuration ne se met pas à jour automatiquement sur votre site. Copiez le code nouvellement généré et remplacez entièrement l'ancien.
Le widget a un aspect différent de l'aperçu dans le back office. La feuille de style de votre thème peut l'affecter. Activez le Mode compatibilité dans les paramètres de votre widget, puis copiez et collez le nouveau code.
Le widget apparaît deux fois. Vérifiez qu'il n'a pas été ajouté à la fois dans le contenu de la page et dans un snippet sur l'ensemble du site.
Rien n'apparaît du tout. Ouvrez la page dans une fenêtre de navigation privée pour exclure la mise en cache, puis vérifiez que le code est toujours présent dans le bloc : certains éditeurs suppriment silencieusement les scripts lorsqu'une page est réenregistrée depuis un autre mode d'édition.
Toujours bloqué ? Contactez notre équipe support en indiquant l'URL de la page et une capture d'écran, et nous jetterons un œil.