Übersicht über Blöcke zur Anpassung deines Checkouts mit Checkout Blocks

Blöcke in der Checkout Blocks-App, die mit UI-Erweiterungen erstellt wurden, helfen dir bei der Anpassung des Checkouts, indem sie Blöcke bereitstellen, die du per Drag-and-Drop direkt in den Checkout- und Konten-Editor ziehen kannst. Einige Blocktypen fügen deinem Checkout visuelle Anpassungselemente hinzu, z. B. Informations- und Warnbanner oder Nachrichten für Positionen. Andere Blocktypen fügen deinem Checkout interaktive Elemente hinzu, z. B. Varianten- oder Mengenauswahlen für Positionen oder Kontrollkästchen oder Textfelder, in denen Kund:innen zusätzliche Informationen auswählen oder eingeben können.

Checkout Blocks kann bis zu 30 aktive Blöcke pro Blocktyp unterstützen. Du kannst bis zu 30 benutzerdefinierte Felder, 30 Blöcke mit dynamischem Inhalt oder andere Blocktypen gleichzeitig haben. Du kannst mehr als 30 Blöcke erstellen, aber nur die ersten 30 aktiven Blöcke werden im Checkout angezeigt.

Welche Blöcke im Checkout angezeigt werden, hängt von den Anzeigeregeln ab, die du auf den Block angewendet hast, von der Reihenfolge der Blockpriorisierung sowie davon, ob eine Block-ID verwendet wird, um einen bestimmten Block immer an einem bestimmten Ort anzuzeigen.

Verfügbare Blöcke in Checkout Blocks

Checkout Blocks unterstützt verschiedene Blocktypen. Der Blocktyp hängt von der Art des Inhalts ab, den du zu deinem Checkout hinzufügen möchtest, davon, ob du bedingte Anzeigeregeln hinzufügen möchtest, und zu welchen Seiten du den Block hinzufügen möchtest.

Einige Blöcke können aufgrund der Funktion des Blocks selbst nicht zu bestimmten Checkout-Seiten hinzugefügt werden. Ein Block für benutzerdefinierte Felder erfordert beispielsweise, dass Kund:innen zusätzliche Informationen eingeben, z. B. eine benutzerdefinierte Notiz hinzufügen oder ein Kontrollkästchen aktivieren. Diese Informationen müssen erfasst werden, bevor die Bestellung abgeschlossen ist. Daher kann das benutzerdefinierte Feld nicht zu Seiten nach dem Kauf hinzugefügt werden, wie z. B. der Dankesseite oder der Bestellstatus-Seite.

Tabelle mit den verfügbaren Blöcken in Checkout Blocks sowie den Checkout-Seiten, auf denen sie unterstützt werden, und einer kurzen Beschreibung des jeweiligen Blocks.
BlockUnterstützte SeitenBeschreibung
Adressblocker
  • Checkout
Blockiert den Checkout basierend auf Regeln für das Adressformat.
Benutzerdefiniertes Feld
  • Checkout
Fügt benutzerdefinierte Felder im Checkout hinzu, wie z. B. ein Kontrollkästchen zur Zustimmung zu den Bedingungen oder ein Feld für Geschenknachrichten.
Dynamischer Inhalt
  • Checkout
  • Dankesseite
  • Bestellstatus-Seite
Zeige Inhalte wie Text, Banner und Buttons basierend auf von dir festgelegten bedingten Regeln an.

Dieser Block ist für Händler:innen im Basic Shopify-Abo oder höher verfügbar und kann nur auf der Dankesseite und der Bestellstatus-Seite platziert werden. Die Platzierung auf Checkout-Seiten erfordert Shopify Plus.
Bearbeitung von Positionen
  • Checkout
  • Dankesseite
  • Bestellstatus-Seite
Ermöglicht es Kund:innen, Positionen in der Bestellübersicht des Checkouts zu bearbeiten, z. B. durch Hinzufügen einer Varianten- oder Mengenauswahl. Dient auch als Container für Inhalte von Positionen.
Inhalt von Positionen
  • Checkout
  • Dankesseite
  • Bestellstatus-Seite
Zeigt positionsbezogene Nachrichten an, wie z. B. Endgültiger Verkauf.
Symbole für Versand & Zahlung
  • Checkout
Zeigt Symbole für unterstützte Versand- und Zahlungsmethoden an.
Statischer Inhalt
  • Checkout
  • Dankesseite
  • Bestellstatus-Seite
Im Gegensatz zu dynamischen Inhaltsblöcken wird dieser Inhalt allen Kund:innen angezeigt und unterstützt Text und Banner.

Dieser Block ist für Händler:innen im Basic Shopify-Abo oder höher verfügbar und kann nur auf der Dankesseite und der Bestellstatus-Seite platziert werden. Die Platzierung auf Checkout-Seiten erfordert Shopify Plus.

Mehr Informationen zum Erstellen von Blöcken.

Block-Analysen

Jeder aktive Block verfügt über Analysen zu Aufrufen, die oben auf der Blockdetailseite in der Checkout Blocks-App angezeigt werden. Diese Analysen verfolgen, wie oft der Block im Checkout angezeigt wurde.

Standardmäßig zeigt der Block Analysen für Heute an, aber du kannst auf das Datums-Dropdown-Menü klicken und die Datumsauswahl verwenden, um Analysen für bestimmte Tage oder Datumsbereiche zu überprüfen.

Um die Analysen für den Block zurückzusetzen, klicke auf Vertikales Menü > Analysen zurücksetzen. Dieser Vorgang kann nicht rückgängig gemacht werden.

Anzeigeregeln für Blöcke

Viele Block-Arten, wie z. B. Blöcke für dynamische Inhalte und benutzerdefinierte Felder, ermöglichen es dir, Bedingungen festzulegen, die definieren, unter welchen Umständen dein Checkout-Block im Checkout angezeigt wird. Du kannst pro Block mehrere Anzeigeregeln festlegen und auch definieren, ob alle Regeln erfüllt sein müssen oder eine beliebige Regel ausreicht, um den Block anzuzeigen.

Die Syntax der Anzeigeregeln variiert je nach dem Typ des Blocks, den du erstellst. Im Allgemeinen werden die Regeln jedoch, falls zutreffend, in der folgenden Reihenfolge aus den folgenden Elementen erstellt:

  1. Die Kategorie der Regel, z. B. Produkttyp oder Warenkorb-Gesamtsumme.
  2. Der logische Operator, z. B. Ist oder Ist nicht, oder Ist größer als, Enthält oder Endet mit.
  3. Der Parameter, der den von dir gewünschten spezifischen Wert definiert, z. B. Kleider oder 50,00.

Um beispielsweise umsatzstarker Kundschaft ein Banner anzuzeigen, das sie zur Erstellung eines Kontos auffordert, kannst du einen Block mit den folgenden Anzeigeregeln erstellen:

  • Nur anzeigen, wenn: Alle Regeln zutreffen
  • Warenkorb-Gesamtsumme > Ist größer als oder gleich > USD > 100,00
  • Kund:in ist angemeldet > Falsch

Gemäß diesen Anzeigeregeln wird dein Banner nur angezeigt, wenn die Kund:innen 100 USD oder mehr ausgegeben haben und nicht bereits in einem Kundenkonto angemeldet sind. Das Banner wird nicht angezeigt, wenn Kund:innen angemeldet sind, und es wird auch nicht angezeigt, wenn Kund:innen den Schwellenwert von 100 USD nicht erreichen.

Block-IDs

Einige Blocktypen, wie z. B. benutzerdefinierte Felder oder dynamische Inhalte, bieten die Möglichkeit, eine Block-ID anzugeben. Standardmäßig ist eine Block-ID von 0 ausgewählt.

Eine Block-ID ermöglicht es dir, verschiedene Blöcke desselben Typs in verschiedenen Abschnitten des Checkouts hinzuzufügen. Du kannst dir den Checkout-Block im Editor als einen Platzhalter vorstellen, der je nach den von dir im Block konfigurierten Anzeigeregeln mehrere mögliche Blöcke laden kann. Du kannst auf jeder Checkout-Seite bis zu 10 verschiedene Block-„Platzhalter“ hinzufügen.

Beispiel 1: Verwende verschiedene Block-IDs, um verschiedene Positionen für verschiedene Blöcke desselben Typs festzulegen.

Du möchtest ein erforderliches Kontrollkästchen im Hauptinhaltsbereich anzeigen, aber eine optionale Geschenknachricht in der Seitenleiste. Beide Blöcke verwenden den Blocktyp benutzerdefiniertes Feld. Du kannst also den Block Benutzerdefiniertes Feld im Editor für Checkout und Konten zweimal hinzufügen und jeden Block dort platzieren, wo er angezeigt werden soll. Du musst jedoch festlegen können, welcher bestimmte Block an welcher Position platziert wird.

Für das erforderliche Kontrollkästchen kann die Block-ID 1 festgelegt werden und für die optionale Geschenknachricht die Block-ID 2. Im Editor für Checkout und Konten kannst du dann festlegen, dass der Block Benutzerdefiniertes Feld im Hauptinhaltsbereich die Block-ID 1 verwendet, um das erforderliche Kontrollkästchen anzuzeigen, und dass der Block Benutzerdefiniertes Feld in der Seitenleiste die Block-ID 2 verwendet, um die optionale Geschenknachricht anzuzeigen.

Beispiel 2: Verwende dieselbe Block-ID, um einen einzigen Standort für Blöcke desselben Typs mit unterschiedlichen Anzeigeregeln anzugeben.

Du bietest 3 automatische Versandrabatte an:

  • ein Rabatt von 10 % auf Bestellungen über 25 USD
  • ein Rabatt von 25 % auf Bestellungen über 50 USD
  • kostenloser Versand für Bestellungen über 100 USD

Um Kund:innen zu animieren, vor Abschluss ihrer Bestellung mehr Artikel in den Warenkorb zu legen, möchtest du im Checkout-Abschnitt Versandart ein dynamisches Banner hinzufügen. Dieses Banner fordert Kund:innen auf, weitere Artikel in ihren Warenkorb zu legen, je nachdem, welchen Versandrabatt sie als Nächstes erreichen können.

Du kannst 3 dynamische Inhaltsblöcke einrichten, die alle dieselbe Block-ID haben, z. B. 6:

Tabelle mit drei Beispielen für dynamische Inhaltsblöcke und deren anwendbare Anzeigeregeln und Inhalte.
BlocknameAnzeigeregelBannerinhalt
Versandstufe 1Warenkorb-Gesamtsumme > Ist kleiner als > 25,00 USD„Dein Warenkorb qualifiziert sich für einen Versandrabatt von 10 %, wenn du 25 USD oder mehr ausgibst.“
Versandstufe 2Warenkorb-Gesamtsumme > Ist kleiner als > 50,00 USD„Dein Warenkorb qualifiziert sich für einen Versandrabatt von 25 %, wenn du 50 USD oder mehr ausgibst.“
Versandstufe 3Warenkorb-Gesamtsumme > Ist kleiner als > 100,00 USD„Dein Warenkorb qualifiziert sich für kostenlosen Versand, wenn du 100 USD oder mehr ausgibst.“

Stelle sicher, dass der Block Versandstufe 1 die höchste Sortierpriorität und der Block Versandstufe 3 die niedrigste Sortierpriorität hat. In diesem Fall wird der Block der Stufe 1 mit der passendsten Nachricht angezeigt, wenn ein:e Kund:in weniger als 25 USD ausgibt, auch wenn die Anzeigebedingungen für alle 3 Blöcke technisch erfüllt sind. Wenn ein:e Kund:in mehr als 25 USD, aber weniger als 50 USD ausgibt, wird der Block der Stufe 2 mit der höheren Priorität angezeigt, obwohl die Bedingungen für den Block der Stufe 3 ebenfalls technisch erfüllt sind.

Im Editor für Checkout und Konten kannst du schließlich einen einzigen dynamischen Inhaltsblock mit der Block-ID 6 zum Abschnitt Versandtarif hinzufügen. Der passendste der 3 möglichen dynamischen Inhaltsblöcke, die du erstellt hast, wird dann während des Checkouts in diesem „Container“-Bereich angezeigt. Wenn ein:e Kund:in 100 USD oder mehr ausgibt, werden in diesem Bereich des Checkouts keine dynamischen Inhalte angezeigt, da keine Anzeigeregeln für dynamische Inhaltsblöcke mit der Block-ID 6 erfüllt wurden.