5 CRO-Strategien für mehr Umsatz im Shopify-Shop

Von Robin Laseur

Sie möchten in Ihrem Shopify-Shop mehr verkaufen? Damit stehen Sie nicht allein. Tausende Händler im E-Commerce suchen ständig nach Wegen, ihren Umsatz zu steigern und ihr Geschäft auszubauen. Einer der wirksamsten Hebel ist die Conversion-Rate-Optimierung (CRO). CRO sorgt dafür, dass mehr Besucher Ihrer Website tatsächlich handeln: kaufen, den Newsletter abonnieren oder etwas in den Warenkorb legen.
Ihre Produktseite zeigt nicht nur Ihre Artikel, sie entscheidet über den Verkauf. Wenn Besucher kommen, aber zu wenig kaufen, fehlen der Seite meist genau die Elemente, die zum Handeln bewegen. Genau hier setzt die Conversion-Rate-Optimierung (CRO) an. Eine bessere Shopify-Produktseite schafft Vertrauen, nimmt Hürden weg und bringt mehr Abschlüsse.
Bei Flatline Agency haben wir unzählige Shopify-Shops überarbeitet und dabei fünf CRO-Strategien herausgefiltert, die aus Stöbernden Käufer machen. In diesem Beitrag gehen wir sie der Reihe nach durch: von den richtigen Produktbildern bis zur Größentabelle, die keine Fragen offenlässt. Bereit für mehr Umsatz? Dann los.
1. Produktbilder so optimieren, dass sie wirken
Für Shopify-Produktbilder empfiehlt sich in der Regel ein Seitenverhältnis von 1:1, also quadratisch. Breite und Höhe sind gleich, und alle Produktseiten wirken dadurch ruhig und einheitlich.
Die wichtigsten Richtwerte auf einen Blick:
Empfohlene Größe: 2048 x 2048 Pixel für eine scharfe Darstellung
Mindestgröße: 800 x 800 Pixel, damit die Zoom-Funktion von Shopify greift
Maximale Größe: bis zu 4472 x 4472 Pixel, was allerdings die Ladezeit belastet
Seitenverhältnis: 1:1 für ein einheitliches Bild, 3:1 im Querformat für Banner oder breite Aufnahmen
Dateigröße: unter 1 MB halten, damit die Seite schnell lädt
Ein durchgehendes 1:1-Format lässt Ihre Bilder nicht nur sauber aussehen, es macht den Shop auch leichter bedienbar, gerade wenn Kunden durch Kollektionen oder ähnliche Produkte blättern. Eine einheitliche Darstellung nimmt Unruhe raus, schafft Vertrauen und hält die Aufmerksamkeit beim Kauf.
Bildoptimierung: Qualität und Ladezeit zusammenbringen
Wenn Größe und Skalierung stimmen, geht es einen Schritt weiter. Scharfe Bilder und kurze Ladezeiten müssen sich die Waage halten. Das hält Besucher auf der Seite und Suchmaschinen zufrieden.
Die passenden Bildgrößen fürs Web 2025
Die richtigen Maße halten Ihre Bilder auf jedem Gerät scharf, ohne dass die Seite langsam wird. Hier ein Spickzettel nach aktuellem Stand:
Bildtyp | Maße Desktop (B×H) | Maße mobil (B×H) | Seitenverhältnis |
Hintergrundbild | 2560 × 1400 px | 360 × 640 px | 16:9 |
Hero-Bild | 1280 × 720 px | 360 × 200 px | 16:9 |
Banner | 1200 × 400 px | 360 × 120 px | 3:1 |
Blogbild | 1200 × 800 px | 360 × 240 px | 3:2 |
Logo (rechteckig) | 400 × 100 px | 160 × 40 px | 4:1 |
Logo (quadratisch) | 100 × 100 px | 60 × 60 px | 1:1 |
Favicon | 16 × 16 px | 16 × 16 px | 1:1 |
Lightbox-Bild | 1920 × 1080 px | 360 × 640 px | 16:9 |
Thumbnail | 300 × 300 px | 90 × 90 px | 1:1 |
Profitipp: Damit der Zoom auf Produktbildern funktioniert, sollten es mindestens 800 × 800 px sein. Quadratische Formate wie 2048 × 2048 px eignen sich besonders gut für Galerien im E-Commerce.
Bildformate: Was wann passt
Format | Am besten für | Vorteile | Nachteile |
JPEG | Fotos | Guter Ausgleich zwischen Qualität und Größe | Verlustbehaftete Komprimierung |
PNG | Logos, Grafiken mit Transparenz | Hohe Schärfe | Größere Dateien |
SVG | Icons, Logos | Beliebig skalierbar, sehr leicht | Nicht für Fotos |
WebP | Moderner Allrounder | Starke Komprimierung, unterstützt Transparenz | Eingeschränkte Browser-Unterstützung |
GIF | Einfache Animationen | Klein, überall unterstützt | Auf 256 Farben begrenzt |
HEIC | Mobile Uploads (Apple) | Sehr kleine Dateien | Kaum unterstützt |
TIFF | Druckdaten | Sehr hohe Qualität | Riesige Dateien |
Fürs Web: WebP für die meisten Bilder, SVG für Logos und Icons, sofern Ihre Plattform das unterstützt.
Warum Bildoptimierung zählt
Nutzererlebnis: Saubere, richtig skalierte Bilder halten den Blick auf dem Produkt, sparen Scrollen und verlängern den Besuch.
Ladezeit: Zu große Dateien = längere Ladezeit = höhere Absprungrate. Zielen Sie auf rund 500 KB oder weniger, mobil erst recht.
SEO-Ranking: Google bevorzugt schnelle, zugängliche Websites. Optimierte Bilder zahlen auf beides ein.
Tools für Komprimierung & Optimierung
Von Hand skalieren muss niemand. Diese Tools komprimieren und konvertieren Ihre Bilder in Sekunden:
Tinypng: komprimiert JPEG und PNG ohne sichtbaren Qualitätsverlust
Squoosh: Format, Qualität und Maße feinjustieren, direkt im Browser
Kraken.io: Komprimierung in Stapeln und Anbindung ans CDN
Cloudinary: Bilder dynamisch ausliefern und umwandeln, auch in großer Menge
Shopify File Optimizer: Wer auf Shopify verkauft, bekommt mit diesem kostenlosen Tool die Bildarbeit weitgehend abgenommen
Bilder unscharf oder zu langsam?
Prüfen Sie, ob die Anzeigegröße kleiner ist als die hochgeladene Datei
Setzen Sie Alt-Texte für die Barrierefreiheit, unter 100 Zeichen
Messen Sie die Ladezeit mit PageSpeed Insights
Denken Sie das Layout von mobil aus und komprimieren Sie die Dateien entsprechend
2. Social Proof sofort sichtbar machen
Wer zum ersten Mal auf Ihrer Seite landet, urteilt in Sekunden. Der schnellste Weg zu Vertrauen: zeigen, dass andere das Produkt schon gekauft haben und zufrieden sind.
Was Sie zeigen sollten:
Bewertungssterne, direkt neben dem Produktnamen
Anzahl der Bewertungen, etwa „4,8 ⭐ | 123 Bewertungen“
Zahl der zufriedenen Kunden, etwa „5.000+ verkauft“ oder „12.000 Kunden vertrauen uns“
Hinweise auf frische Käufe in Echtzeit, etwa „Maria aus London hat das vor 2 Minuten gekauft“
Diese kleinen Signale nehmen Zweifel, schaffen Vertrautheit und bringen den Besucher einen Schritt näher an den Kauf.
Empfohlene Shopify-Apps für Social Proof:
Fomo: Kaufhinweise in Echtzeit, die nicht künstlich wirken
SnapNoti: Pop-ups mit Käufen, Bewertungen und Besucherzahlen
Social Proof & Urgency: Knappheit, frische Verkäufe und mehr in einem Widget
Social Proofy: leicht, anpassbar und schnell im Theme eingebaut
Nudgify: verbindet Social Proof mit Hinweisen wie „Nur noch wenige“ oder „Gerade beliebt“
Profitipp: nicht übertreiben. Verteilen Sie die Pop-ups und bleiben Sie ehrlich. Erfundene Dringlichkeit erkennen Kunden heute sofort.
3. Rabatte richtig zeigen
Rabatte wirken, aber nur, wenn sie sichtbar und verständlich sind. Zu oft verstecken Shops ihre Codes in Pop-ups oder lassen sie erst im Checkout auftauchen. Das bremst. Und Bremsen kosten Umsatz. Zeigen Sie die Ersparnis dort, wo sie zählt: direkt im Warenkorb.
Was passiert, wenn Sie es richtig machen:
Klarheit: keine Überraschung kurz vor Schluss = weniger Kaufabbrüche
Anreiz: „Noch $20 bis 10 % Rabatt“ hebt den durchschnittlichen Bestellwert
Schwung: Wer die Ersparnis vor dem Checkout sieht, bleibt in Kaufstimmung
Was sichtbare Rabatte im Warenkorb bringen
Sie schaffen Vertrauen: Rabatte vor dem Checkout räumen Zweifel aus. Kunden sehen genau, was sie bekommen und wie viel sie sparen.
Sie heben den Bestellwert (AOV): Gestaffelte Rabatte wie „15 % ab $100 Bestellwert“ bringen Kunden dazu, den Warenkorb aufzufüllen.
Sie senken die Abbruchquote: Ein Rabatt zum richtigen Zeitpunkt, also auf der Warenkorbseite, gibt einen klaren Grund, den Kauf abzuschließen.
Sie machen den Kauf leichter: Niemand muss mehr nach Codes suchen. Das geht schnell und ohne Umwege.
So richten Sie es ein, Schritt für Schritt
Schritt 1: Rabatt-App Ihrer Wahl installieren
Gehen Sie in den Shopify App Store → suchen Sie nach einer App für Warenkorb-Rabatte → klicken Sie auf „App hinzufügen“ → folgen Sie den Schritten.
Schritt 2: App-Einstellungen konfigurieren
Im Shopify-Admin auf „Apps“ → Rabatt-App öffnen →
Rabattart festlegen (Prozent, fester Betrag, Gratisversand und so weiter)
Darstellung wählen (Dropdown, Radiobuttons, Banner, Pop-up)
Bedingungen setzen (Mindestbestellwert, Kunden-Tags, bestimmte Produkte oder Kategorien)
Schritt 3: Rabattcodes anlegen
Auf „Rabatte“ → „Rabatt erstellen“ →
Code benennen
Nutzungsregeln festlegen (einmal pro Kunde, Mindestbestellwert)
Speichern und bei Bedarf wiederholen
Schritt 4: Ablauf testen
Produkt in den Warenkorb → Warenkorbseite öffnen → prüfen, ob der Rabatt richtig erscheint und die Ersparnis stimmt.
Schritt 5: live schalten und beobachten
Verfolgen Sie:
Abbruchquote im Warenkorb
AOV
Nutzung je Rabatt
Zuwachs bei der Conversion Rate
Nachjustieren und mit der Zeit verbessern.
Diese Rabattarten stehen Ihnen offen
Nicht jeder Rabatt wirkt gleich. Mit diesen Formaten lässt sich gut experimentieren:
BOGO (zwei zum Preis von einem): bringt mehr Artikel in den Warenkorb
Prozentrabatte: flexibel und leicht zu skalieren („10 % auf alles“)
Feste Beträge: gut für Dringlichkeit oder Mindestbestellwerte („$15 Rabatt ab $75“)
Gratisversand: wirkt nachweislich, vor allem bei Erstbesuchern
Zeitlich begrenzte Angebote: ein Countdown bringt Besucher zum Handeln
Mengenrabatte: passen zu B2B oder teuren Warenkörben („ab 5 Stück 20 % Rabatt“)
Kombinieren und wechseln Sie, damit Ihre Kampagnen nicht abnutzen.
Gute Rabatt-Apps für Shopify (2025)
App | Wichtigste Funktionen | Preis | Link |
Ultimate Special Offers | Komplettpaket (BOGO, Bundles, Staffelpreise, Flash Sales) | Ab $9/Monat | |
BOGOS: Free Gift & Bundle | Gratisgeschenke, BOGO-Aktionen, Produktbundles einrichten | Kostenloser Plan verfügbar | |
Every Possible Discount | Feine Logik: kombinierbare Rabatte, exklusive Regeln, Staffelangebote, | Ab $9,99/Monat | |
AIOD: All-in-1 Discount | Mehrere Rabattarten in einer Oberfläche: Menge, Bundle, Upsell | Kostenlose & kostenpflichtige Pläne | |
Volume & Tiered Discounts | Passend für Großhandel oder Mengenanreize mit flexibler Preislogik | Kostenlos |
Profitipp
Verbinden Sie sichtbare Dringlichkeit („Noch $12 bis zum Gratisversand“) mit aktuellen Rabatthinweisen im Warenkorb. Je weniger Kunden dafür tun müssen, desto eher kaufen sie.
4. Machen Sie die Optionen unmissverständlich
Tipp: Richten Sie die Variantenauswahl links aus, das folgt der Leserichtung.
Formulieren Sie handelnd: „Wählen Sie Ihre Größe“ wirkt besser als nur „Größe“.
Warum das zählt:
Wer nicht versteht, kauft nicht. Ihre Produktseite sollte führen, Schritt für Schritt. Wenn alles klar benannt ist, zögern Besucher nicht und springen nicht ab. Sie fühlen sich geleitet. Nur 50 Millisekunden dauert es, bis ein Besucher sich ein erstes Urteil über Ihre Seite bildet. Einfach und direkt ist dabei keine Kür, sondern Pflicht.
Zeit und Geduld Ihrer Kunden sind begrenzt, also müssen die Optionen ins Auge springen. Kaum ist die Produktseite offen, sucht der Kopf nach Orientierung:
Wo bin ich?
Was soll ich als Nächstes tun?
Was habe ich davon?
Bleiben die Antworten aus, ist der Besucher weg.
Das setzen Sie am besten um:
Handelnde Bezeichnungen: statt „Farbe“ oder „Größe“ lieber:
„Wählen Sie Ihre Farbe.“
„Wählen Sie die passende Größe.“
„Stellen Sie Ihr Bundle zusammen.“
Varianten links ausrichten: In den meisten Sprachen liest man von links nach rechts. Links ausgerichtete Auswahlfelder führen ohne Stocken durch das Produktformular.
Dropdowns sparsam einsetzen: Bei drei bis fünf Optionen sind Buttons oder Farbfelder besser. Ein Dropdown kostet einen Klick und bremst.
Auswahlbereiche optisch trennen: Gruppieren Sie zusammengehörige Optionen mit Abstand oder Linien, etwa Größe, Farbe und Menge. Alles auf einem Haufen verwirrt.
Beliebte Vorauswahl setzen, mit Bedacht: Wenn eine Variante klar am meisten verkauft wird, etwa „M“, wählen Sie sie vor, aber lassen Sie sie leicht ändern.
Kurze Checkliste:
Element | Worauf Sie achten |
Variantenbezeichnungen | Handelnd und eindeutig? |
Layout | Links ausgerichtet und schnell zu erfassen? |
Bedienelemente | Buttons oder Farbfelder statt Dropdowns, wenn möglich? |
Abstände | Gruppiert und nicht überladen? |
Vorauswahl | Hilfreich, nicht aufdringlich? |
5. Ladezeiten verkürzen
Tempo entscheidet: Es kostet Conversions oder bringt sie. Fast 70 % der Verbraucher sagen, dass langsame Websites ihre Kaufbereitschaft dämpfen. Und da über 58 % des weltweiten Traffics mobil kommt, zählt ein schnelles, responsives Design doppelt. Laut einer Studie von Portent kostet der Unterschied zwischen 1 und 5 Sekunden mehr als die Hälfte Ihrer Conversions. Die Zahlen:
1 Sekunde Ladezeit = 3,05 % Conversion Rate
2 Sekunden = 1,68 %
5 Sekunden = verloren
Warum das zählt? Kunden erwarten heute Tempo, mobil erst recht. Wenn Ihre Produktseite mehr als ein paar Sekunden braucht, sehen die meisten Ihre schönen Fotos, klugen Texte und Rabatte gar nicht mehr.
Die Infrastruktur von Shopify gehört zu den schnellsten im E-Commerce, bis zu 2,8-mal schneller als andere Plattformen. Das heißt: kurze Ladezeiten, bessere Bedienung und am Ende mehr Abschlüsse. Jedes Shopify-Theme ist zudem automatisch für mobile Geräte ausgelegt. Weiter gehen können Sie trotzdem.
Schnelle Gewinne bei Tempo & mobiler Bedienung
Problem | Lösung |
Zu schwere Bilddateien | Komprimieren mit ImageOptim oder TinyPNG |
Seite insgesamt langsam | Testen mit PageSpeed Insights oder Lighthouse |
Unklare mobile Navigation | Menüs vereinfachen, Ebenen reduzieren, Icons zur Orientierung |
Zu kleine Buttons oder Links | CTAs groß und daumenfreundlich machen |
Zu viel Text | Aufzählungen, kurze Absätze und eine klare Gliederung |
Am Smartphone ist die Geduld kurz. Tempo hält Besucher bei der Stange. Ein aufgeräumtes, responsives Design nimmt Hürden und schafft Vertrauen, beides treibt die Conversion.
Bonus: 6. CTA-Buttons schärfen
Ihre CTA-Buttons (Call-to-Action) geben den letzten Anstoß vor dem Kauf. Sie sollten klar sein, überzeugen und nicht zu übersehen sein. Denn in nur 50 Millisekunden entsteht der erste Eindruck, und eine zweite Chance gibt es nicht.
So bringen Ihre CTAs mehr Abschlüsse:
Schwachstelle beim CTA | Besser so |
Allgemeiner Text wie „Absenden“ | Handelnd formulieren: „Rabatt sichern“, „In die Tasche legen“ |
Kaum sichtbar | Kräftig, kontrastreich und groß genug zum Antippen |
Schlecht platziert | Oben im sichtbaren Bereich, nah an den Produktinfos, bei langen Seiten wiederholen |
Keine Dringlichkeit | Hinweise ergänzen: „Nur heute“, „Wenige verfügbar“, „Endet bald“ |
Zusätzliche Tipps:
Aus Sicht des Kunden formulieren („Ja, ich will das!“) bringt mehr Klicks.
Testen Sie Ihre CTAs im A/B-Test, etwa mit Google Optimize oder den Analytics in Shopify.
Ergänzen Sie den CTA um eine kleine Zeile: „Keine Kreditkarte nötig“ oder „Kostenlose Rücksendung“.
Beispiel:
Vorher: Jetzt kaufen
Nachher: 15 % Rabatt sichern — jetzt kaufen
Ein guter CTA-Button entscheidet zwischen Absprung und Kauf. Behandeln Sie ihn nicht als Nachgedanken, sondern als Abschluss.
Jeder Klick zählt
Conversion-Rate-Optimierung heißt nicht, mehr hinzuzufügen. Sie heißt, es einfacher zu machen: Hürden wegnehmen, den Blick lenken, Besuchern die Entscheidung leicht machen. Ob schärfere Produktbilder, klügere Rabatte oder ein schnellerer Checkout, jede Änderung sollte auf dasselbe hinauslaufen: weniger Verwirrung, mehr Abschlüsse.
Was tun Sie als Nächstes?
Nehmen Sie sich eine der fünf Strategien vor. Setzen Sie sie heute um. Und messen Sie, was passiert. Schon ein kleiner Zuwachs bei der Conversion Rate summiert sich über die Monate zu spürbarem Umsatz. Und wenn Sie dabei Unterstützung möchten: Flatline ist da. Wir bauen schnelle, schöne Shops, die verkaufen, für Marken mit Wachstumsplänen. Als die E-Commerce-Agentur hinter vielen dieser Shops behandeln wir CRO als feste Disziplin in jedem Shopify-Projekt, nicht als einmalige Reparatur. Sprechen wir darüber.
Verwandte Artikel



