Bevor du startest
Erstelle deinen Widget-Code im bsport-Backoffice: Einstellungen > Widgets, wähle den Widget-Typ aus, konfiguriere deine Optionen, scrolle dann nach unten und kopiere den Code. Jedes Mal, wenn du eine Einstellung änderst, wird ein neuer Code generiert. Du musst die neue Version auf deiner Website einfügen, damit die Änderung wirksam wird.
Methode 1 – Benutzerdefinierter HTML-Block (empfohlen)
Für den Standard-WordPress-Block-Editor:
Bearbeite die Seite, auf der das Widget erscheinen soll
Klicke auf +, um einen Block hinzuzufügen, und suche nach HTML
Füge deinen Widget-Code in den Block ein
Klicke auf Aktualisieren, um die Seite zu speichern
Methode 2 – Page-Builder
Elementor: Wähle ein HTML-Element, ziehe es auf die Seite und füge den Code dort ein.
Divi: Füge ein Code-Modul hinzu und füge den Code dort ein.
WPBakery: Füge ein Raw-HTML-Element hinzu.
In jedem Fall gilt dasselbe Prinzip: Verwende das Element, das für reinen HTML-Code vorgesehen ist, und kein Text- oder Rich-Text-Element, da dieses die Script-Tags entfernt.
Methode 3 – Website-weit über ein Code-Snippet-Plugin
Nutze diese Methode, wenn dein Theme oder deine Sicherheitseinstellungen Skripte im Seiteninhalt verhindern.
Installiere ein Code-Snippet-Plugin wie WPCode oder Code Snippets
Erstelle ein neues Snippet und lege fest, dass es im Footer der Website ausgeführt wird
Füge deinen Widget-Code ein und aktiviere ihn.
Kopiere den Shortcode, der unten angezeigt wird:
Gehe zu der Seite, auf der das Widget erscheinen soll, und wähle das Shortcode-Element aus. Füge den Shortcode ein und speichere.
Bearbeite Theme-Dateien nicht direkt über Design > Theme-Datei-Editor. Änderungen dort gehen beim nächsten Theme-Update verloren.
Fehlerbehebung
Der Code verschwindet nach dem Speichern. Ein Sicherheits-Plugin (Wordfence, Sucuri) oder deine Nutzerrolle entfernt die Script-Tags. Administratoren können normalerweise Skripte einfügen, Redakteure und Autoren oft nicht. Wenn du Administrator bist und es trotzdem passiert, verwende stattdessen ein Code-Snippet-Plugin.
Das Widget zeigt veraltete Informationen an, oder Änderungen werden nicht übernommen. Leere dein Caching-Plugin (WP Rocket, W3 Total Cache, LiteSpeed) und jeden CDN-Cache wie Cloudflare. Caching ist die häufigste Ursache dafür, dass eine WordPress-Website eine veraltete Version einer Seite anzeigt.
Änderungen aus dem Backoffice werden nicht angezeigt. Das ist unabhängig vom Caching: Die Konfiguration wird auf deiner Website nicht automatisch aktualisiert. Kopiere den neu generierten Code und ersetze den alten vollständig.
Das Widget sieht anders aus als in der Backoffice-Vorschau. Das Stylesheet deines Themes beeinflusst möglicherweise die Darstellung. Aktiviere den Kompatibilitätsmodus in deinen Widget-Einstellungen, kopiere dann den neuen Code und füge ihn ein.
Das Widget erscheint zweimal. Prüfe, ob es sowohl dem Seiteninhalt als auch einem website-weiten Snippet hinzugefügt wurde.
Es erscheint überhaupt nichts. Öffne die Seite in einem privaten Browserfenster, um Caching auszuschließen, und prüfe dann, ob der Code noch im Block vorhanden ist – manche Editoren entfernen Skripte automatisch, wenn eine Seite aus einem anderen Bearbeitungsmodus erneut gespeichert wird.
Kommst du nicht weiter? Kontaktiere unser Support-Team mit der Seiten-URL und einem Screenshot – wir schauen uns das an.