Widgets

Mit dem Widget-Builder von BewertungsBox können Sie Ihre Bewertungen direkt auf Ihrer Website anzeigen. Wir bieten verschiedene Widget-Typen, um Ihre Bewertungen passend zu Ihrem Website-Design zu präsentieren.

Um zu starten, öffnen Sie die Seite Widgets in der Seitenleiste und klicken Sie auf "Erstellen Sie ein Widget".

Verfügbare Widget-Typen

Widget-Typ	Beschreibung
Badge	Kompakter „Badge“-Stil mit zusammengefassten Bewertungen.
Carousel	Rotierender horizontaler Slider mit ausgewählten Bewertungen.
Dynamic Carousel	Automatisch aktualisierender Bewertungs-Slider mit neuesten Bewertungen.
Corner	Kleines Eck-Popup auf Ihrer Website mit rotierenden Bewertungen.
Faces	Zeigt die Gesichter der Kunden, die Bewertungen abgegeben haben.
Headline	Aggregierte Darstellung aller Bewertungen.
Highlights	Kontinuierlich scrollende Anzeige mit ausgewählten Bewertungshighlights.
Marquee	Laufband-Anzeige mit handverlesenen Bewertungen.
Spotlight	Einzelne, hervorgehobene Bewertung mit Fokus-Effekt.
Wall	Paginierte Rasterdarstellung, die automatisch die neuesten Bewertungen lädt.

 

Anpassung der Widgets

In der linken Seitenleiste finden Sie verschiedene erweiterbare Panels, die Sie benutzen können, um Ihr Widget an Ihr Branding anzupassen. Die verfügbaren Optionen können je nach Widget-Typ variieren.

Bewertungen

• Bewertungs-IDs – Einige Widgets können spezifische Bewertungen anzeigen.
• Bewertungs-ID – Auswahl einer einzelnen Bewertung (z. B. für „Spotlight“).

Layout

• Ausrichtung – Links oder zentriert.
• Quelle – Quelle der Bewertung anzeigen oder ausblenden.
• Quellen-Position – Position der Bewertungsquelle festlegen.
• Datum – Bewertungsdatum anzeigen oder ausblenden.
• Anführungszeichen – Bewertungszitate optisch hervorheben.
• Kürzen – Lange Bewertungen kürzen.
• Innenabstand (Padding) – Abstand um den Inhalt definieren.
• Anzahl der Bewertungen – Anzahl der sichtbaren Bewertungen anzeigen oder ausblenden.

Farben

• Sternfarbe – Farbe der Bewertungssterne.
• Textfarbe – Farbe des Textes.
• Hintergrundfarbe – Hintergrundfarbe des Widgets.
• Rahmenfarbe – Farbe und Kontrast des Rahmens.

Schriftart

• Schriftfamilie – Auswahl eines Google-Fonts oder einer Standardschrift.
• Schriftgröße – Textgröße in Pixeln anpassen.

Bewertungsanzeige

• Sterne-Anzeige – Sterne komplett, teilweise oder gar nicht anzeigen.
• Sterngröße – Größe der Sterne in Pixeln festlegen.

Kundendaten

• Name – Anzeigeoptionen: Vorname, Vorname + Nachnameninitiale, Initialen oder ausgeblendet.
• Avatar – Profilbilder anzeigen, ausblenden oder nur bei vorhandenen Fotos anzeigen.
• Kundenposition – Position der Kundendaten (oben oder unten im Widget).
• Firma – Unternehmensnamen anzeigen oder ausblenden.

Rahmen

• Eckenradius – Rundung der Ecken in Pixeln.
• Rahmenbreite – Dicke der Rahmenlinien in Pixeln.
• Schatten (Drop Shadow) – Schatteneffekt aktivieren oder deaktivieren.

Karussell

• Autoplay – Automatisches Abspielen aktivieren oder deaktivieren.
• Autoplay-Verzögerung – die Zeit zwischen Folienübergängen einstellen.
• Navigation (Pagination) – Anzeige von Pfeilen, Punkten oder Ausblenden der Navigation.
• Maximale Folien – Anzahl der Folien pro Anzeige.

Animation

Verzögerung in Sekunden, bis die nächste Bewertung angezeigt wird.

Marquee

• Sichtbare Bewertungen – Anzahl der gleichzeitig sichtbaren Bewertungen.
• Dauer – Geschwindigkeit der Bewegung im Laufband.

Filter

• Bewertungen pro Seite – Anzahl der sichtbaren Bewertungen (bei Seitenwechsel).
• Maximale Bewertungen – Obergrenze der anzuzeigenden Bewertungen (0 = unbegrenzt).
• Minimale Bewertung – Nur Bewertungen mit einem bestimmten oder höheren Score anzeigen.
• Bewertungslänge – Bewertungen ab einer bestimmten Zeichenzahl anzeigen.
• Standorte – Bewertungen bestimmter Standorte anzeigen.
• Quellen – Bewertungen nach Plattformquelle filtern.
• Tags – Bewertungen mit spezifischen Schlagwörtern anzeigen.
• Verborgene Bewertungen einbeziehen – optionale Anzeige ursprünglich ausgeblendeter Bewertungen.

Schema-Markup

• Schema aktivieren – JSON-LD-Markup einbinden, um eventuell eine Sternebewertung in den Google-Ergebnissen anzuzeigen.
• Unternehmenstyp – Typ des Unternehmens für das Markup.
• Unternehmensname – Name des Unternehmens, der im Markup erscheinen soll.

Widget einbetten

Das Einbinden eines Widgets auf Ihrer Website ist ganz einfach:
Kopieren Sie einfach den generierten Codeblock aus dem Widget-Builder in den HTML-Code Ihrer Website.

• Wenn der Code innerhalb des <body>-Tags eingefügt wird, erscheint das Widget genau an dieser Stelle.
• Wenn der Code im <head>-Tag eingefügt wird, rendert das Widget automatisch nach dem öffnenden <body>-Tag. Um die Position gezielt festzulegen, fügen Sie das Attribut data-target hinzu und geben die Ziel-ID des Elements an, in dem das Widget erscheinen soll.

Beispiel:

<head>
<script id="[WIDGET-UUID]" src="https://tag.bewertungsbox.com/js/app.js" data-target="widget-container"></script>
</head>

Wenn auf Ihrer Seite ein div mit der ID widget-container vorhanden ist, wird das Widget dort gerendert.

<body>
<div id="widget-container"><!-- widget will render here --></div>
</body>

Einschränkungen & Sicherheit

Erlaubte Domains

Standardmäßig lassen sich Widgets auf jeder Website einbetten. Legen Sie die erlaubten Domains fest, damit Ihre Bewertungen nur auf autorisierten Webseiten angezeigt werden. Gehen Sie unter Aktionen → Einstellungen → Erlaubte Domains und tragen Sie dort die gewünschten Domains ein.

Sprache

Standardmäßig richtet sich die Sprache des Widgets nach der Sprache des Browsers des Besuchers.
Alternativ können Sie eine feste Sprache vordefinieren: Gehen Sie unter Aktionen → Einstellungen → Sprache und wählen Sie Ihre gewünschte Sprache aus.

 

Veröffentlichung der Widgets

Alle Änderungen im Widget-Builder werden in Echtzeit angewendet.
Sie können Widgets veröffentlicht oder unveröffentlicht schalten:

• Veröffentlicht – Das Widget wird auf Ihrer Website live angezeigt.
• Unveröffentlicht – Das Widget wird verborgen, bleibt jedoch im Builder aktiv.

Wenn Ihr Konto eine Widget-Grenze hat, bleiben zusätzliche Widgets im Status „Unveröffentlicht“, bis Sie Ihr Abonnement upgraden.