Booking.com-Bewertungen-Beispiele

Sie können Ihre Bewertungen auf einer Seite sauber als Liste integrieren. Wenn Sie den Header deaktivieren und Auto-Breite und -Höhe anwenden, wie in diesem Beispiel, nimmt das Widget den gesamten verfügbaren Platz auf der Seite ein und wirkt ausgewogen. Verwenden Sie Filter, um die Anzahl der Bewertungen festzulegen, nur Bewertungen mit positiver Bewertung anzuzeigen oder bestimmte Bewertungen nach Schlüsselwörtern auszublenden.

Hier werden verschiedene Bewertungen in einer Masonry-Anordnung angezeigt, die Bewertungen entsprechend ihrer Höhe optimal anordnet. Diese Farbgebung verleiht dem Widget einen absolut einzigartigen Look. Die Sternebewertung der Bewertungen soll zeigen, dass Gäste diesen Ort lieben.

Die Kombination aus Raster-Layout und Spotlight-Bewertungsvorlage verleiht dem Widget eine raffinierte, minimalistische Optik. Geradlinige Konturen und zentriert ausgerichtete Texte ziehen maximale Aufmerksamkeit auf sich. Die klare Geometrie des Raster-Layouts passt zudem zu allen anderen Bewertungsvorlagen – es besteht volle Kompatibilität der Schnittstellenoptionen.

Dieses Widget im Slider-Layout zeigt Bewertungen in einem lebhaften Karussell mit automatischer Wiedergabe. Es eignet sich gut als Beispiel für die Startseite einer Website. Das Slider-Layout kann eine der Navigationssteuerelemente anzeigen: Pfeil, Ziehen oder Paginierung. Es gibt eine Option, die Anzahl der Bewertungen pro Folie festzulegen.

Bewertungen ziehen sofort die größte Aufmerksamkeit der Nutzer auf sich. In diesem Anwendungsfall bestimmt die Wahl der Vorlage die Reihenfolge der Elemente: Das Profilbild des Autors und die Bewertung befinden sich über dem Text, alle Elemente sind zentriert ausgerichtet. Alle anderen Bewertungen können durch Drag & Drop oder mit Pfeilen angesehen werden.

Dies ist ein hervorragendes Beispiel dafür, wie Sie ein Bewertungs-Widget in eine Website mit sehr wenig freiem Platz integrieren können. Als Sidebar positioniert, zeigt das Widget nur die grundlegenden Bedienelemente und bleibt in einer kompakten, responsiven Größe, behält aber die volle Funktionalität.