Zum Hauptinhalt springen

Widget: So integrierst du ein bsport-Widget bei Hostinger

Schritt-für-Schritt-Anleitung zum Einbetten eines bsport-Widgets auf einer Hostinger-Website-Builder-Seite mit dem HTML-Einbettungselement.

Mit dem Hostinger Website Builder kannst du über das HTML-Einbettungselement Drittanbieter-Code einfügen. Das ist der richtige Weg, um ein bsport-Widget hinzuzufügen – verwende dafür keinen einfachen Link und keinen Bildblock.

Bevor du startest

Erstelle deinen Widget-Code im bsport-Backoffice: Gehe zu Einstellungen > Widget, konfiguriere dein Widget und kopiere den Einbettungscode.

Schritt 1 — Seite im Editor öffnen

Melde dich bei deinem Hostinger-Konto an und öffne den Website Builder. Klicke auf Website bearbeiten und navigiere dann zu der Seite, auf der das Widget erscheinen soll.

Schritt 2 — HTML-Element hinzufügen

Klicke im Editor auf die Schaltfläche +, um einen neuen Bereich oder ein neues Element hinzuzufügen. Suche im Elementbereich nach HTML einbetten (eventuell unter Sonstiges oder Erweitert aufgeführt). Ziehe das Element an die gewünschte Position auf der Seite.

Die Schaltfläche „Block hinzufügen“ im WordPress-Site-Editor

Schritt 3 — Deinen bsport-Code einfügen

Klicke auf das HTML-Element, um dessen Einstellungen zu öffnen. Füge deinen vollständigen bsport-Widget-Code in das Codefeld ein und bestätige.

Schritt 4 — Größe anpassen

Passe die Größe des Elements an, indem du die Ränder ziehst, bis das Widget korrekt angezeigt wird. Wirkt das Widget abgeschnitten, mach das Element höher. Für eine Anzeige in voller Breite ziehe es auf die volle Breite des Bereichs.

Schritt 5 — Veröffentlichen

Klicke oben rechts auf Veröffentlichen. Öffne deine Live-Website, um zu prüfen, ob das Widget korrekt lädt.

Wenn das Widget nicht lädt

  • Stelle sicher, dass du den vollständigen Widget-Code eingefügt hast, einschließlich des <div>- und des <script>-Tags.

  • Prüfe, ob du dir die veröffentlichte Website ansiehst und nicht die Editor-Vorschau — das Widget läuft nicht innerhalb des Hostinger-Editors.

  • Weitere Hilfe findest du unter Widget: Häufigste Probleme.

Kommst du nicht weiter? Kontaktiere unser Support-Team mit der Seiten-URL und einem Screenshot, wir schauen uns das an.

Kann bsport meine Widgets für mich einrichten? Ja — wenn du möchtest, dass wir die Einrichtung übernehmen, erfährst du hier, was wir dafür von dir brauchen.

Hat dies deine Frage beantwortet?