Widget auf WordPress installieren

Diese Anleitung verwendet das JustReview Testimonials-Widget als Beispiel. Jedes andere Widget funktioniert genauso.

Bibliothek zu Ihrem Theme hinzufügen

1. Erstellen Sie Ihr Widget und klicken Sie auf “Generate Code for your website” (Code für Ihre Website generieren).

   

   

2. Öffnen Sie den Theme-Editor: Appearance → Theme File Editor.

   

3. Bearbeiten Sie footer.php und fügen Sie Teil 1 und Teil 2 vor dem schließenden </body>-Tag ein.

   Teil 1 lädt die Bibliothek und gehört nur einmal auf die Seite, auch wenn Sie mehrere Widgets anzeigen. Teil 2 ist die Konfiguration für ein Widget, fügen Sie also pro Widget einen Teil 2 hinzu.

   

   Speichern Sie mit Update File.

Theme-Updates überschreiben diese Datei

Wenn Sie footer.php direkt bearbeiten, kann ein Theme-Update Ihre Änderungen löschen. Sicherere Optionen: Verwenden Sie ein Child-Theme oder ein Snippet-Plugin wie WPCode, das Code vor </body> einfügt.

Widget auf der Seite platzieren

Teil 3 des Snippets ist der Container, der bestimmt, wo das Widget gerendert wird. Wählen Sie die Methode, die zu Ihrer Art des Seitenaufbaus passt.

Theme-Template

Fügen Sie Teil 3 in die Template-Datei an der Stelle ein, an der das Widget erscheinen soll.

Beitrag oder Seite

Fügen Sie einen Custom HTML-Block hinzu (oder wechseln Sie im klassischen Editor zum Tab Text) und fügen Sie dort Teil 3 ein.

Elementor

Fügen Sie Ihrem Layout ein HTML-Widget hinzu und fügen Sie dort Teil 3 ein.

Divi Builder

Divi benötigt die drei Teile, aufgeteilt auf verschiedene Stellen.

1. Fügen Sie ein Code-Modul in einen neuen Abschnitt ein und fügen Sie Ihren Container-<div> ein.

   

   

   

2. Fügen Sie die Bibliotheksdateien hinzu (Teil 1).

   

3. Fügen Sie das JustReview-Konfigurationsscript hinzu (Teil 2).

Vergessen Sie nicht zu speichern.

Das Widget wird in wp-admin nicht angezeigt

Das Widget wird nur auf Domains angezeigt, die in Ihren Einstellungen hinterlegt sind, daher bleibt die WordPress-Admin-Vorschau leer. Speichern Sie Ihre Änderungen und prüfen Sie stattdessen die Live-Website. Ihre Website-Adresse muss mit dem Whitelist-Eintrag übereinstimmen.

Generieren Sie den Code nach jeder Änderung neu

Die Widget-Einstellungen befinden sich im Snippet auf Ihrer Website. Nachdem Sie etwas im Dashboard geändert haben, generieren Sie den Code erneut und ersetzen Sie Teil 2 auf Ihrer Website.

Widget wird immer noch nicht angezeigt?

Gehen Sie diese der Reihe nach durch, sie decken fast jeden Fall ab:

1. Domain-Whitelist in den Einstellungen stimmt mit Ihrer Adresse überein.
2. Teil 3 (der Container-<div>) ist vorhanden auf der Seite. Ohne ihn gibt es nichts zu befüllen.
3. Caching-Plugin. WP Rocket, LiteSpeed Cache und ähnliche Tools cachen das alte HTML und können JavaScript verzögern oder zusammenfassen. Leeren Sie den Cache und schließen Sie justreview.js von der JS-Optimierung aus.
4. Teil 1 erscheint genau einmal. Das zweifache Laden der Bibliothek kann das Rendering beeinträchtigen.
5. Das Badge-Widget benötigt mindestens eine Bewertung, bevor es etwas anzeigt.