AMS01:00
AMS01:00
AMS01:00

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

Teammitglied von Flatline Agency vor einem Backsteingebäude

Von Robin Laseur

Whitepaper anfordern

Mit Ihrer Anmeldung stimmen Sie unserer Datenschutzerklärung zu

IN DIESEM ARTIKEL

5 CRO-Strategien, die Sie heute umsetzen können: schärfere Produktbilder, sichtbare Rabatte und klare Optionen für spürbar mehr Umsatz im Shopify-Shop.

5 CRO-Strategien, die Sie heute umsetzen können: schärfere Produktbilder, sichtbare Rabatte und klare Optionen für spürbar mehr Umsatz im Shopify-Shop.

5 CRO-Strategien, die Sie heute umsetzen können: schärfere Produktbilder, sichtbare Rabatte und klare Optionen für spürbar mehr Umsatz im Shopify-Shop.

Stahlkugeln rollen von Entry zum Ziel Conversion oder zu Exit, Cover zu CRO-Strategien für Shopify

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

  1. Sie schaffen Vertrauen: Rabatte vor dem Checkout räumen Zweifel aus. Kunden sehen genau, was sie bekommen und wie viel sie sparen.

  2. Sie heben den Bestellwert (AOV): Gestaffelte Rabatte wie „15 % ab $100 Bestellwert“ bringen Kunden dazu, den Warenkorb aufzufüllen.

  3. Sie senken die Abbruchquote: Ein Rabatt zum richtigen Zeitpunkt, also auf der Warenkorbseite, gibt einen klaren Grund, den Kauf abzuschließen.

  4. 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

App ansehen

BOGOS: Free Gift &  Bundle

Gratisgeschenke,  BOGO-Aktionen,  Produktbundles einrichten

Kostenloser Plan verfügbar

App ansehen

Every Possible Discount

Feine Logik: kombinierbare Rabatte,  exklusive Regeln,  Staffelangebote, 

Ab $9,99/Monat

App ansehen

AIOD: All-in-1 Discount

Mehrere Rabattarten in einer Oberfläche: Menge,  Bundle,  Upsell

Kostenlose & kostenpflichtige Pläne

App ansehen

Volume & Tiered Discounts

Passend für Großhandel oder Mengenanreize mit flexibler Preislogik

Kostenlos

App ansehen

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

Nichts mehr verpassen

Mit Ihrer Anmeldung stimmen Sie unserer Datenschutzerklärung zu

Nichts mehr verpassen

Mit Ihrer Anmeldung stimmen Sie unserer Datenschutzerklärung zu

Nichts mehr verpassen

Mit Ihrer Anmeldung stimmen Sie unserer Datenschutzerklärung zu

Erzählen Sie uns von Ihrem Projekt.

Erzählen Sie uns von Ihrem Projekt.

Erzählen Sie uns von Ihrem Projekt.