Case Study / Landig

Ein Review-Setup für Landigs Store und Abläufe.

Landig startete ohne Review-App und brauchte ein durchgängiges Setup: Bewertungen im vorgegebenen Design, auch in Suche und Warenkorb, sowie Post-Purchase-Anfragen mit konkreten Ausschlussregeln. Dafür wurden Versandregeln, Rabattcodes und Moderation eingerichtet, Bewertungsformulare angepasst und Ratings in die unterschiedlichen Theme-Bereiche integriert.

Bewertungsanfragen: Zeitsteuerung, Tags & Bestellwert
Nach der Bewertung: Freigabe & Shopify-Rabattcodes
Integration: PDP, Produktkarten, Warenkorb & Suche

Mein Beitrag: Social-Proof-Integration im Rahmen eines Relaunchs mit Eshop Guide: Datenanbindung, Konfiguration, Designanpassung, Platzierung und Theme-Entwicklung.

Landig-Produktseite Fleischwolf W 50 mit gelben Bewertungssternen und Bewertungsanzahl neben dem Preis. — Produktrating im Landig-Design direkt neben dem Preis. Aufnahme aus dem Relaunch-Store mit Testbewertungen.

Bewertungen im Landig-Design, bis in den Warenkorb

Die Bewertungsdarstellung wurde für die jeweiligen Stellen im Store umgesetzt: das Rating neben dem Preis, die ausführliche Rezension auf der Produktseite und die kompakte Darstellung in Produktkarten. Struktur, CSS und responsive Ansichten wurden an Landigs Designvorlagen angepasst. Die Komponenten bleiben im Theme-Editor wiederverwendbar.

Rating aus Shopify-Metafeldern: Liquid liest Bewertungsschnitt und Anzahl direkt aus den Produkt-Metafeldern. Das PDP-Rating ist Teil der serverseitigen HTML-Ausgabe.
Individuelles Design, wiederverwendbare Komponenten: Sterne-Verteilung, Sortierung, Rezensionen und Antworten wurden mit anpassbarer Struktur und CSS gestaltet; mobil wird die zweispaltige Liste einspaltig. Landig kann die Sections und App-Blöcke nach der Übergabe selbst im Theme-Editor platzieren und auf weiteren Templates wiederverwenden.

Landig-Bewertungsliste mit Sterne-Verteilung, Sortierung, Rezensionen und einer Händlerantwort, dargestellt mit Testdaten. — Sterne-Verteilung, Rezensionen und Händlerantworten nach Landigs Designvorlage, mit angepasster Darstellung auf Mobilgeräten. Die sichtbaren Rezensionen sind Testdaten.

Ratings bleiben auch in Suche und Cart-Drawer sichtbar

Ratings wurden auch dort integriert, wo Inhalte erst durch eine Aktion geladen werden: beim Tippen in der Suche oder beim Aktualisieren des Warenkorbs. Dafür wurde die Rating-Komponente in die verschiedenen Produktkarten eingebunden, einschließlich Kategorie- und Suchergebnisseiten, Featured Products und Cross-Selling. So ist die Darstellung auch ohne vollständigen Seitenwechsel verfügbar.

Landig Predictive Search für Fleischwolf mit Bewertungssternen und Anzahl in den nachgeladenen Produktkarten. — Predictive Search: Ratings in den Produktvorschlägen, ohne vollständigen Seitenwechsel. Aufnahme aus dem Relaunch-Store mit Testdaten.

Wiederverwendbares Rating-Snippet: Ein gemeinsames Liquid-Snippet übergibt Produkt-ID, Bewertungsschnitt und Anzahl an die Rating-Komponente. Es ist in die unterschiedlichen Produktkarten-Varianten des Themes eingebunden.
Predictive Search und Suchergebnisse: Auch die beim Tippen geladenen Suchvorschläge zeigen Ratings. Dieselbe Darstellung wird in Produktlisten und auf der regulären Suchergebnisseite verwendet.
Warenkorb und Cart-Drawer: Ratings sind auch für dynamische Warenkorb-Bereiche integriert. Die Darstellung ist damit nicht auf Komponenten beschränkt, die beim ersten Seitenaufruf vorhanden sind.
Serverausgabe und JavaScript kombiniert: Rezensionstexte stehen bereits im Seiten-HTML. Für dynamische Produktkarten ergänzt eine Web Component die Darstellung anhand der von Liquid übergebenen Bewertungsdaten.

Von der Bestellung zur Bewertung im Store

01
Bestellung prüfen
Bestell-Tags und Bestellwert schließen bestimmte Bestellungen aus; Produkt-Tags schließen einzelne Produkte aus der Anfrage aus. Für die übrigen gilt der eingestellte Zeitversatz nach Fulfillment.
02
Bewertung anfragen
E-Mail mit Link zum Post-Purchase-Bewertungsformular, anschließend interne Freigabe und ein Shopify-Rabattcode als Anreiz.
03
Im Store anzeigen
Die freigegebenen Bewertungen liegen in Shopify. Ratings und Rezensionen werden in die verschiedenen Theme-Bereiche integriert.

Post-Purchase-Anfragen nach Landigs Regeln

Landig sollte steuern können, welche Bestellungen eine Bewertungsanfrage auslösen und wann sie versendet wird. Dafür wurden die Ausschlüsse nach Tags und Bestellwert, der Zeitversatz nach Fulfillment und die Rabattcode-Vergabe eingerichtet. Die konfigurierbaren Funktionen bilden die Grundlage; ihre Einrichtung folgt Landigs Anforderungen.

Welche Bestellungen eine Anfrage erhalten

Zeitversatz nach Fulfillment: Die Anfrage orientiert sich am Versandstatus. Der gewünschte Zeitraum von 7 bis 14 Tagen nach Fulfillment lässt sich konfigurieren, statt direkt beim Kauf zu versenden.
Ausschluss nach Bestell- und Produkt-Tags: Bestellungen mit definierten Tags können ausgeschlossen werden. Zusätzlich lassen sich Produkte mit dem Tag „Seminar“ von Bewertungsanfragen ausnehmen.
Bestellwert als Ausschlussregel: Die App kann Bestellungen oberhalb eines frei wählbaren Betrags ausschließen, beispielsweise über 5.000 €. So lässt sich die Bewertungsanfrage zusätzlich zu den Tag-Regeln nach Bestellwert steuern.
Rabattcodes und manuelle Freigabe: Shopify-interne Rabattcodes dienen als Anreiz für abgegebene Bewertungen. Neue Rezensionen müssen bei Landig vor der Veröffentlichung vom Team freigegeben werden.

Vorschau der Bewertungs-E-Mail mit Bestellbezug und direktem Link zum Post-Purchase-Formular. Beispiel aus dem Entwicklungsstore.

Bewerten nach dem Kauf: per E-Mail oder direkt auf der PDP

PDP-Bewertungsformular mit Kaufprüfung: Das Bewertungsformular auf der Produktdetailseite wird nur für eingeloggte Kunden ausgegeben, deren Shopify-Bestellhistorie einen Kauf dieses Produkts enthält. Die Prüfung erfolgt serverseitig in Liquid. So können Bestandskunden direkt auf der Produktseite bewerten, auch ohne den Link aus einer Bewertungs-E-Mail.
Post-Purchase-Bewertungsformular: Der Link in der Bewertungs-E-Mail führt direkt zum Post-Purchase-Formular im Store, in dem die bestellten Produkte bewertet werden können. Produktdarstellung, Texte, Felder und Buttons wurden für diesen Ablauf angepasst.

Landig-Post-Purchase-Formular mit drei bestellten Produkten, Sterneauswahl, Titel- und Textfeldern sowie dem Button „Alle Absenden“. — Direkt im Landig-Store eingebettet: Das Post-Purchase-Bewertungsformular nutzt denselben Header und dieselbe Navigation wie der übrige Shop. Mehrere Produkte können einzeln oder gemeinsam bewertet werden. Aufnahme aus dem Entwicklungsstore.

Performance & Lighthouse

Bewertungen integriert. Lighthouse-Score praktisch unverändert.

Bewertungen auf Produktseiten, in der Suche und im Warenkorb, ohne nennenswerten Unterschied beim durchschnittlichen Lighthouse-Score: 56,2 ohne Integration, 56,1 mit Integration. Die Bewertungsdaten liegen direkt in Shopify; Rezensionstexte werden bereits mit dem Seiten-HTML ausgeliefert.

Ohne Integration

56,2

Mit Integration

56,1

Ø Performance-Score über alle Seiten und Geräte

Google PageSpeed Insights, 11. September 2026. Startseite, Kategorieseite und Produktdetailseite: jeweils zehn Durchläufe pro Gerät und Variante, 60 insgesamt. Angegeben sind Mittelwerte. Gemessen im Shopify-Preview (*.shopifypreview.com, pb=0), nicht im Live-Store mit CPU-Throttling für vergleichbare Messungen.

Lighthouse-Scores im direkten Vergleich

Performance-Score von 0 bis 100 · Mittelwerte

Ohne IntegrationMit Integration

Alle Messwerte im Vergleich

Pro Kennzahl steht links der Wert ohne Bewertungsintegration und rechts der Wert mit Integration. Darunter steht die Veränderung: Grün bedeutet besser, Rot bedeutet schlechter. Höhere Performance-Scores sind besser; bei den übrigen Kennzahlen sind niedrigere Werte besser. Lighthouse-Ergebnisse schwanken zwischen Messungen. Deshalb verwenden wir 10 Messungen pro Durchlauf, was in 60 vorher/nachher Gesamt-Messungen resultiert.

Alle Messwerte im Vergleich. Pro Kennzahl steht links der Wert ohne Bewertungsintegration und rechts der Wert mit Integration. Darunter steht die Veränderung: Grün bedeutet besser, Rot bedeutet schlechter. Höhere Performance-Scores sind besser; bei den übrigen Kennzahlen sind niedrigere Werte besser. Lighthouse-Ergebnisse schwanken zwischen Messungen. Deshalb verwenden wir 10 Messungen pro Durchlauf, was in 60 vorher/nachher Gesamt-Messungen resultiert.
Seite / Gerät	Performance	FCP	LCP	TBT	CLS	Speed Index	Transfergröße
Ø Alle Messreihen	56,2 → 56,1(-0,1)	2,7 s → 2,7 s(0,0 s)	7,6 s → 7,5 s(-0,1 s)	575 ms → 673 ms(+98 ms)	0,023 → 0,027(+0,004)	5,8 s → 5,9 s(+0,1 s)	3.846 KiB → 3.846 KiB(0 KiB)
Ø Mobile	42,7 → 43,3(+0,6)	4,7 s → 4,6 s(-0,1 s)	13,3 s → 13,1 s(-0,2 s)	713 ms → 797 ms(+84 ms)	0,014 → 0,030(+0,016)	9,0 s → 9,0 s(0,0 s)	3.613 KiB → 3.615 KiB(+2 KiB)
Ø Desktop	69,6 → 68,9(-0,7)	0,7 s → 0,7 s(0,0 s)	1,9 s → 2,0 s(+0,1 s)	437 ms → 549 ms(+112 ms)	0,031 → 0,025(-0,006)	2,5 s → 2,7 s(+0,2 s)	4.080 KiB → 4.078 KiB(-2 KiB)
Startseite · Mobile	46,0 → 49,5(+3,5)	5,4 s → 4,8 s(-0,6 s)	14,3 s → 13,2 s(-1,1 s)	473 ms → 493 ms(+20 ms)	0,000 → 0,000(0,000)	8,9 s → 8,4 s(-0,5 s)	3.593 KiB → 3.618 KiB(+25 KiB)
Kategorie · Mobile	43,5 → 40,3(-3,2)	4,2 s → 4,9 s(+0,7 s)	12,8 s → 13,8 s(+1,0 s)	665 ms → 672 ms(+7 ms)	0,033 → 0,082(+0,049)	8,2 s → 8,3 s(+0,1 s)	3.207 KiB → 3.208 KiB(+1 KiB)
Produktseite · Mobile	38,6 → 40,2(+1,6)	4,6 s → 4,2 s(-0,4 s)	12,9 s → 12,2 s(-0,7 s)	1.002 ms → 1.225 ms(+223 ms)	0,010 → 0,007(-0,003)	10,0 s → 10,3 s(+0,3 s)	4.038 KiB → 4.018 KiB(-20 KiB)
Startseite · Desktop	77,0 → 78,2(+1,2)	0,8 s → 0,7 s(-0,1 s)	1,4 s → 1,3 s(-0,1 s)	365 ms → 385 ms(+20 ms)	0,005 → 0,003(-0,002)	2,4 s → 2,5 s(+0,1 s)	4.295 KiB → 4.288 KiB(-7 KiB)
Kategorie · Desktop	69,2 → 66,6(-2,6)	0,7 s → 0,7 s(0,0 s)	2,7 s → 2,8 s(+0,1 s)	300 ms → 398 ms(+98 ms)	0,001 → 0,001(0,000)	2,2 s → 2,4 s(+0,2 s)	3.180 KiB → 3.195 KiB(+15 KiB)
Produktseite · Desktop	62,7 → 61,8(-0,9)	0,7 s → 0,7 s(0,0 s)	1,5 s → 1,9 s(+0,4 s)	647 ms → 865 ms(+218 ms)	0,088 → 0,070(-0,018)	2,8 s → 3,2 s(+0,4 s)	4.764 KiB → 4.750 KiB(-14 KiB)

FCP: erste sichtbare Inhalte · LCP: größter sichtbarer Inhalt · TBT: blockierte Hauptthread-Zeit · CLS: Layout-Verschiebungen · Speed Index: Geschwindigkeit des sichtbaren Seitenaufbaus

Mehr informationen zu Google PageSpeed Insights

Weitere Referenzen

Tisso: Trustpilot-Bewertungen direkt in Shopify