Skip to main content
Im Checkout gibt es zwei Möglichkeiten, Widgets zu deinem Checkout hinzuzufügen: Pages und Standalone-Widgets. Dieser Artikel erklärt, wie beide funktionieren, wann du sie verwenden solltest und wie du sie in deinem Shopify Checkout platzierst.

​
Was soll ich verwenden?

​
Pages

Eine Page ist eine Gruppe von Widgets, die eine einzige Trigger-Gruppe teilen. Wenn die Trigger-Bedingungen erfüllt sind, werden alle Widgets innerhalb der Page zusammen angezeigt. Pages sind ideal, wenn du mehreren Widgets derselben Zielgruppe gleichzeitig anzeigen möchtest.

​
Eine Page erstellen

Beim Erstellen einer Page hast du zwei Optionen: Guided setup oder Start from scratch. Guided setup Das Guided setup führt dich durch eine empfohlene Konfiguration basierend auf einem von dir gewählten Ziel. Die Einrichtung folgt vier Schritten: Goal, Triggers, Widgets und Placement. Schritt 1: Goal Wähle das Ziel, das am besten zu dem passt, was du erreichen möchtest. Jedes Ziel bringt einen empfohlenen Satz vorkonfigurierter Widgets mit. Wichtig: Dein Ziel kann nach dem Speichern nicht mehr geändert werden. Wenn du ein anderes Ziel benötigst, musst du die Page löschen und eine neue erstellen. Widgets können jedoch jederzeit zu einer Page hinzugefügt oder daraus entfernt werden. Nimm dir einen Moment Zeit, um das Ziel zu wählen, das am besten zu deiner Strategie passt, bevor du fortfährst. Sobald du dein Ziel ausgewählt hast, klicke auf Save and next, um fortzufahren. Goal-Schritt des geführten Checkout-Setups mit einer Liste empfohlener Ziele zur Auswahl Schritt 2: Triggers Lege die Bedingungen fest, unter denen deine Page angezeigt wird, oder wähle, die Page allen Kunden ohne Bedingungen anzuzeigen. Eine vollständige Liste der verfügbaren Trigger findest du unter Checkout-Trigger. Schritt 3: Widgets Überprüfe die Widgets, die für dein Ziel empfohlen wurden. Du kannst in diesem Schritt Widgets hinzufügen oder entfernen und auf die erweiterten Einstellungen jedes Widgets zugreifen. Eine vollständige Liste der verfügbaren Widget-Typen und ihrer Einstellungen findest du unter Checkout-Widget-Typen. Widgets-Schritt des geführten Setups mit Überprüfung empfohlener Checkout-Widgets und Live-Vorschau Schritt 4: Placement Jedes Widget deiner Page muss einzeln in deinem Shopify-Checkout-Editor platziert werden. Jedem Widget wird eine BlockID zugewiesen (z. B. page-upsell-001, page-upsell-002), anhand derer es beim Hinzufügen des App-Blocks in Shopify identifiziert wird. Standortempfehlungen helfen dir bei der Entscheidung, wo du jedes Widget auf der Checkout-Seite platzierst. So platzierst du ein Widget:
  1. Notiere die deinem Widget im Aftersell-Dashboard zugewiesene BlockID.
  2. Öffne den Shopify-Checkout-Editor.
  3. Füge den Aftersell-App-Block hinzu.
  4. Wähle im Dropdown-Menü die BlockID aus, die deinem Widget entspricht (z. B. page-upsell-003).
Hinweis: Jedes Widget innerhalb einer Page hat seine eigene BlockID und muss als separater App-Block im Shopify-Checkout-Editor hinzugefügt werden. Ein Widget wird erst angezeigt, wenn es platziert wurde. Shopify-Checkout-Editor beim Hinzufügen des Aftersell-App-Blocks und Auswählen der BlockID-Platzierung
Start from scratch Start from scratch folgt demselben Prozess wie das Guided setup, überspringt aber den Goal-Schritt. Du konfigurierst deine Trigger, fügst deine Widgets manuell hinzu und platzierst sie dann über ihre BlockIDs in deinem Shopify-Checkout-Editor. Eine Page bearbeiten Du kannst eine Page jederzeit nach der Erstellung bearbeiten, einschließlich des Hinzufügens oder Entfernens von Widgets und der Aktualisierung von Triggern. Das Einzige, was nicht geändert werden kann, ist das Ziel. Wenn du das Ziel ändern musst, lösche die Page und erstelle eine neue. Eine Page duplizieren Um eine Kopie einer bestehenden Page zu erstellen, klicke auf das Duplicate-Symbol in der Page-Zeile im Dashboard. Die duplizierte Page wird im inaktiven Zustand erstellt, mit dem Präfix „(Duplicated)“ im Namen, und enthält dieselben Widgets und dieselbe Trigger-Konfiguration wie das Original. Du kannst sie umbenennen und aktivieren, wenn du bereit bist.

​
Standalone-Widgets

Standalone-Widgets sind einzelne Widgets, jeweils mit eigenen Triggern und eigener Priorität. Sie eignen sich am besten, wenn du nur ein einzelnes Widget dauerhaft oder einer gezielten Kundengruppe anzeigen möchtest.

​
Ein Standalone-Widget erstellen

Klicke im Dashboard auf Create widget. Du wirst aufgefordert, zwei Dinge auszuwählen:
  • Widget-Typ: Der Typ des Widgets, das du erstellen möchtest (Upsells, Rewards, Trust Badges, Testimonials, Cart Controls, Notes, Text oder Images). Eine vollständige Aufschlüsselung jedes Widget-Typs und seiner Einstellungen findest du unter Checkout-Widget-Typen.
  • Block: Der Block, zu dem das Widget hinzugefügt werden soll. Es sind drei Blöcke verfügbar, deren Benennung dem gewählten Widget-Typ folgt. Zum Beispiel:
    • Upsells: Default upsell, Additional upsell 1, Additional upsell 2
    • Trust Badges: Default trust badge, Additional trust badge 1, Additional trust badge 2
    • Und so weiter für jeden Widget-Typ
Jeder Block kann mehrere Varianten enthalten. Der Block-Zähler oben rechts in der Auswahl zeigt an, wie viele der 3 verfügbaren Blöcke du erstellt hast (z. B. bedeutet 2/3: 2 Blöcke erstellt, 1 verbleibend).

​
Block-Limit

Maximal 3 Blöcke können für Standalone-Widgets verwendet werden. Sobald alle 3 Blöcke in Verwendung sind, ist die Option Add new block nicht mehr verfügbar, und es können keine weiteren Widgets desselben Typs erstellt werden, bis ein bestehender Block entfernt wird.

​
Platzierung

Jedes Standalone-Widget muss als eigener App-Block in deinem Shopify-Checkout-Editor platziert werden. Beim Hinzufügen eines App-Blocks in Shopify siehst du die BlockID-Optionen für deine Standalone-Widgets aufgelistet als:
  • Default placement
  • Additional placement 1
  • Additional placement 2
Der Platzierungswert ist ein Routing-Schlüssel, keine Position: Er teilt dem App-Block mit, welche gespeicherte Widget-Konfiguration geladen werden soll. Wo ein Widget tatsächlich im Checkout erscheint, entscheidet sich dadurch, wo du seinen App-Block im Shopify-Checkout-Editor hinzufügst — mit einer Ausnahme. Cart controls ist nicht frei positionierbar: Es wird nach jeder Warenkorb-Position gerendert, wo immer der Warenkorb angezeigt wird. Jeder andere Widget-Typ kann als Block an jeder Position hinzugefügt werden, die der Checkout-Editor anbietet. So platzierst du ein Widget:
  1. Öffne den Shopify-Checkout-Editor.
  2. Füge den Aftersell-App-Block an der gewünschten Stelle hinzu.
  3. Wähle im Dropdown-Menü die BlockID aus, die deinem Widget entspricht.

​
Analytics

Analytics sind sowohl für Pages als auch für Standalone-Widgets verfügbar. Du kannst die Performance-Daten jeder einzelnen Page oder jedes Widgets ansehen, indem du im Dashboard auf das Balkendiagramm-Symbol daneben klickst, direkt im Editor selbst oder über den Analytics-Tab in der Seitennavigation