Met de Website Builder van Hostinger kun je code van derden insluiten via het HTML-insluitelement. Dit is de juiste manier om een bsport-widget toe te voegen — gebruik geen gewone link of afbeeldingsblok.
Voordat je begint
Genereer je widgetcode in de bsport back office: ga naar Instellingen > Widget, stel je widget in en kopieer de insluitcode.
Stap 1 — Open de pagina in de editor
Log in op je Hostinger-account en open de Website Builder. Klik op Website bewerken en ga naar de pagina waar je de widget wilt laten verschijnen.
Stap 2 — Voeg een HTML-element toe
Klik in de editor op de knop + om een nieuwe sectie of element toe te voegen. Zoek in het elementenpaneel naar HTML insluiten (dit kan onder Overig of Geavanceerd staan). Sleep het naar de gewenste positie op de pagina.
Stap 3 — Plak je bsport-code
Klik op het HTML-element om de instellingen te openen. Plak je volledige bsport-widgetcode in het codeveld en bevestig.
Stap 4 — Pas de grootte aan
Wijzig de grootte van het element door de randen te verslepen totdat de widget correct wordt weergegeven. Als de widget afgesneden lijkt, maak het element dan hoger. Voor een weergave over de volledige breedte, rek je het element uit tot de volledige breedte van de sectie.
Stap 5 — Publiceren
Klik rechtsboven op Publiceren. Open je live site om te controleren of de widget correct wordt geladen.
Als de widget niet wordt geladen
Controleer of je de volledige widgetcode hebt geplakt, inclusief zowel de
<div>- als de<script>-tag.Controleer of je de gepubliceerde site bekijkt en niet het editorvoorbeeld — de widget werkt niet binnen de Hostinger-editor.
Zie Widget: meest voorkomende problemen voor meer hulp bij problemen oplossen.
Kom je er niet uit? Neem contact op met ons supportteam met de pagina-URL en een screenshot, dan kijken we ernaar.
Kan bsport mijn widgets voor mij integreren? Ja — als je liever hebt dat wij de installatie regelen, kom erachter wat we nodig hebben om te beginnen.