Upsells-Block

Der Upsells-Block zeigt Produktangebote im Cart Drawer, ausgewählt durch eine Strategy, die du festlegst. Wenn Käufer den Warenkorb öffnen, zeigt der Block die Produkte an, die deine Strategy auf Basis des aktuellen Warenkorbinhalts und deiner konfigurierten Targeting-Regeln zurückgibt.

Steigere den durchschnittlichen Bestellwert, indem du relevante Produktangebote genau in dem Moment präsentierst, in dem Käufer ihren Warenkorb öffnen — mit einer Strategy, die anhand des Warenkorbinhalts und deiner Targeting-Regeln auswählt, was angezeigt wird.

• Produkte werden live auf Basis des aktuellen Warenkorbs des Käufers abgerufen, sodass die Angebote widerspiegeln, was tatsächlich im Warenkorb liegt.
• Der gesamte Abschnitt wird ausgeblendet, wenn keine Produkte aufgelöst werden — keine Strategy angehängt, die Strategy gibt nichts zurück oder keines der zurückgegebenen Produkte ist kaufbar. Käufer sehen nie einen leeren Upsells-Abschnitt.
• Wenn ein zurückgegebenes Angebot einen Rabatt trägt, sehen Käufer einen ehrlichen durchgestrichenen Preis und ein Rabatt-Badge, und der Rabatt wird im Checkout angewendet.

Die folgenden metafield-basierten Bewertungs-Apps werden unterstützt: Shopify Product Reviews, Junip, Okendo, Growave, Fera, Stamped, Loox, REVIEWS.io, Automizely Reviews, Judge.me, Ali Reviews, Trustoo, Rivo, Rivyo und Vitals. Yotpo wird nicht unterstützt, da es eine separate API statt Produkt-Metafields verwendet. Der Upsells-Block hat Design-Überschreibungen pro Block in seinem Design-Panel. Diese überschreiben die globalen Design-Einstellungen des Warenkorbs nur für diesen Block. Ein leer gelassener Wert erbt die globale Einstellung. Der Upsells-Block enthält in seinen Design-Einstellungen einen Abschnitt Text. Damit steuerst du die Typografie einzelner Textelemente auf jeder Upsell-Karte. Wähle ein Textelement im Picker aus, um seine Einstellungen anzupassen: Die gestaltbaren Textelemente sind nach Kategorie gruppiert: Heading

• Heading — die Abschnittsüberschrift über den Upsell-Karten (zum Beispiel You may also like). Unterstützt außerdem eine benutzerdefinierte Schriftfamilie. Fettschrift und Farbe werden im Rich Text Editor oberhalb festgelegt.

Product

• Product title — der Produktname auf jeder Upsell-Karte.
• Review count — die Bewertungsanzahl, die angezeigt wird, wenn Show product reviews aktiviert ist.

Pricing

• Price — der aktuelle Preis auf jeder Karte.
• Compare-at price — der durchgestrichene ursprüngliche Preis.
• Discount — die Rabattbeschriftung (zum Beispiel 20% off).

Wenn du ein Feld leer lässt, behält das Element seinen Standardwert. Wenn Show product reviews aktiviert ist, kannst du die Sternfarben im Abschnitt Reviews des Design-Panels anpassen.

• Bereich: Body oder unten.
• Maximum: 1 pro Warenkorbzustand — der gefüllte und der leere Warenkorb erhalten jeweils einen eigenen.
• Zustand: sowohl gefüllter als auch leerer Warenkorb.
• Nicht standardmäßig hinzugefügt. Nicht gesperrt — du kannst ihn entfernen oder ausblenden.

Ein Upsells-Block kommt nicht leer an: Wenn keine Strategy festgelegt ist, löst Aftersell die Shopify-AI-Strategie deines Stores auf — und erstellt sie, falls du noch keine hast — und trägt sie ein, sodass der Block sofort funktioniert. Öffne die Strategy-Auswahl, um sie zu ändern. Die Auswahl hat zwei Gruppen: Quick start

• Create strategy from selected products — wähle direkt bestimmte Produkte aus, und eine Strategy wird automatisch für dich erstellt.
• Create strategy from scratch — öffnet den Strategy-Editor, damit du Regeln erstellen kannst, ohne den Cart-Editor zu verlassen.

Strategies

• Shopify AI recommendations — erstellt eine Strategy auf Basis von Shopifys eigenen Empfehlungen, die danach überall als Shopify AI recommended products erscheint. Dieser Eintrag verschwindet, sobald du eine hast, da ein Store immer nur eine einzige Shopify-AI-Strategie braucht.
• Deine bestehenden Strategies, nach Namen aufgelistet. Tippe in das Suchfeld, um sie zu filtern.

Sobald eine Strategy ausgewählt ist, erscheint ihr Name in der Strategy-Zeile innerhalb des Blocks. Nachdem eine Strategy angehängt wurde, erscheint ein •••-Button (Ellipse) in der Strategy-Zeile. Klicke darauf, um das Aktionsmenü zu öffnen:

• Edit strategy — öffnet den Strategy-Editor in einem neuen Tab, sodass deine Cart-Editor-Sitzung und alle ungespeicherten Änderungen erhalten bleiben. Diese Option ist für die Shopify-AI-Empfehlungsstrategie nicht verfügbar, da sie automatisch verwaltet wird und keine bearbeitbaren Regeln hat.
• Remove from upsell — löst die Strategy von diesem Block. Die Strategy selbst wird nicht gelöscht; sie bleibt in deiner Strategies-Liste verfügbar.

Das Bearbeiten einer Strategy in einem neuen Tab beeinflusst die Cart-Editor-Sitzung nicht — du kannst zum Cart-Editor-Tab zurückkehren und weiter konfigurieren, ohne deine Arbeit zu verlieren. Unterstützt ein Custom Template über seinen Code-Tab, das das integrierte Markup dieses Blocks durch dein JSX ersetzt. Diese Props erhält es. Nur relevant, wenn layout 'carousel' ist. Jeder Eintrag in upsells: Jeder Eintrag in variants trägt id, title, price und compareAtPrice (roh, unformatiert, in der Haupteinheit der Währung als Strings), availableForSale, imageUrl, sku und selectedOptions ([{ name, value }]). Gestalte diesen Block über seinen Design-Abschnitt im Einstellungs-Panel. Das sind Überschreibungen pro Block, die auf deinem globalen Design aufsetzen und auf dieses zurückfallen, wenn sie leer sind. Was sind Design settings? Erfahre hier mehr: Design settings.