Shopify-Checkout-Extensions erklärt: Upsells & mehr

Was eine Checkout-UI-Extension ist

Eine Checkout-UI-Extension ist ein Block, den eine App liefert und Shopify im Checkout darstellt. Sie besteht aus Shopifys eigenen UI-Komponenten, übernimmt also das Branding deines Checkouts und bleibt schnell und sicher, und du platzierst sie im Checkout-Editor wie einen Theme-Block.

Extensions ersetzen den alten Weg, Checkout-Vorlagen direkt zu bearbeiten. Shopify stellt alle Shops auf dieses Modell um – Checkout Extensibility genannt –, zusammen mit Shopify Functions für Logik wie Rabatte.

Wo sie erscheinen können

Es gibt zwei Gruppen von Platzierungen, und der Unterschied zählt wegen der Pläne:

• Im Checkout – die Schritte Informationen, Versand und Zahlung. Extensions sind hier für Shops mit Shopify Plus verfügbar.
• Nach dem Checkout – die Dankeseite und die Bestellstatusseite. Extensions sind hier in allen Plänen verfügbar.

Wenn du also nicht auf Plus bist, sind Dankeseite und Bestellstatusseite die Orte, an denen eine Checkout-Extension für dich arbeiten kann. Shopifys Planregeln ändern sich gelegentlich – prüfe vor dem Bauen die aktuelle Checkout-Extensibility-Dokumentation für deinen Plan.

Die Checkout-Blöcke, die Händler am häufigsten bauen

• Upsells nach dem Kauf auf der Dankeseite – ein ergänzendes Produkt, wenn die Kaufabsicht am höchsten ist.
• Vertrauen und Sicherheit – Rückgaberichtlinie, Lieferversprechen, Siegel für sichere Zahlung.
• Lieferhinweise und Geschenknachrichten, die an der Bestellung gespeichert werden.
• Hilfen auf der Bestellstatusseite – Pflegehinweise, Einrichtungsanleitungen oder ein Support-Link passend zum Kauf.
• Umfragen – ein einfaches „Wie hast du von uns erfahren?“ auf der Dankeseite.
• Treue-Hinweise – mit dieser Bestellung gesammelte Punkte oder ein Anstoß, ein Konto anzulegen.

So baust du eine ohne Entwickler

Wähle in AppFly Ein Block im Checkout im Dropdown unter dem Prompt-Feld – oder sag einfach „auf der Dankeseite“ – und beschreibe ihn:

„Ein Block auf der Dankeseite, der eine Pflegeanleitung für die gerade gekaufte Produktkategorie zeigt, mit einem Link zu unserer Support-Seite.“

Der Coding-Agent schreibt die Extension mit Shopifys Checkout-Komponenten, registriert sie und installiert sie in deinem Shop. Dann platzierst du sie im Checkout-Editor, testest sie mit einer Testbestellung und verbesserst sie per Chat. Die Schritt-für-Schritt-Version findest du unter Shopify-App ohne Programmieren erstellen.

Regeln, die du vorher kennen solltest

• Extensions laufen in einer Sandbox. Sie können keine beliebigen Skripte einschleusen oder den Checkout frei umgestalten; sie nutzen Shopifys Komponenten. Das hält den Checkout schnell und sicher.
• Halte sie schlank. Eine klare Botschaft wirkt besser als drei konkurrierende im Moment des Bezahlens.
• Logik gehört in Functions. Wenn du einen Preis ändern willst – einen Rabatt, eine Versandregel –, ist das eine Rabatt-Function oder eine andere Shopify Function, kein UI-Block. AppFly baut auch Rabattregeln.

Häufige Fragen

Kann ich den Shopify-Checkout ohne Shopify Plus anpassen?

Ja, auf der Dankeseite und der Bestellstatusseite, wo Checkout-UI-Extensions in allen Plänen verfügbar sind. Extensions in den Schritten Informationen, Versand und Zahlung sind eine Shopify-Plus-Funktion.

Was ist der Unterschied zwischen einer Checkout-UI-Extension und einer Shopify Function?

Eine Checkout-UI-Extension fügt etwas hinzu, das der Kunde sieht, etwa einen Inhaltsblock oder ein Formularfeld. Eine Shopify Function ändert Logik, die Shopify ausführt, etwa wie ein Rabatt berechnet wird.

Wie füge ich der Shopify-Dankeseite einen Upsell hinzu?

Nutze eine App, die eine Checkout-Extension für die Dankeseite bereitstellt, und platziere den Block im Checkout-Editor. Mit AppFly beschreibst du den Upsell und bekommst die Extension für deinen Shop gebaut.