Artikel über: Widgets

Add-ons der Produktseite

Du findest diese Seite unter Supr Bundles & Subscriptions > Design. Scrolle dort zur Karte Add-on-Einstellungen unten auf der Seite.


Widget-Add-ons sind die Extras rund um dein Abonnement-Widget: ein Badge neben dem Produktpreis, der Text der Schaltfläche In den Warenkorb, die Lieferdatumsauswahl und einige Anzeigeregeln. Jedes Add-on ist eine Zeile in der Karte Add-on-Einstellungen. Mit dem Schalter einer Zeile aktivierst oder deaktivierst du sie, und ein Klick auf die Zeile öffnet ihre Einstellungen.


Add-ons verändern die Produktseite rund um das Widget. Sie sind nicht dasselbe wie die Add-on-Produkte, die du einer Bundle-Option hinzufügen kannst. Diese legst du im Angebot fest.


Inhaltsverzeichnis



Abonnement-Badge


Zeigt ein kleines Badge neben dem Produktpreis an, sobald eine Abonnementoption ausgewählt ist. Das Badge hebt den Rabatt hervor, damit Kunden sofort sehen, was ihnen ein Abonnement bringt.


  • Badge-Beschriftung

Lege den Text im Badge fest. Mit {{ subscription_discount }} fügst du den Rabatt ein, zum Beispiel SUBSCRIPTION • {{ subscription_discount }}. Enthält deine Badge-Beschriftung keine Variable, zeigt das Badge nur den eingegebenen Text und keinen Rabatt.


  • Text für prozentualen Rabatt

Lege mit {{ subscription_discount_percentage }} fest, wie prozentuale Rabatte angezeigt werden.


  • Text für Betragsrabatt

Passe feste Rabattbeträge mit {{ subscription_amount_off_discount }} an.


  • Text für Festpreisrabatt

Zeige mit {{ subscription_fixed_price_discount }} einen festen Abonnementpreis an.


  • Animation

Wähle Keine, Aufploppen oder Herabfallen, um beim Erscheinen des Badges Aufmerksamkeit zu wecken.


Die Badge-Beschriftung enthält den Wortlaut, und die drei Rabatttexte bestimmen, wie der Rabatt selbst geschrieben wird. Der Text, der zur Rabattart deiner Abonnementoption passt, wird dort eingefügt, wo du {{ subscription_discount }} platziert hast. Um das Badge zu entfernen, schalte die Zeile aus.


Details zum Abonnementpreis


Zeigt den Preis pro Lieferung und den Grundpreis unter dem Hauptpreis des Produkts an. So verstehen Kunden die Kosten eines vorausbezahlten Abonnements oder von Produkten, die nach Gewicht oder Volumen verkauft werden.


  • Text für Preis pro Lieferung (vorausbezahlt)

Beschrifte die Kosten jeder Lieferung bei einer vorausbezahlten Abonnementoption mit {{ per_delivery_price }}, zum Beispiel {{ per_delivery_price }} / delivery.


  • Grundpreis

Zeige den Grundpreis mit {{ unit_price }} und {{ unit_price_measurement }} an. Verwendet wird der Grundpreis, den du in Shopify am Produkt hinterlegt hast.


  • Preis pro Woche oder Monat

Wähle Pro Woche oder Pro Monat, um eine Zeile wie $7.82 / week hinzuzufügen. Sie wird aus dem Preis jeder Lieferung und der Lieferhäufigkeit berechnet. So können Kunden Optionen mit unterschiedlichen Häufigkeiten vergleichen, und die Zeile folgt der gewählten Bundle-Option. Formuliere sie mit {{ per_week_price }} oder {{ per_month_price }}. Ein Monat zählt als 30,44 Tage. Aktiviere Auf ganze Beträge runden, um $8 / week statt $7.82 / week anzuzeigen. Der berechnete Preis ändert sich dadurch nicht.


  • Preis späterer Bestellungen

Wenn spätere Bestellungen etwas anderes kosten als die erste, zum Beispiel nach einer Nachfüllung oder einer Änderung des Treuerabatts, wird eine Zeile wie Then $5.00 from order 2 hinzugefügt. Formuliere sie mit {{ renewal_price }} und {{ order_number }}. Der Preis gilt wie bei den Zeilen oben pro Einheit und entspricht dem späteren Preis, den Shopify im Checkout anzeigt.


Diese Zeilen erscheinen nur, wenn eine Abonnementoption ausgewählt ist. Der Preis pro Artikel im Widget selbst („3,50 $ pro Stück") ist etwas anderes: Er wird unter Elemente > Preis pro Einheit ein- und ausgeschaltet und unter Beschriftungen formuliert, siehe Das Abonnement-Widget.


Text der Schaltfläche In den Warenkorb


Ändert die Beschriftung der Schaltfläche In den Warenkorb, solange ein Abonnement ausgewählt ist, damit Kunden wissen, dass sie eine wiederkehrende Bestellung starten. Das Add-on ist standardmäßig aktiv und lautet Abonnement in den Warenkorb legen.


  • Text der Schaltfläche Abonnement in den Warenkorb

Gib einen beliebigen Text ein, etwa „Jetzt abonnieren". Er ersetzt den Text deines Themes, sobald eine Abonnementoption ausgewählt ist. Ist der Text zu lang für den Platz, an dem dein Theme die Schaltfläche anzeigt (zum Beispiel neben der Menge), behält die Schaltfläche auf dieser Bildschirmgröße den Text deines Themes, statt in eine neue Zeile umzubrechen.


Du kannst auch die Ersparnis auf die Schaltfläche schreiben, mit einer dieser Variablen:


  • {{ subscription_savings_amount }} der Betrag, den das Abonnement spart
  • {{ subscription_discount_value }} der Rabatt selbst, als Prozentsatz oder Betrag
  • {{ subscription_full_amount }} der Preis vor dem Abonnementrabatt
  • {{ subscription_discounted_amount }} der Preis danach


Zum Beispiel wird Subscribe and save {{ subscription_savings_amount }} als „Subscribe and save £5.00" angezeigt. Die Beträge folgen der Auswahl des Kunden und werden aktualisiert, wenn er Menge, Variante oder Lieferhäufigkeit ändert.


Wenn die Schaltfläche immer den Text deines Themes behalten soll, schalte dieses Add-on aus. Die Schaltfläche zeigt dann den Text deines Themes, ob ein Abonnement ausgewählt ist oder nicht.


Text bei erreichtem Abonnementlimit


Der Text, der angezeigt wird, wenn ein Kunde eine Abonnementoption wählt, die ein von dir festgelegtes Limit erreicht hat. Limits legst du an der Option selbst im Angebot fest, unter Aktive Abonnements begrenzen (Max. pro Option, Max. pro Produkt und Max. pro Kunde).


  • Text der Schaltfläche In den Warenkorb

Ersetzt den Text der Schaltfläche In den Warenkorb, wenn ein begrenztes Abonnement ausgewählt ist. Standard ist „Abonnement-Limit erreicht".


  • Validierungsmeldung im Checkout

Die Fehlermeldung im Checkout, wenn der Kunde das begrenzte Produkt noch im Warenkorb hat.


  • Kunde hat sein Limit bereits erreicht (Checkout)

Die Fehlermeldung im Checkout, wenn ein angemeldeter Kunde bereits so viele Abonnements auf einer Option hat, wie deren Max. pro Kunde erlaubt. Übersetze sie unter Einstellungen > Übersetzungen bei Widgets.


Angebotsreihenfolge


Legt fest, in welcher Reihenfolge Abonnements aus verschiedenen Angeboten erscheinen, wenn ein Produkt in mehr als einem Angebot enthalten ist.


Die Abonnementoptionen jedes Angebots bilden auf der Produktseite eine Gruppe mit dem Abonnementname des Angebots als Überschrift. Klicke auf die Zeile, verschiebe die Gruppen mit den Pfeilen nach oben und unten und klicke dann auf Speichern. Die oberste Gruppe wird zuerst angezeigt. Dieselbe Reihenfolge gilt überall, wo Shopify sie auflistet, auch im Checkout.


Um die Reihenfolge der Optionen innerhalb eines Angebots zu ändern, ziehe stattdessen ihre Zeilen im Angebot. Siehe Die Reihenfolge der Elemente.


Treuebonus


Zeigt die Prämien eines Treueprogramms im Widget an, damit Kunden sehen, was sie mit einem Abonnement erhalten. Standardmäßig ist es deaktiviert.


Aktiviere es mit seinem Schalter und klicke auf die Zeile, um Text und Aussehen festzulegen. Die Prämien selbst stammen aus dem Treueprogramm, das mit der Abonnementoption verknüpft ist. Siehe Treueprogramme.


Bei nur einer Option ausblenden


Blendet das Abonnement-Widget aus, wenn ein Kunde nur eine Kaufmöglichkeit hat, weil es nichts mehr zu wählen gibt.


Das gilt für ein Produkt mit einer Abonnementoption und ohne Zeile für den Einmalkauf. Bei einem Angebot mit Bundle-Optionen wird außerdem die vom Kunden gewählte Bundle-Option berücksichtigt: Solange sie nur eine Kaufmöglichkeit lässt, weil sie Nur Einmalkauf ist oder Nur im Abonnement mit einer einzigen Lieferhäufigkeit, tritt das Widget zurück und diese Kaufmöglichkeit wird verwendet. Wählt der Kunde eine Bundle-Option mit mehr Möglichkeiten, erscheint das Widget wieder.


Standardmäßig ist es deaktiviert. Aktiviere es, wenn deine Bundle-Optionen die ganze Auswahl übernehmen sollen, siehe Eine Auswahl statt zwei. So blendest du das Widget auch bei einem Produkt aus, das nur im Abonnement mit einer einzigen Lieferhäufigkeit verkauft wird.


Preise auf der Produktseite aktualisieren


Hält den Produktpreis deines Themes im Einklang mit der Auswahl des Kunden. Wählt er eine Abonnementoption oder ein Bundle-Angebot, ändert sich der große Preis oben auf deiner Produktseite in den Betrag, den er tatsächlich zahlt, mit dem durchgestrichenen ursprünglichen Preis daneben, wenn die Auswahl ihm Geld spart.


Das ist standardmäßig aktiv. Schalte es aus, wenn der Preis deines Themes unverändert bleiben soll: Dein Abonnement-Widget und deine Bundle-Optionen zeigen weiterhin ihre eigenen Preise, nur der Preis des Themes ändert sich nicht mehr.


Wenn dein Theme bereits einen Sale darstellen kann, versetzt die App dein Theme in diesen Zustand und füllt den Preis und den durchgestrichenen Preis deines Themes aus. Ein Abonnement- oder Bundle-Rabatt sieht dann genau wie eine selbst angelegte Preisreduzierung aus, in deinen Schriften und Farben. Hat ein Theme keine eigene Sale-Darstellung, wird der durchgestrichene Preis aus dem Preis deines Themes erzeugt, sodass er weiterhin zu deiner Schrift und Farbe passt, mit einer einfachen Linie hindurch.


Das wird direkt geprüft mit Horizon, Dawn und den auf Dawn basierenden Themes (Refresh, Craft, Sense, Ride, Taste, Studio, Crave, Colorblock, Publisher, Origin, Spotlight, Trade, Concept), den neueren Shopify-Themes Ritual und Tinker sowie Impulse, Empire, Motion, Turbo, Focal, Pipeline und Highlight. Andere Themes funktionieren meist auch. Wenn sich der Preis auf deiner Produktseite nicht ändert, teile dem Support mit, welches Theme du verwendest, und wir ergänzen es.


Da der Preis des Themes der gewählten Option folgt, sieht ein Kunde beim Öffnen der Seite den Preis der Option, die zuerst ausgewählt ist. Ist eine Abonnementoption oder ein Bundle-Paket der Standard, steht oben der rabattierte Preis oder der Paketpreis. Damit die Seite mit dem regulären Preis öffnet, klicke im Angebot in der Zeile Einmalkauf auf Als Standard festlegen.


Währungscode bei Preisen


Legt fest, ob die Preise in deinem Abonnement-Widget und deinen Bundle-Optionen den Währungscode enthalten, zum Beispiel $24.00 USD statt $24.00.


  • Wie im Theme (Standard): Das Widget und die Bundle-Optionen folgen der Währungscode-Einstellung deines Themes und passen so zum Rest deines Shops.
  • Anzeigen: Der Währungscode wird immer angezeigt, unabhängig von deinem Theme.
  • Ausblenden: Der Währungscode wird nie angezeigt, auch wenn dein Theme ihn an anderen Stellen zeigt.


Die Auswahl wird sofort gespeichert und gilt für jeden Preis im Abonnement-Widget und in den Bundle-Optionen, auch für Preise, die sich ändern, wenn ein Kunde Variante, gewählte Option oder Menge ändert. Ersparnisse wie „Spare 5,00 $" werden in jedem Fall ohne Code geschrieben. Bei Wie im Theme zeigt die Vorschau auf der Designseite Preise ohne Code, weil sie die Einstellung deines Themes nicht lesen kann. Dein Onlineshop folgt trotzdem dem Theme.


Cent bei ganzen Preisen


Legt fest, wie ein Preis ohne Cent in deinem Abonnement-Widget und deinen Bundle-Optionen geschrieben wird.


  • Anzeigen (24,00 $) (Standard): Jeder Preis behält seine Cent.
  • Ausblenden (24 $): Ein Preis ohne Cent wird ohne sie geschrieben, also wird aus 24,00 $ 24 $ und aus 1.200,00 $ 1.200 $. Ein Preis wie 24,50 $ behält seine Cent immer, sodass Kunden immer genau das sehen, was sie bezahlen.


Die Auswahl wird sofort gespeichert und gilt für jeden Preis im Abonnement-Widget und in den Bundle-Optionen, einschließlich individueller Designs, sowie für die Details zum Abonnementpreis unter dem Produktpreis. Sie gilt auch für Preise, die sich ändern, wenn ein Kunde Variante, gewählte Option oder Menge ändert. Sie folgt dem Währungsformat deines Shops, sodass ein Shop, der Preise als 24,00 € schreibt, 24 € erhält. Der Produktpreis deines Themes wird nicht verändert.


Datumsauswahl


Lässt Kunden ihr Lieferdatum in einem Kalender unter dem Widget wählen. Praktisch für lokale Zustellung oder wenn Kunden das Datum ihrer ersten Lieferung wählen sollen.


Aktiviere sie mit dem Schalter in der Zeile Datumsauswahl und klicke dann auf die Zeile, um sie einzurichten:


  • Überschrift der Datumsauswahl

Die Überschrift über dem Kalenderfeld.


  • Beschriftung erstes Lieferdatum und Beschriftung nächstes Lieferdatum

Die Namen der Daten, die bei einem Abonnement zum Warenkorb und Checkout hinzugefügt werden.


  • Beschriftung einmaliges Lieferdatum

Wird für Einmal- und Bundle-Käufe verwendet, die keine nächste Bestellung haben.


  • Verfügbare Liefertage

Wähle, welche Wochentage Kunden auswählen können.


  • Bearbeitungstage vor der Lieferung

Füge einen Puffer zwischen Bestellung und frühestem verfügbarem Lieferdatum ein.


  • Spätestes Lieferdatum der ersten Bestellung

Begrenze, wie weit in der Zukunft Kunden ihre erste Lieferung wählen können (in Tagen, Wochen oder Monaten).


  • Gesperrte Liefertermine

Sperre bestimmte Daten oder Zeiträume, etwa Feiertage.


  • Bestellschluss

Der letzte Zeitpunkt, zu dem Kunden für das früheste verfügbare Lieferdatum bestellen können, mit der zugehörigen Zeitzone.


Wie das Datumsfeld aussieht, legst du nicht hier fest. Sobald die Datumsauswahl aktiv ist, erscheint unter Elemente auf der Designseite ein Bereich Lieferdatum mit Überschrift, Feld und Rahmen, damit das Feld zum Widget passt, unter dem es steht.


Angebots-Countdown


Angebots-Countdown zeigt auf der Produktseite unter dem Angebotstitel, wie lange ein Angebot noch läuft, etwa Endet in 2 T. 4 Std. Jedes Angebot aktiviert ihn für sich selbst: Lege unter Angebote > Zeitplan ein Ende fest und aktiviere Countdown auf der Produktseite anzeigen (siehe Ein Angebot planen). Er wird aktualisiert, solange die Seite geöffnet ist, und verschwindet, wenn das Angebot endet.


Diese Zeile hat keinen eigenen Schalter. Klicke darauf, um den Countdown-Text zu ändern, in dem {time} die verbleibende Zeit in Tagen, Stunden und Minuten in der Sprache des Kunden ausgibt, sowie seine Textfarbe (standardmäßig die Farbe des Angebotstitels). Der Text wird mit deinen anderen Beschriftungen unter Einstellungen > Übersetzungen > Widgets übersetzt.


Fixiertes In-den-Warenkorb


Fixiertes In-den-Warenkorb hält eine Leiste zum Hinzufügen in den Warenkorb auf dem Bildschirm, sobald die Schaltfläche In den Warenkorb deines Themes aus dem sichtbaren Bereich gescrollt ist. Sie zeigt den Produktnamen, die Variante, den Preis der Auswahl des Kunden (die Abonnementoption, den Einmalpreis oder die gewählte Bundle-Option) und eine Schaltfläche In den Warenkorb.


Die Schaltfläche löst das In den Warenkorb deines Themes aus, sodass dein Warenkorb-Drawer oder deine Warenkorbseite, Bundles und alles andere genauso funktionieren wie mit der Hauptschaltfläche. Sie trägt auch denselben Text, einschließlich Abonnement in den Warenkorb legen, solange ein Abonnement gewählt ist. Aktiviere sie mit dem Schalter der Zeile und klicke dann auf die Zeile, um Folgendes festzulegen:


  • Anzeigen auf: Smartphones (Standard) oder Allen Bildschirmen.
  • Layout: eine Leiste am unteren Seitenrand oder eine Schwebende Karte mit dem Produktbild, abgerundet und zentriert.
  • Optionsauswahl in der Leiste anzeigen: kleine Dropdowns für die Abonnement- und Bundle-Optionen, damit Kunden sie ändern können, ohne zurück nach oben zu scrollen. Sie ändern die Optionen auf der Seite, sodass Preis und Warenkorb dieselben sind wie bei einer Auswahl dort.
  • Stil: Hintergrundfarbe, Textfarbe, Eckenradius und Schriftgröße. Leer gelassen folgen sie deinem Widget-Design. Die Schaltfläche behält das Aussehen deines Themes.


Sie ist deaktiviert, bis du sie aktivierst. Hat dein Theme eine eigene fixierte In-den-Warenkorb-Leiste, deaktiviere eine der beiden, damit Kunden nur eine sehen.


Benutzerdefinierte Felder


Benutzerdefinierte Felder stellen Kunden auf der Produktseite Fragen, etwa nach dem Namen eines Haustiers oder dem gewünschten Mahlgrad, und speichern jede Antwort an der Bestellung und am Abonnement, sodass sie bei jeder Verlängerung erhalten bleibt. Jede Abonnementoption fragt ihre eigenen Felder ab: Öffne unter Angebote die Option, klicke auf Benutzerdefinierte Felder (unter Anzeige, nach Vorteile) und füge bis zu 5 Felder hinzu. Lege für jedes Feld Folgendes fest:


  • Beschriftung: die Frage. Sie ist auch der Name, unter dem die Antwort gespeichert wird. Änderst du sie später, werden neue Antworten unter dem neuen Namen gespeichert.
  • Typ: Text oder Dropdown, mit seinen durch Kommas getrennten Auswahlmöglichkeiten.
  • Platzhalter (oder Aufforderung bei einem Dropdown).
  • Standardantwort: der Wert, mit dem das Feld beginnt, sodass Kunden es nur ändern, wenn er nicht passt. Gib ihn bei einem Textfeld ein oder wähle bei einem Dropdown eine der Auswahlmöglichkeiten. Der Kunde kann ihn ändern oder löschen. Ein Pflichtfeld mit Standardantwort ist bereits beantwortet. Ein Abonnement, das du selbst erstellst, beginnt mit denselben Antworten.
  • Erforderlich: Der Kunde kann erst in den Warenkorb legen, wenn das Feld ausgefüllt ist, und sieht Bitte füllen Sie gefolgt vom Namen des Felds.
  • Kunden können es im Portal ändern: Die Antwort erscheint im Kundenportal unter Deine Angaben, wo der Kunde sie ändern kann. Deaktiviere es, um die Antwort anzuzeigen, ohne dass er sie ändern kann.


Erfahre, wenn Kunden ihre Antworten ändern. Ändert ein Kunde eine Antwort im Kundenportal, erhält er die E-Mail Abonnementvertrag aktualisiert. Wie jede Abonnement-E-Mail zeigt sie die Antworten des Abonnements in der Abonnementübersicht, jeweils unter dem Namen des Felds, leere Felder ausgenommen. Aktiviere bei dieser E-Mail unter Einstellungen > Benachrichtigungen > Kundenbenachrichtigungen die Option Mir eine Kopie senden, um dieselbe E-Mail bei jedem Versand zu erhalten. So hältst du Packlisten aktuell. Du erhältst auch für andere Änderungen am Abonnement eine Kopie, etwa an Produkten oder Mengen.


Antworten ansehen und ändern. Öffne das Abonnement unter Abonnements: Seine Antworten stehen rechts in der Karte Benutzerdefinierte Felder, die jedes Abonnement hat. Klicke auf den Stift, um eine Antwort zu ändern oder eine auszufüllen, die der Kunde leer gelassen hat. Du kannst jedes Feld ändern, auch solche, die Kunden im Portal nicht ändern können. Felder, die die Abonnementoption abfragt, lassen sich aber nicht entfernen: Ein leeres Pflichtfeld zeigt Erforderlich, wird aber trotzdem gespeichert. Klicke auf Feld hinzufügen, um einem beliebigen Abonnement ein eigenes Feld mit Name und Wert hinzuzufügen, auch einem, dessen Option nichts abfragt. Mit dem Papierkorbsymbol entfernst du eigene Felder und Antworten, die unter einem Namen gespeichert sind, den kein Feld mehr verwendet (ein umbenanntes oder entferntes Feld). Felder, die du hinzufügst, werden in künftigen Bestellungen gespeichert, wo der Kunde sie sehen kann, aber nicht im Kundenportal angezeigt, es sei denn, Bestelldetails aus anderen Apps unter Einstellungen > Kundenportal schließt sie ein. Änderungen gelten ab der nächsten Bestellung. Die vom Kunden aufgegebene Bestellung behält seine Antworten, die in Shopify auf der Bestellseite unter dem Produkt aufgeführt sind. Wenn du selbst ein Abonnement erstellst (Abonnements > Abonnementvertrag erstellen), kannst du in derselben Karte Benutzerdefinierte Felder die Felder der Option beantworten und eigene hinzufügen.


Die Felder erscheinen unter den Abonnementoptionen, solange diese Option gewählt ist, in jedem Design, und funktionieren auch mit Bundle-Optionen. Die Vorschau im Angebotseditor zeigt sie während der Eingabe. Sie übernehmen Rahmen, Ecken und Textfarbe deines Widget-Designs. Klicke hier auf die Zeile Benutzerdefinierte Felder, um sie unter Stil zu überschreiben (einschließlich Feldhintergrund, der Füllung der Eingabefelder; leer gelassen übernehmen die Felder den Optionshintergrund deines Designs oder Weiß) und um die Meldung für ein Pflichtfeld umzuformulieren. Übersetze Beschriftungen, Platzhalter, Auswahlmöglichkeiten, Standardantworten von Textfeldern und die Meldung unter Einstellungen > Übersetzungen > Widgets > Benutzerdefinierte Felder. Ein übersetztes Dropdown speichert die Auswahl trotzdem in der Hauptsprache deines Shops, sodass deine Bestellungen unabhängig von der Sprache des Kunden gleich lauten.


Farben folgen deinem Design. Jedes Add-on mit einem Bereich Stil (benutzerdefinierte Felder, Geschenkabonnements, fixiertes In-den-Warenkorb, Warenkorb-Upsell und Zu meinem Abonnement hinzufügen) übernimmt Farben und Ecken von deinem Widget-Design, wenn du sie leer lässt, und passt so zu deinen Abonnementoptionen. Schriften folgen deinem Theme.


Geschenkabonnements


Geschenkabonnements enthält die Texte und das Aussehen des Schalters Als Geschenk senden, der erscheint, während ein Kunde eine verschenkbare Option wählt (unter Angebote ein einmaliges Vorausbezahltes Abonnement mit aktivierter Option Kunden können es als Geschenk senden). Ist er eingeschaltet, wird immer die E-Mail-Adresse des Empfängers abgefragt und, wenn du es unter Außerdem abfragen auswählst, sein Name und eine Geschenknachricht (die Nachricht ist aktiv, bis du sie ausschaltest). Klicke auf die Zeile, um den Schalter, die Feldnamen und die Meldungen umzuformulieren und ihren Stil festzulegen (leer gelassen folgen sie deinem Widget-Design). Übersetze sie unter Einstellungen > Übersetzungen > Widgets > Geschenkabonnements. Der Empfänger erhält die E-Mail Geschenk erhalten, sobald das Abonnement beginnt. Die gesamte Einrichtung findest du unter Kann ich Geschenkabonnements anbieten?.


Warenkorb-Upsell


Warenkorb-Upsell fügt jedem einmalig gekauften Produkt auf deiner Warenkorbseite und im Warenkorb-Drawer direkt über der Menge eine Schaltfläche Abonnieren und 10 % sparen hinzu. Ein Klick stellt diese Position auf ein Abonnement zum Abonnementpreis um, ohne den Warenkorb zu verlassen.


  • Die Schaltfläche bietet die erste Abonnementoption des Produkts an, die seine Produktseite von sich aus zeigen würde (oder alle, siehe Kunden die Häufigkeit wählen lassen unten). Optionen, die nur in einem Bundle verkauft werden, Optionen, die du vom Onlineshop fernhältst, Optionen mit kostenloser Testphase und vorausbezahlte Optionen werden daher nie angeboten. Optionen, die auf getaggte Kunden beschränkt sind, werden ebenfalls ausgelassen. Optionen für angemeldete Kunden sehen nur angemeldete Kunden.
  • Die Ersparnis ist der Rabatt der Option. Ohne Rabatt lautet die Schaltfläche Zum Abo wechseln.
  • Auch eine Mengenstaffel (ein 2er-Pack, ein 3er-Pack) erhält die Schaltfläche, wenn der Rabatt dieser Bundle-Option für Abonnements gilt. Die Position behält ihren Bundle-Rabatt mit dem Abonnementrabatt obendrauf, also denselben Preis, den deine Produktseite für dieses Paket im Abonnement berechnet, und es wird nur eine Option angeboten, die dieses Paket erlaubt. Andere Bundle-Positionen (feste Bundles, Build-a-Box, Kaufe X erhalte Y, Geschenke und Add-ons) und Positionen mit Angaben einer anderen App erhalten nie eine Schaltfläche.
  • Kunden die Häufigkeit wählen lassen (in den Einstellungen der Zeile, standardmäßig deaktiviert) setzt ein Dropdown mit den Abonnementoptionen des Produkts neben eine Schaltfläche Abonnieren, jede Option mit ihrer eigenen Ersparnis („Lieferung jeden Monat, 10 % sparen"). Die erste Option ist vorausgewählt, sodass weiterhin ein Klick genügt. Ein Produkt mit nur einer Option behält die einzelne Schaltfläche. Die Optionsnamen stammen aus deinen Abonnementoptionen, in der Sprache des Kunden.
  • Kunden zum Einmalkauf zurückwechseln lassen (standardmäßig deaktiviert) gibt Abonnementpositionen eine Schaltfläche Zum Einmalkauf wechseln. Sie wird nicht angezeigt bei Produkten, die nur im Abonnement verkauft werden, oder bei einer Bundle-Option, die nur im Abonnement verkauft wird.
  • Unter Stil wählst du eine umrandete oder gefüllte Schaltfläche, ihre Farbe und Textfarbe, den Eckenradius, die Schrift (die Text- oder Überschriftenschrift deines Themes, System, Serif oder Monospace), ihre Stärke und Größe und bei aktivem Dropdown dessen Textfarbe. Der Pfeil des Dropdowns übernimmt die Schaltflächenfarbe. Leer gelassen folgen Farben und Ecken deinem Widget-Design (dem Rahmen der gewählten Option), gelesen von der Produktseite. Auf einer Seite ohne Widget verwenden sie das Design, das dieser Kunde zuletzt gesehen hat, und das deines Themes nur, bevor er eines gesehen hat.
  • Die App-Einbettung muss aktiviert sein, weil sich ein Warenkorb-Drawer auf jeder Seite öffnen kann.


Klicke auf die Zeile, um die Schaltflächen und die Dropdown-Einträge umzuformulieren ({discount} ist die Ersparnis, {option} der Name der Option), und übersetze sie unter Einstellungen > Übersetzungen > Widgets > Warenkorb-Upsell. Die meisten Themes werden unterstützt. Wenn die Schaltfläche in deinem Warenkorb nicht erscheint, teile uns mit, welches Theme du verwendest.


Mehr ausgeben, mehr sparen


Ein Bestellrabatt, sobald der Warenkorb eine Ausgabestufe erreicht, zum Beispiel 5 % Rabatt ab 50 $ und 10 % ab 100 $, mit einem Fortschrittsbalken oben auf der Warenkorbseite und im Warenkorb-Drawer: „Noch 20,00 $ bis 5 % Rabatt".


  1. Klicke auf Mehr ausgeben, mehr sparen, lege bis zu 5 Stufen fest (mindestens ausgeben in der Währung deines Shops und Prozentualer Rabatt) und wähle, was Zählt: jeder Artikel im Warenkorb, nur einmalige Artikel oder nur Abonnementartikel.
  2. Formuliere den Fortschrittstext um ({remaining} ist der noch auszugebende Betrag, {discount} der Prozentsatz der nächsten Stufe) und den Text Letzte Stufe erreicht ({discount}), und lege Farbe, Ecken und Schrift des Balkens unter Stil fest. Beide Texte übersetzt du unter Einstellungen > Übersetzungen > Widgets.
  3. Klicke auf Speichern und schalte dann den Schalter ein.


So funktioniert es:


  • Jede Stufe ist ein automatischer Shopify-Rabatt, den die App erstellt, sodass der Checkout ihn anwendet. Du siehst sie unter Rabatte in deinem Shopify-Adminbereich. Ändere sie hier: Jedes Speichern ersetzt sie.
  • Shopify wendet die beste Stufe an, die der Warenkorb erreicht. Die Stufen lassen sich mit Bundle-, Abonnement- und Versandrabatten kombinieren, aber nicht mit anderen Bestellrabatten.
  • Zählt bestimmt sowohl, was der Balken zusammenzählt, als auch, auf welche Artikel der Rabatt gilt: Mit Nur einmalige Artikel zählen Abonnements weder mit noch erhalten sie den Rabatt.
  • Der Name des Rabatts im Checkout ({minimum}, {discount}) wird an der Bestellung nur in der Sprache deines Shops angezeigt: Shopify übersetzt Rabattnamen nicht.
  • Der Balken braucht die aktive App-Einbettung. Mindestbeträge werden für Kunden, die in einer anderen Währung zahlen, umgerechnet.
  • Solange es aktiv ist, zeigt die Vorschau auf der Designseite den Balken auch unter dem Widget, mit der Beschriftung Im Warenkorb und Warenkorb-Drawer, mit diesem Produkt: Er zeigt, was ein Warenkorb mit dem Vorschauprodukt zu seinem gewählten Preis anzeigen würde, in deinem Stil.


Zu meinem Abonnement hinzufügen


Zu meinem Abonnement hinzufügen lässt einen Kunden, der bereits ein Abonnement hat, das angesehene Produkt direkt von der Produktseite aus zu diesem Abonnement hinzufügen, ohne neuen Checkout. Die Schaltfläche erscheint unter den Abonnementoptionen nur für Kunden, die in deinem Shop angemeldet sind und ein aktives Abonnement haben. Alle anderen sehen sie nicht.


Sie erscheint als Karte: die Schaltfläche und darunter das Datum, an dem das Produkt versendet wird (Wird mit Ihrer nächsten Bestellung am 23. Oktober versendet). Die Karte erscheint, solange der Kunde eine Abonnementoption gewählt hat, nicht bei einem Einmalkauf, und bietet nur seine aktiven oder pausierten Abonnements auf derselben Abonnementoption an, sodass das Produkt zu dem Preis hinzugefügt wird, den die Seite zeigt. Bei einem solchen Abonnement gibt es keine Liste. Bei mehreren wählt er aus einer Liste (Abonnement Nr. 1234, nächste Bestellung 23. Oktober).


Ein Klick auf die Schaltfläche öffnet eine Bestätigung, bevor sich etwas ändert. Sie listet alles auf, was bereits im Abonnement ist, dann das neue Produkt hervorgehoben und mit Neu markiert, mit seinem Preis pro Lieferung, und die nächste Bestellung des Abonnements mit dem hinzugefügten Produkt: Zwischensumme, Rabatte, Versand, Steuern und Summe, berechnet von Shopify. Bringt das Produkt einen größeren Rabatt oder günstigeren Versand, wird diese Zeile hervorgehoben und mit Neue Ersparnis markiert. Erst wenn der Kunde auf Zum Abonnement hinzufügen klickt, wird das Produkt hinzugefügt, und zwar zu jeder Bestellung dieses Abonnements zu seinem Abonnementpreis. Er erhält die übliche E-Mail Abonnementvertrag aktualisiert.


Ein Produkt, das bereits im Abonnement ist. Fügt man ein Produkt hinzu, das das Abonnement schon enthält, wird die Menge dieser Position erhöht, statt eine zweite hinzuzufügen. Die Bestätigung zeigt die Position daher einmal mit ihrer neuen Menge. Eine Position, die zu einem Bundle oder einer Abo-Box gehört, ein Gratisgeschenk oder eine Prämie oder eine Position mit eigenen Angaben des Kunden (zum Beispiel einer Gravur) bleibt unverändert, und das Produkt wird separat hinzugefügt.


Mengenstaffeln. Enthält das Abonnement das Produkt bereits als Mengenstaffel-Paket auf derselben Abonnementoption, wird das Produkt diesem Paket hinzugefügt, statt eine eigene Position zu werden, sofern das ein größeres Paket ergibt. Zum Beispiel macht eine weitere Dose aus einem Double ein Triple, mit der Ersparnis des Triple bei jeder folgenden Bestellung, genau so berechnet wie in deinem Checkout. Die Bestätigung zeigt das Paket mit seiner neuen Menge und seinem neuen Namen. Passt kein Paket zur neuen Menge, wird das Produkt separat hinzugefügt und das bestehende Paket behält seinen Preis. Andere Bundle-Arten werden noch nicht auf diese Weise kombiniert.


Es gelten dieselben Regeln wie beim Hinzufügen von Produkten im Kundenportal: Produkte hinzufügen muss unter Einstellungen > Kundenportal aktiv sein, und innerhalb deines Zeitraums Änderungen vor der nächsten Bestellung sperren wird es abgelehnt. Klicke auf die Zeile, um jeden Text auf der Karte und in der Bestätigung umzuformulieren und ihren Stil festzulegen: eine umrandete oder gefüllte Schaltfläche, Akzent- und Textfarbe, Ecken, Schrift, ihre Stärke und Größe sowie die Textfarbe der Liste. Eine Vorschau zeigt die Karte und die Bestätigung während der Bearbeitung. Die Texte werden mit deinen anderen Beschriftungen unter Einstellungen > Übersetzungen > Widgets übersetzt.


Häufige Fragen


Die Schaltfläche lautet jetzt „Abonnement in den Warenkorb legen". Wie behalte ich das „In den Warenkorb" meines Themes?
Schalte unter Add-on-Einstellungen die Option Text der Schaltfläche In den Warenkorb aus oder gib den gewünschten Text unter Text der Schaltfläche Abonnement in den Warenkorb ein.


Der Preis oben auf meiner Produktseite ändert sich nicht, wenn ein Abonnement oder Bundle ausgewählt wird.
Prüfe, ob Preise auf der Produktseite aktualisieren aktiv ist. Ist es aktiv und der Preis deines Themes ändert sich trotzdem nicht, teile uns mit, welches Theme du verwendest, und wir ergänzen die Unterstützung dafür.


Meine Produktseite zeigt einen rabattierten Preis statt des Preises, den ich festgelegt habe.
Der Preis des Themes folgt der Option, die beim Öffnen der Seite ausgewählt ist. Lege im Angebot die Zeile Einmalkauf als Standard fest oder schalte Preise auf der Produktseite aktualisieren aus.


Preise im Widget zeigen „USD" (oder zeigen es nicht).
Stelle Währungscode bei Preisen auf Anzeigen oder Ausblenden. Zeigt das Widget eine andere Währung als der Rest deines Shops, schreib uns mit dem Link zum Produkt.


Kann ich Preise ohne ,00 anzeigen?
Ja. Stelle Cent bei ganzen Preisen auf Ausblenden. Preise mit Cent, etwa 24,50 $, behalten sie.


Mein Produkt gibt es nur im Abonnement mit einer Häufigkeit. Kann ich das Widget ausblenden?
Ja. Aktiviere Bei nur einer Option ausblenden.


Weiterführende Anleitungen


Aktualisiert am: 24/10/2026

War dieser Beitrag hilfreich?

Teilen Sie Ihr Feedback mit

Stornieren

Danke!