So baust du eine High-Converting Shopify PDP für Skincare-Brands

Key Takeaways

• Eine Shopify Skincare PDP (Produktdetailseite) muss Fragen beantworten, die sich bei einer normalen Produktseite nie stellen: Passt das zu meinem Hauttyp, verursacht es Pickel, wie hoch ist die Konzentration und kann ich es mit meinen aktuellen Produkten layern?
• Der Routine-Kontext ist der wertvollste Merchandising-Hebel in der Hautpflege. Wo das Produkt in einer AM- oder PM-Routine (Morgens/Abends) angesiedelt ist, womit man es kombinieren sollte und womit nicht, macht aus einem simplen Cross-Sell eine echte Beratung.
• Inhaltsstoff-Daten (Ingredients) gehören in Metafelder und Metaobjekte, nicht ins Beschreibungsfeld. Ein Zutaten-Glossar, das einmal als Metaobjekt gespeichert ist, kann von jedem Produkt genutzt werden, das diesen Inhaltsstoff enthält.
• Die Formulierung von Claims (Werbeaussagen) ist streng reguliert. In den USA entscheidet der Verwendungszweck (Intended Use) über die Grenze zwischen Kosmetik und Medikament. In der EU müssen kosmetische Claims sechs Kriterien erfüllen, einschließlich der Beweiskraft (Evidenz).
• Risikominimierung beim Ausprobieren ist hier wichtiger als in den meisten anderen Kategorien: Probiergrößen als echte Varianten, eine auf der PDP sichtbare Rückgaberichtlinie und Abos, die als Komfort und nicht als Lock-in (Falle) wahrgenommen werden.

Die meisten Tipps für Produktseiten sind kategorieübergreifend. Sie sagen dir, dass du dein Hero-Image optimieren, deine Headline knackiger machen und Bewertungen hinzufügen sollst. Das stimmt alles, reicht für Skincare (Hautpflege) aber nicht aus.

Eine Shopify Skincare PDP scheitert oft an Fragen, die eine normale Seite nie beantworten muss. Funktioniert das bei meinem Hauttyp? Bekomme ich davon Pickel? Was ist da eigentlich drin? Wie lange dauert es, bis ich Ergebnisse sehe? Verträgt sich das mit dem Säure-Peeling, das ich abends benutze? Ist es parfümfrei? Dieser Guide behandelt nur die Skincare-spezifischen Aspekte. Für die allgemeinen Grundlagen starte mit unserem Guide zu einer High-Converting Shopify Produktseite und komm dann hierher zurück.

Warum du uns vertrauen kannst

Wir sind seit über vier Jahren im Shopify-Umfeld tätig und haben mit hunderten Shopify-Brands an ihren Storefronts gearbeitet, darunter auch Beauty- und Skincare-Händler. Wir entwickeln Fudge, einen KI-Storefront-Editor mit einer 5.0-Bewertung im Shopify App Store und dem „Built for Shopify“-Status. Wir arbeiten also direkt auf der Theme-Ebene, wo diese Blöcke leben.

Was sich Skincare-Käufer wirklich fragen

Jede unbeantwortete Frage auf der Seite ist für den Shopper ein Grund, den Tab zu schließen und stattdessen einen Reddit-Thread zu lesen. Skincare-Käufer kommen mit einem ganz bestimmten Set an Fragen.

Beantworte diese Fragen in der Reihenfolge, in der der Shopper sie sich stellt – nicht in der Reihenfolge, in der dein Theme zufällig die Abschnitte anordnet.

Above the Fold auf einer Skincare PDP

Der obere Bereich der Seite hat nur einen Job: Er muss schnell bestätigen, dass das Produkt passt. Fünf Dinge verdienen diesen Platz.

Der Produktname plus eine Beschreibung, was es tut. Ein fantasievoller Name allein zwingt den Käufer zum Suchen. Kombiniere ihn mit der reinen Funktion: Serum, Peeling, Barrier Cream. Auch die Konzentration im Namen ist eine Überlegung wert: The Ordinary verkauft ein Produkt namens Niacinamide 10% + Zinc 1% und Paula’s Choice ein 2% BHA Liquid Exfoliant.

Das Hauptproblem (Hero Concern), das es löst. Ein spezifisches Problem, einmal klar benannt. Ein Produkt, das behauptet, alles zu lösen, löst in den Augen der Kunden gar nichts.

Passender Hauttyp, ausdrücklich genannt. “Geeignet für: alle Hauttypen” steht tatsächlich genau so auf der Seite von The Ordinary, direkt neben einer “Targets”-Liste mit Hautproblemen. Selbst eine breite Antwort ist besser als Schweigen, denn Schweigen lässt Käufer mit empfindlicher Haut immer vom Schlimmsten ausgehen.

Größe und Preis pro ml oder oz. Skincare wird oft nach Preis pro Anwendung (Value-per-Use) verglichen. Ein 30ml-Serum mit einem 50ml-Serum bei unterschiedlichen Preisen im Kopf zu vergleichen, ist anstrengend. Shopify hat ein natives Grundpreis-Feld (Unit Price), das auf Produkt-, Kategorie-, Warenkorb- und Checkout-Seiten in Online Store 2.0-Themes gerendert wird. In vielen Regionen ist die Anzeige gesetzlich vorgeschrieben.¹ In Liquid wird es über variant.unit_price und den unit_price_with_measurement-Filter ausgelesen.²

Ein klarer Add to Cart Button. Kein Add to Cart, der mit einem Abo-Toggle, einem Bundle-Upsell und einem Quiz-Link um die gleiche Aufmerksamkeit kämpft.

Ingredients als Conversion-Asset, nicht als rechtliche Fußnote

Der größte Unterschied zwischen einer Skincare-PDP und einer generischen Produktseite ist, dass die Liste der Inhaltsstoffe ein Kaufgrund ist – und nicht bloß eine Compliance-Pflicht, die man in einem Akkordeon versteckt, das niemand öffnet.

Starte mit dem Hero-Ingredient und seiner Konzentration

Wenn du die Konzentration offenlegst, sag es deutlich. Die beiden Beispiele oben haben die Prozentzahl direkt im Produkttitel. Wenn du sie nicht nennst, sag stattdessen etwas Sinnvolles über die Form: Welches Derivat, bei welchem pH-Wert, in welchem Trägersystem (Delivery System).

Es gibt einen technischen Grund, warum die Konzentration so wichtig ist, den die meisten Brands ihren Käufern nie erklären. Die FDA (und auch die EU-Kosmetikverordnung) schreibt vor, dass Inhaltsstoffe in absteigender Reihenfolge ihres Gewichtsanteils aufgeführt werden müssen. Inhaltsstoffe unter 1% dürfen jedoch in beliebiger Reihenfolge nach denen über 1% aufgelistet werden, und Farbstoffe dürfen danach ebenfalls beliebig folgen.³ Die Position eines Wirkstoffs (Actives) in der INCI-Liste sagt dem Shopper nach den ersten paar Einträgen also fast nichts mehr. Die Angabe der genauen Zahl nimmt das Rätselraten aus der Gleichung.

Packe die komplette INCI-Liste auf die Seite

Manche Brands verstecken sie. Käufer, die auf Inhaltsstoffe achten, finden sie sowieso heraus – und sie werden der Brand vertrauen, die es ihnen leicht macht. Platziere die vollständige Liste in einem ausklappbaren Block direkt in der Nähe der Buy Box, anstatt ganz unten auf der Seite.

Ein Detail, das es wert ist, kopiert zu werden: Der Ingredients-Block von The Ordinary enthält den Hinweis, dass Formulierungen im Laufe der Zeit aktualisiert werden und die angezeigte Liste je nach Region und Kaufdatum von der auf der Verpackung abweichen kann. Das ist ehrlich und beugt Support-Tickets vor.

Übersetze die Liste in eine verständliche Sprache

Die INCI-Liste ist ein rechtliches Dokument, geschrieben in Latein und Chemie. Stelle ihr ein kurzes Glossar der wichtigsten Inhaltsstoffe zur Seite: der Name, den der Shopper kennt, was der Stoff bewirkt und ein Satz darüber, für wen er geeignet ist. Fünf bis acht Einträge reichen völlig. Alle vierzig zu übersetzen, sorgt nur für unnötiges Rauschen (Noise). Für die technische Umsetzung siehe unseren Guide zum Hinzufügen von Inhaltsstoffen oder Pflegehinweisen in Shopify.

Mach “Frei von” spezifisch, nicht angstbasiert

“Clean” ist ein Marketing-Buzzword ohne feste Bedeutung. “Hypoallergen” hat weniger Bedeutung, als die meisten Leute annehmen: Die FDA sagt ganz klar, dass es keine verbindlichen Standards für diesen Begriff gibt und Hersteller den Claim nicht belegen müssen.⁴

Spezifische Attribute sind glaubwürdiger und nützlicher. Die Seite von The Ordinary nennt einen pH-Wert von 5,00 bis 6,50 neben Tags wie alkoholfrei, ölfrei, silikonfrei, vegan und cruelty-free. Das sind überprüfbare Fakten, nach denen ein Käufer handeln kann. “Frei von 1.300 nasties (fiesen Chemikalien)” ist hingegen eine Verkaufsmasche, die auf Angst basiert und den Käufer eher dazu bringt, der gesamten Kategorie zu misstrauen, anstatt dir zu vertrauen.

Wie man Inhaltsstoff-Daten in Shopify speichert

Schreibe das nicht einfach in die Produktbeschreibung. Beschreibungen sind unstrukturiert, nicht filterbar und unmöglich im großen Maßstab zu aktualisieren.

Nutze Produkt-Metafelder für produktspezifische Daten. Erstelle Definitionen unter Einstellungen > Benutzerdefinierte Daten > Produkte. Ein einzeiliges Textfeld für den Hero-Ingredient und die Konzentration, ein mehrzeiliges Textfeld für die komplette INCI-Liste, ein Listenfeld für die “Frei von”-Attribute. Sobald definiert, taucht das Feld bei jedem Produkt auf und kann im Theme-Editor mit einem entsprechenden Block verknüpft werden.

Nutze Metaobjekte für alles, was produktübergreifend geteilt wird. Metaobjekte sind eigenständige, aus mehreren Feldern bestehende Datenstrukturen, auf die von vielen Ressourcen aus verwiesen werden kann – und genau das ist ein Zutaten-Glossar. Definiere ein Ingredient-Metaobjekt mit Feldern für INCI-Name, gebräuchlicher Name, Funktion und für wen es geeignet ist. Erstelle einen Eintrag pro Inhaltsstoff. Gib den Produkten dann ein Metafeld vom Typ “Metaobjekt-Referenzliste” und verknüpfe jedes Produkt mit den vier oder fünf passenden Einträgen.

Der große Vorteil: Wenn du deinen Text über Niacinamid umschreibst, aktualisiert er sich bei jedem Produkt, das Niacinamid verwendet. Das ist der Unterschied zwischen einem sauberen Datenmodell und nervigem Copy-Paste.

Routine-Kontext und Cross-Selling, das wirklich hilft (statt nur die Seite zu füllen)

Das ist der wertvollste Skincare-spezifische Hebel auf der gesamten Seite, und die meisten Shops lassen ihn weg. Ein generischer Cross-Sell sagt “Das könnte dir auch gefallen”. Ein Skincare-Cross-Sell sagt, wo dieses Produkt in einer Pflegeroutine hingehört und was davor/danach kommt. Das wird als echte Beratung wahrgenommen – und Beratung konvertiert.

Vier Datenpunkte machen hier die Arbeit.

Schritt in der Routine (Step Order). The Ordinary kennzeichnet seine Serum-Seite mit “STEP 2: TREAT” über dem Produktnamen. Der Shopper weiß sofort: Das hier ist kein Cleanser und keine Feuchtigkeitscreme.

AM, PM oder beides. (Morgens, abends oder beides). Eine Ein-Wort-Antwort, die viel Verwirrung beseitigt, besonders bei aktiven Wirkstoffen (Actives).

Passt gut zu (Pairs with). Paula’s Choice nutzt einen “Complete Your Routine”-Block, der nach Phasen organisiert ist: Reinigen (Cleanse), Peelen (Exfoliate), Pflegen (Moisturize). Jede Phase enthält ein benanntes Produkt samt “In den Warenkorb”-Button, wobei das aktuelle Produkt seine eigene Phase einnimmt. Das ist ein Cross-Sell, der sich wie eine fertige Routine liest.

Nicht layern mit (Do not layer with). Der am meisten unterschätzte Block im Skincare-E-Commerce. Die Seite von The Ordinary hat eine explizite “Nicht zusammen verwenden”-Liste, die direkte und indirekte Vitamin C-Produkte nennt, plus ein Kompatibilitäts-Tool, um zwei beliebige Produkte des Sortiments zu checken. Einem Käufer zu sagen, was er nicht dazukaufen soll, ist ein extremes Vertrauenssignal. Gleichzeitig verhindert es “Das hat meine Haut gereizt”-Bewertungen, die durch falsches Layering entstanden wären.

In Shopify bildest du den Routine-Schritt und AM/PM am besten als Produkt-Metafelder mit einer festen Liste zulässiger Werte ab. “Passt zu” und “Nicht layern mit” baust du als Produkt-Referenzlisten-Metafelder, damit die Blöcke echte Produktkarten mit Live-Preisen und Beständen rendern können. Weitere Patterns zum Abschauen findest du in unserer Übersicht der besten Shopify-Shops für Beauty und Kosmetik.

Proof in einer Kategorie mit streng regulierten Claims

Social Proof in der Hautpflege hat ein Glaubwürdigkeitsproblem: Käufer haben einfach schon zu viel davon gesehen. Die Lösung lautet: Spezifität.

Vorher-Nachher-Bilder und ihre Grenzen

Vorher-Nachher-Bilder (Before & Afters) funktionieren, wenn das Problem visuell sichtbar ist: Hautbild, Unreinheiten, Rötungen. Sie scheitern bei Feuchtigkeit, Stärkung der Hautbarriere oder allem anderen, was ein Foto schlicht nicht zeigen kann. Wenn ein Shopper merkt, dass hier getrickst wird, glaubt er dem Rest der Seite auch nicht mehr.

Halte Beleuchtung, Abstand und Gesichtsausdruck zwischen den Aufnahmen exakt identisch, nenne den Zeitraum sowie die Anwendung und retuschiere nichts. Wenn du keine ehrlichen Vorher-Nachher-Bilder liefern kannst, fake das Format nicht mit Stockfotos.

Präsentiere Studienergebnisse so, wie es vorsichtige Brands tun

Beide oben genannten PDPs veröffentlichen klinische Claims mit der Stichprobengröße in der Fußnote. Paula’s Choice gibt an, dass der Claim bezüglich Poren und Glanz auf einer unabhängigen klinischen Studie mit 32 Probanden nach 4 Wochen basiert, und ein separater Barriere-Claim auf einer Studie mit 29 Probanden. The Ordinary verweist bei seinen Ergebnissen auf eine klinische Studie mit 35 Probanden, die das Produkt 8 Wochen lang zweimal täglich angewendet haben.

Kopiere diese Struktur: Der Claim, dann die Stichprobengröße, die Dauer und ob das Ergebnis gemessen oder von den Teilnehmern selbst berichtet (Self-reported) wurde. Eine ehrlich beschriebene kleine Studie schlägt eine große Zahl ohne beigefügte Methodik um Längen.

Achte auf die Verben. Beide Brands schreiben “sichtbar reduzieren” und “reduziert das Erscheinungsbild von Poren” statt “verkleinert Poren”. Diese Formulierung ist absolut bewusst gewählt – der nächste Abschnitt erklärt, warum.

”Dermatologisch getestet” ist nicht “Von Dermatologen empfohlen”

Das sind völlig unterschiedliche Aussagen, aber Käufer werfen sie oft in einen Topf. “Dermatologisch getestet” bedeutet lediglich, dass ein Dermatologe am Test beteiligt war – über das Ergebnis sagt das gar nichts. “Von Dermatologen empfohlen” impliziert ein echtes Endorsement und erfordert solide Beweise. Wenn du eines von beiden nutzt, sei bereit zu erklären, wie getestet wurde und wer es getan hat.

Reviews, gefiltert nach Hauttyp und Hautproblem

Ein 5-Sterne-Durchschnitt ist in der Skincare-Branche ein schwacher Beweis. Ein 5-Sterne-Durchschnitt von Leuten mit genau deinem Hauttyp ist hingegen ein extrem starker Beweis.

Review-Plattformen unterstützen das durch Custom Attributes: Frage den Hauttyp, das Hautproblem und das Alter zum Zeitpunkt der Bewertung ab. Lass die Käufer das Bewertungs-Widget dann nach diesen Attributen filtern. Drei bis fünf Attribute sind das praktische Limit, bevor die Antwortraten (Response Rates) einbrechen.

Zwei kleinere Details erhöhen die Glaubwürdigkeit enorm: Zeige die volle Sterne-Verteilung anstatt nur den Durchschnitt. Paula’s Choice macht das perfekt mit einem Breakdown pro Sternenkategorie bei über 5.000 Reviews. Und sprich deine Richtlinien offen aus: Im Review-Bereich von The Ordinary steht ganz klar, dass die Brand alle Bewertungen postet, egal ob positiv oder negativ.

Ungeschönte Kundenfotos haben hier zudem mehr Gewicht als Studio-Bilder, weil sie das Produkt auf echter, nicht professionell ausgeleuchteter Haut zeigen. Platziere einen UGC-Strip (User Generated Content) unter den Reviews, anstatt sie mit der schicken Hero-Gallery konkurrieren zu lassen. Optionen zur Implementierung findest du in unserem Guide zum Hinzufügen von Bewertungs-Widgets in Shopify.

Eine kurze Anmerkung zur Formulierung von Claims

Dies ist keine Rechtsberatung, und ein Regulierungsexperte sollte deine Texte prüfen, bevor sie live gehen.

In den USA wird die Einstufung als Kosmetikum oder als Medikament (Drug) durch den Verwendungszweck (Intended Use) bestimmt. Der FD&C Act definiert Medikamente zum Teil als Artikel, die zur Diagnose, Heilung, Linderung, Behandlung oder Vorbeugung von Krankheiten bestimmt sind, sowie als Artikel, die die Struktur oder eine Funktion des Körpers beeinflussen sollen. Claims wie “stellt das Haarwachstum wieder her”, “reduziert Cellulite” oder “verändert die Melaninproduktion” können ein Produkt zu einem Medikament machen, selbst wenn es als Kosmetik vermarktet wird.⁵ In der EU legt die Verordnung (EU) Nr. 655/2013 sechs gemeinsame Kriterien fest, die jeder kosmetische Claim erfüllen muss: Einhaltung der Rechtsvorschriften, Wahrhaftigkeit, Belegbarkeit (Evidenz), Ehrlichkeit, Fairness und fundierte Entscheidungsfindung.⁶

Das ist der einzige Grund, warum vorsichtige Brands “reduziert das Erscheinungsbild von” schreiben und nicht “entfernt”.

Risikominimierung bei einem Kauf mit hohem gefühlten Risiko

Skincare birgt ein Risiko, das ein T-Shirt nicht hat: Das Produkt könnte dein Gesicht verschlechtern. Du musst dieses Risiko im wahrsten Sinne des Wortes “herunterbepreisen”.

Verkaufe eine Reisegröße oder Probe als echte Variante. Paula’s Choice bietet sein Peeling als 30ml-Reisegröße und als Pad-Format in der gleichen Varianten-Auswahl an wie die 120ml-Normalgröße. Ein unsicherer Käufer erhält so einen risikoarmen Einstieg, ohne die Seite verlassen zu müssen.

Setze die Rückgabe- oder Zufriedenheitsgarantie direkt auf die PDP, nicht in den Footer. The Ordinary nennt ein 365-Tage-Rückgaberecht direkt im Bereich der Buy Box, und Paula’s Choice zeigt eine 100%-Geld-zurück-Garantie in der Nähe des Social Proofs. Wenn deine Richtlinie gut ist, gehört sie dorthin, wo die Kaufentscheidung fällt. Siehe auch unseren Guide zum Hinzufügen von Garantien auf einer Shopify-Produktseite.

Präsentiere das Abo (Subscription) als Komfort, nicht als Lock-in. Hautpflege ist ein echtes Verbrauchsprodukt, Nachschub ist also ein Vorteil. Nenne das Lieferintervall, den Rabatt und wie man das Abo kündigt, alles im selben Block. Das Verstecken der Kündigungsbedingungen kostet dich mehr Vertrauen, als es dir an Retention einbringt.

Gehe mit der Schwangerschafts-Frage um, ohne sie medizinisch zu beantworten. Triff auf einer Produktseite keine Aussagen zur medizinischen Sicherheit. Nenne die Fakten zur Formulierung, weise auf enthaltene Wirkstoffe (Actives) hin und verweise den Käufer an medizinisches Fachpersonal.

Filterung, Varianten und wie sich Variantenwechsel verhalten sollten

Skincare-Kataloge werden nach Hauttyp und Problem durchsucht, nicht nach Kollektionsnamen.

Speichere Hauttyp und Problem als strukturierte Daten, entweder als Tags oder als Listen-Metafelder, und zeige sie dann als Storefront-Filter an. Ein Shopper, der nach “ölig, verstopfte Poren” filtern kann, kommt mit einem Klick zu einer Shortlist, anstatt sich durch zwölf Produktseiten zu wühlen. Wenn das Routing-Problem größer ist, als ein Filter es lösen kann, funktioniert ein geführter Flow besser: Siehe unseren Guide zum Aufbau eines Shopify-Quiz-Funnels.

Ein Wechsel der Variante muss alles aktualisieren, was sich dadurch ändert. Bei Skincare ist das meistens die Größe. Der Wechsel sollte also den Preis, den Grundpreis (Unit Price), das Verpackungsbild, die Verfügbarkeit und die URL aktualisieren.

Eine Skincare-spezifische Falle: Wenn eine Variante eine andere Wirkstoffstärke statt einer anderen Größe darstellt, müssen sich der Ingredients-Block und die Anwendungshinweise ebenfalls ändern. Das bedeutet, dass diese Felder auf der Variante und nicht auf dem Produkt (Parent-Ebene) liegen müssen.

Mobile und Page Speed

Der meiste Skincare-Traffic ist mobil, und die beiden schwersten Elemente auf einer Skincare-PDP sind die beiden spezifischsten: die Ingredients-Blöcke und das Review-Widget.

Inhalte zu Inhaltsstoffen sollten einklappbar sein, nicht unsichtbar. Packe die volle INCI-Liste, die Anwendungshinweise und das Glossar in Akkordeons. Lass den Hero-Ingredient und die Hauttyp-Info aber ausgeklappt, da diese die Kaufentscheidung treiben. Staple auch keine sechs geschlossenen Akkordeons übereinander – eine Wand aus zugeklappten Reihen wirkt, als hättest du etwas zu verbergen. Gruppiere sie lieber in Inhaltsstoffe, Anwendung und Versand & Retouren.

Review-Widgets sind die typischen Performance-Fresser (Bloat). Die meisten Drittanbieter-Review-Apps injizieren ihre eigenen Skripte, Fonts und Stylesheets – oft laden sie schon, bevor der Shopper überhaupt so weit gescrollt hat. Lade das Widget asynchron (Lazy Loading), halte das Sterne-Rating serverseitig gerendert (damit das Layout nicht springt) und miss das tatsächliche Gewicht (Payload), anstatt nur zu vermuten.

Ein Sticky Add to Cart verdient sich hier absolut seinen Platz, weil Skincare-Seiten lang sind. Wer gerade das Zutaten-Glossar zu Ende gelesen hat, sollte nicht erst wieder ganz nach oben scrollen müssen.

Was wo gebaut werden sollte

Einiges davon ist eine reine Theme-Einstellung, manches erfordert Datenmodellierung und einiges braucht eine Custom Section. Zu wissen, was was ist, spart extrem viel Zeit und Mühe.

Die Arbeit an den Metafeldern ist ein einmaliges Setup, das sich über den gesamten Katalog hinweg auszahlt. Unser Guide zum Hinzufügen von Metafeldern zu Shopify-Produkten deckt den Definitions-Schritt ab.

Die Custom Sections sind der Punkt, an dem die meisten Skincare-Brands ins Stocken geraten, weil kein Theme von Haus aus mit einem Routine-Schritt-Block oder einem Layering-Konflikt-Block ausgeliefert wird. Genau diese Lücke schließt Fudge: Du beschreibst den Block, und Fudge schreibt das Liquid, CSS und JavaScript in dein Theme und greift dabei auf deine bestehenden Brand- und Produktdaten zu. Das Ergebnis ist nativer Theme-Code anstelle eines von einer App gerenderten Layers. Es gibt also kein zusätzliches Skript auf der Seite, und der Block bleibt bestehen, selbst wenn du Fudge jemals wieder entfernst.

FAQ