Shopify-Shop-Beispiele

Abo-Seiten-Beispiele: 15 Wege, eine wiederkehrende Bestellung zu erklären

Diese Beispiele für Abo-Seiten behandeln eine Entscheidung, die die Bestellung über den heutigen Kauf hinaus verändert. Shops führen sie auf Produktseiten, in Quick-Buy-Dialogen und im Warenkorb ein. Vergleiche, wie sie Zeitplan und Preis anzeigen und wie Kunden eine Einzelbestellung beibehalten oder zu ihr zurückkehren können.

15 Beispiele Zuletzt überprüft

Intelligentsia

Vollständiger Screenshot wird geladen…

Intelligentsia

Vollständiger Screenshot wird geladen…

Intelligentsia

Plan-Details unterhalb der Lieferhäufigkeit

Intelligentsia platziert einen Erklärungslink unter dem Steuerelement für die Lieferhäufigkeit. Dieser öffnet Abo-Informationen, ohne die Produktseite zu verlassen. So können Kunden den Plan dort prüfen, wo sie ihn auswählen. Grundlegende Bedingungen müssen dennoch im Hauptformular sichtbar bleiben, einschließlich aller Unterschiede zwischen einem Einführungsangebot und dem laufenden Preis.

Für deinen Shop

Platziere Plan-Erklärungen in der Nähe der Abo-Auswahl.

Website besuchen

Momentous

Vollständiger Screenshot wird geladen…

Momentous

Wiederkehrende Optionen in mehreren Kaufbereichen

Momentous integriert Kaufmodus und Häufigkeit im Produktbereich, auf Empfehlungskarten und im Warenkorb. Mehrere Einstiegspunkte machen Konsistenz unerlässlich: Jeder muss denselben ausgewählten Plan beschreiben, während der Kunde zwischen ihnen wechselt. Überprüfe den Wortlaut und den Status in diesen Bereichen gemeinsam.

Für deinen Shop

Halte alle Kaufbereiche bei der ausgewählten wiederkehrenden Bestellung synchron.

Website besuchen

Vitl

Vollständiger Screenshot wird geladen…

Vitl

Quick-Add öffnet die Plan-Auswahl

Vitl öffnet ein Plan-Auswahl-Modal über die Collection-Card. Kunden wählen die Kaufhäufigkeit, bevor der Artikel hinzugefügt wird. Dieser zusätzliche Schritt macht die Bestellart innerhalb des Quick-Buys deutlich. Wo ein einmaliger Kauf verfügbar ist, sollte er von demselben Entscheidungspunkt aus einfach auswählbar bleiben.

Für deinen Shop

Mache wiederkehrende Bedingungen deutlich, bevor eine Quick-Add-Aktion abgeschlossen wird.

Website besuchen

Proud Mary Coffee

Vollständiger Screenshot wird geladen…

Proud Mary Coffee

Einmalkauf- und Abo-Karten nebeneinander

Proud Mary Coffee zeigt nebeneinanderliegende Karten für Einmalkauf und Abo, wobei im aufgenommenen Zustand der Einmalkauf ausgewählt ist. Wenn man die wiederkehrende Option auswählt, werden Häufigkeitssteuerungen sichtbar und der Preis ändert sich. Die ausgewählte Karte muss weiterhin deutlich erkennbar bleiben, wenn sich andere Produktoptionen ändern.

Für deinen Shop

Zeige den Unterschied zwischen Einmalkauf und wiederkehrendem Kauf deutlich auf.

Website besuchen

Tower 28

Vollständiger Screenshot wird geladen…

Tower 28

Preis und Zeitplan ändern sich gemeinsam

Tower 28 aktualisiert den Preis und zeigt Lieferintervalle, wenn ein Abo ausgewählt wird. Auch die Kaufaktion ändert sich, um diese Wahl widerzuspiegeln. Die Studie hat den Abo-Checkout nicht verfolgt, dieses Beispiel deckt also nur die Konfiguration ab. Die finale Bestellzusammenfassung muss weiterhin auf den ausgewählten Preis und die Häufigkeit überprüft werden.

Für deinen Shop

Übernimm den ausgewählten Zeitplan und Preis in die Bestellzusammenfassung.

Website besuchen

Stumptown Coffee Roasters

Vollständiger Screenshot wird geladen…

Stumptown Coffee Roasters

Ein optionales Upgrade unter dem Warenkorb-Artikel

Stumptown bietet ein Abo-Upgrade unter einem einmaligen Warenkorb-Artikel an, inklusive einer Liste von Vorteilen. Die Studie hat das Upgrade nicht aktiviert. Bei einer Implementierung erfordert die Änderung der Bestellart eine sichtbare Bestätigung des Zeitplans und einen klaren Weg, zur ursprünglichen Einmalkauf-Auswahl zurückzukehren.

Für deinen Shop

Bestätige ein Upgrade sichtbar und mache den Wechsel zurück unkompliziert.

Website besuchen

ILIA

Vollständiger Screenshot wird geladen…

ILIA

Ein Dialog erklärt das Abo-Programm

ILIA kombiniert Radio-Buttons für Einmalkauf und wiederkehrenden Kauf mit einem Häufigkeits-Dropdown und einem separaten Erklärungs-Dialog. Der Dialog bietet Platz für Programm-Details, ohne den Hauptkaufbereich aufzublähen. Wichtige wiederkehrende Bedingungen gehören dennoch neben die ausgewählte Option, wo Kunden sie vor dem Hinzufügen sehen können.

Für deinen Shop

Halte Kernbedingungen sichtbar und nutze den Dialog für weitere Erklärungen.

Website besuchen

NEST New York

Vollständiger Screenshot wird geladen…

NEST New York

Häufigkeit erscheint nach der Abo-Auswahl

NEST zeigt die Lieferhäufigkeit und Abonnenteninformationen an, wenn die wiederkehrende Option ausgewählt wird. Die abhängigen Steuerungselemente bleiben an die Auswahl gebunden, die sie erfordert. Die Abrechnung wurde nicht getestet. Vor dem Hinzufügen müssen Kunden weiterhin den resultierenden Preis und die Liefererwartungen zusätzlich zum Rabattprozentsatz sehen.

Für deinen Shop

Zeige den Zeitplan zusammen mit der Abo-Auswahl und gib den laufenden Preis an.

Website besuchen

Verve Coffee Roasters

Vollständiger Screenshot wird geladen…

Verve Coffee Roasters

Ein Abo-Rail führt zu weiteren Informationen

Verve präsentiert Abo-Produkte in einem speziellen Rail, das zu einer Abo-Kategorie führt. Besucher können das Programm erkunden, bevor sie eine wiederkehrende Bestellung konfigurieren. Dieses Ziel hat eine praktische Funktion: Es erklärt die Kaffeeauswahl, Lieferintervalle und wie Kunden den Plan verwalten.

Für deinen Shop

Biete Kunden einen Ort, an dem sie das Programm verstehen können, bevor sie sich für einen Plan entscheiden.

Website besuchen

ARMRA

Vollständiger Screenshot wird geladen…

ARMRA

Das Upgrade befindet sich unter dem berechtigten Artikel

ARMRA platziert seinen Abo-Hinweis direkt unter einem berechtigten, einmaligen Warenkorb-Artikel. Die Position macht deutlich, welches Produkt durch das Angebot verändert wird. Der Wortlaut muss einen eventuellen Anreiz für die erste Bestellung von den laufenden Kosten unterscheiden, und eine erfolgreiche Änderung sollte in den Bestelldetails der Position sichtbar sein.

Für deinen Shop

Verknüpfe das Upgrade mit dem Artikel, den es verändert, und bestätige die neuen Bedingungen.

Website besuchen

La Colombe

Vollständiger Screenshot wird geladen…

La Colombe

Eine Einmalkauf-Route bleibt nach dem Hinzufügen bestehen

La Colombe präsentiert nach der anfänglichen Hinzufügen-Aktion ein Abo-Angebot, mit der ausdrücklichen Option, den Einmalkauf beizubehalten. Das Angebot führt einen weiteren Schritt ein, daher muss der Weg, die ursprüngliche Bestellung fortzusetzen, klar sein. Die Entscheidung früher zu präsentieren, ist ein anderer Ansatz zum Vergleichen.

Für deinen Shop

Lass Kunden mit der Einmalbestellung fortfahren, die sie ausgewählt haben.

Website besuchen

Bloom Nutrition

Vollständiger Screenshot wird geladen…

Bloom Nutrition

Kosten pro Portion neben dem wiederkehrenden Preis

Bloom Nutrition kombiniert Abo-Preise mit einer Angabe pro Portion und einer Häufigkeitssteuerung. Die kleinere Einheitszahl hilft beim Vergleichen von Mengen, aber der pro Lieferung berechnete Betrag muss prominent bleiben. Die Studie hat die Berechnung hinter dem angezeigten Preis pro Portion nicht verifiziert.

Für deinen Shop

Ordne den Stückpreis einer klaren wiederkehrenden Gebühr und einem Zeitplan unter.

Website besuchen

Beam

Vollständiger Screenshot wird geladen…

Beam

Ein inbegriffenes Geschenk erscheint im Warenkorb

Beam listet Vorteile bei der Abo-Auswahl auf und zeigt ein versprochenes Geschenk als separaten Warenkorb-Artikel mit einem Preis von null an. Der Warenkorb bestätigt diesen Teil des Angebots. Die Studie hat nicht jede Umkehrung verifiziert, einschließlich des Wechsels zurück zum Einmalkauf. Daher müssen Änderungen bei der Berechtigung für Geschenke noch getestet werden.

Für deinen Shop

Halte inbegriffene Geschenke aktuell, wenn sich der qualifizierende Kauf ändert.

Website besuchen

Coffee Collective

Vollständiger Screenshot wird geladen…

Coffee Collective

Brühart, Menge und Häufigkeit in einem Drawer

Coffee Collective sammelt Brühart, Anzahl der Beutel und Lieferhäufigkeit in einem Side Drawer, wobei der berechnete Versandpreis in der Nähe der Aktion steht. Das endgültige Absenden des Warenkorbs wurde nicht beobachtet. Jede Änderung muss die Zusammenfassung aktualisieren, während Kunden auf frühere Entscheidungen zurückgreifen können, ohne den Rest zu löschen.

Für deinen Shop

Gruppiere zusammengehörige Plan-Optionen und halte ihre Versandzusammenfassung aktuell.

Website besuchen

Dieux Skin

Vollständiger Screenshot wird geladen…

Dieux Skin

Das Intervall ändert auch den Rabatt

Dieux ändert seinen Rabatt und Kaufpreis abhängig vom Nachfüll-Intervall. Die Häufigkeit wirkt sich daher sowohl auf den Zeitpunkt als auch auf die Kosten aus. Dieser Zusammenhang benötigt eine Erklärung neben dem Steuerelement, wobei das gewählte Intervall und die wiederkehrende Gesamtsumme im Warenkorb beibehalten werden müssen. Jede Einführungsaktion muss separat gekennzeichnet werden.

Für deinen Shop

Erkläre, wenn ein Lieferintervall den wiederkehrenden Preis ändert.

Website besuchen

Abo-Kaufoptionen neben einer Einzelbestellung

Proud Mary Coffee platziert Karten für Einzelbestellungen und Abos nebeneinander, wobei im erfassten Zustand die Einzelbestellung ausgewählt ist. ILIA kombiniert die Kaufarten mit einem Dropdown-Menü für die Lieferhäufigkeit und einem separaten Erklärungsdialog. Die Auswahl sollte angeben, was sich wiederholt, wie oft es ankommt und was jede Lieferung kostet, bevor der Kunde sie hinzufügt.

Auch Rabatte brauchen Kontext. Dieux ändert den Preis je nach Nachfüllintervall, während Bloom einen Preis pro Portion hinzufügt. Halte die Kosten für die gesamte Lieferung sichtbar und unterscheide eventuelle Anreize für die erste Bestellung von den laufenden Kosten. Ein Erklärungsdialog kann mehr Details enthalten, sollte aber nicht der einzige Ort sein, der die wiederkehrende Verpflichtung offenlegt.

Abo-Angebote im Warenkorb und Änderungen am Plan

Stumptown platziert ein Upgrade-Angebot unter einem einmaligen Warenkorb-Artikel, während La Colombe ein Angebot nach dem ersten Hinzufügen präsentiert, mit der Möglichkeit, den ursprünglichen Kauf beizubehalten. Ein Angebot in dieser Phase sollte den Artikel identifizieren, den es ändert, und dem Kunden die Möglichkeit lassen, mit seiner vorherigen Wahl fortzufahren.

Verfolge die Auswahl durch jeden Kaufbereich. Momentous zeigt Abo-Steuerelemente an mehreren Stellen; Produkt, Menge, Intervall und Preis sollten überall übereinstimmen. Das Geschenk von Beam muss ebenfalls den Berechtigungen des Plans entsprechen, wenn jemand seine Meinung ändert. Mehrere Aufnahmen enden vor der Abrechnung oder einer Stornierung. Teste also diese Übergänge, anstatt davon auszugehen, dass die angezeigte Konfiguration beweist, dass die komplette Bestellung funktioniert.

Häufige Fragen

Was muss eine Abo-Auswahl anzeigen?

Gib an, dass sich die Bestellung wiederholt, wie das Lieferintervall lautet und was der tatsächliche wiederkehrende Preis ist. Biete Zugang zu Informationen über die Verwaltung und Kündigung und unterscheide Einführungsangebote von den laufenden Konditionen.

Kann ein Abo die Standardauswahl sein?

Jede Standardeinstellung muss die wiederkehrende Verpflichtung unmissverständlich machen. Halte die Option der Einzelbestellung klar sichtbar, sofern verfügbar, damit der Kunde versteht, welche Bestellart er auswählt.

Kann das Theme wiederkehrende Bestellungen selbst verwalten?

Das Theme präsentiert die Optionen. Abrechnung und Planverwaltung erfordern entsprechende Shopify-kompatible Abo-Funktionen hinter diesen Steuerelementen. Das reine Kopieren des Erscheinungsbildes bietet diese Dienste nicht.

Wo kann ein Shop ein Abo-Angebot einführen?

Diese Beispiele nutzen Produktseiten-Auswahlen, Quick-Buy-Dialoge auf Kollektionsseiten und Warenkorb-Angebote. Platziere die Erklärung dort, wo der Kunde die wiederkehrenden Bedingungen verstehen kann, bevor er zustimmt. Wenn ein Angebot auf ein einmaliges Hinzufügen folgt, halte den ursprünglichen Kauf weiterhin verfügbar.

Was sollte sich ändern, wenn ein Kunde zur Einzelbestellung zurückwechselt?

Aktualisiere Bestellart, Preis und eventuelle nur für Abos geltende Geschenke oder Rabatte gemeinsam. Entferne den wiederkehrenden Zeitplan aus der Zusammenfassung dieses Artikels und mache die resultierende Einzelbestellung deutlich. Die Aufnahmen überprüfen nicht das Umkehrverhalten jedes Shops.

Setze die Änderung in deinem Theme um

Gib Fudge ein Ziel und eine Referenz. Das Tool schlägt Änderungen für deinen Shop vor, erstellt einen Entwurf in deinem Shopify-Theme und gibt dir Rückmeldung. Du überprüfst jede Änderung, bevor sie live geht.

Sieh dir an, wie der Shop-Editor funktioniert

Ähnliche Kollektionen

Alle Kollektionen