Voordat je begint
Genereer je widgetcode in het bsport-backoffice: Instellingen > Widgets, kies het widgettype, stel je opties in en scroll vervolgens naar beneden om de code te kopiëren. Telkens wanneer je een instelling wijzigt, wordt er een nieuwe code gegenereerd. Je moet de nieuwe versie op je site plakken om de wijziging door te voeren.
Methode 1 — Aangepast HTML-blok (aanbevolen)
Voor de standaard WordPress-blokeditor:
Bewerk de pagina waar je de widget wilt plaatsen
Klik op + om een blok toe te voegen en zoek naar HTML
Plak je widgetcode in het blok
Werk de pagina bij
Methode 2 — Paginabouwers
Elementor: kies een HTML-element, sleep het naar de pagina en plak de code erin.
Divi: voeg een Code-module toe en plak de code daar.
WPBakery: voeg een Raw HTML-element toe.
In elk geval geldt hetzelfde principe: gebruik het element dat bedoeld is voor ruwe HTML, niet een tekst- of rich-text-element, want dat verwijdert de scripttags.
Methode 3 — Sitebreed via een code-snippetplugin
Gebruik deze methode wanneer je thema of beveiligingsinstellingen scripts in paginacontent blokkeren.
Installeer een code-snippetplugin zoals WPCode of Code Snippets
Maak een nieuwe snippet aan en stel in dat deze wordt uitgevoerd in de sitefooter
Plak je widgetcode en activeer deze.
Kopieer de shortcode die hieronder verschijnt:
Ga naar de pagina waar je de widget wilt plaatsen en kies het shortcode-element. Plak en sla op.
Bewerk themabestanden niet rechtstreeks via Weergave > Thema-editor. Wijzigingen daar gaan verloren bij de volgende update van je thema.
Problemen oplossen
De code verdwijnt na het opslaan. Een beveiligingsplugin (Wordfence, Sucuri) of je gebruikersrol verwijdert scripttags. Beheerders kunnen normaal gesproken scripts invoegen; redacteurs en auteurs vaak niet. Als je beheerder bent en dit toch gebeurt, gebruik dan een code-snippetplugin.
De widget toont verouderde informatie, of wijzigingen verschijnen niet. Leeg je cacheplugin (WP Rocket, W3 Total Cache, LiteSpeed) en eventuele CDN-cache zoals Cloudflare. Caching is de meest voorkomende oorzaak wanneer een WordPress-site een verouderde versie van een pagina toont.
Wijzigingen uit het backoffice worden niet weergegeven. Dit staat los van caching: de configuratie wordt niet automatisch bijgewerkt op je site. Kopieer de nieuw gegenereerde code en vervang de oude code volledig.
De widget ziet er anders uit dan in de voorvertoning van het backoffice. Het stijlblad van je thema kan hier invloed op hebben. Schakel Compatibiliteitsmodus in bij je widgetinstellingen, kopieer en plak vervolgens de nieuwe code.
De widget verschijnt dubbel. Controleer of deze niet zowel aan de paginacontent als aan een sitebrede snippet is toegevoegd.
Er verschijnt helemaal niets. Open de pagina in een incognitovenster om caching uit te sluiten en controleer vervolgens of de code nog aanwezig is in het blok — sommige editors verwijderen scripts stilletjes wanneer een pagina opnieuw wordt opgeslagen vanuit een andere bewerkingsmodus.
Kom je er niet uit? Neem contact op met ons supportteam met de pagina-URL en een screenshot, dan kijken we ernaar.