Speed Cart Documentation

Grundlegend

Nach der Installation der App können wir zunächst die Basiseinstellungen überprüfen.
Klicken Sie auf Warenkorb-Editor > Basis

Schubladengleiter für Einkaufswagen von

Sie können über dieses Dropdown-Menü auswählen, ob Ihr Warenkorb rechts oder links angezeigt wird.
Standard: Rechts

Warenkorb-Vorschau

Mit diesem Dropdown-Menü können Sie auswählen, ob Upsell-Produkte in einem leeren Warenkorb angezeigt werden sollen oder nicht.

Warenkorb-Symbol-Auswahl

Gehen Sie zu Ihrem Theme, finden Sie das Warenkorb-Symbol, kopieren Sie den Selektor und fügen Sie ihn hier ein.
Dieser Selektor kann das Warenkorb-Symbol Ihres Themes identifizieren.

Textauswahl für die Anzahl der Warenkörbe

Wie beim Warenkorb-Symbol: Gehen Sie zurück zu Ihrem Theme, suchen Sie den Zähler des Warenkorb-Symbols, kopieren Sie den Selektor und fügen Sie ihn hier ein.

Elementauswahl ausblenden

Wenn Sie ein Element in Ihrem Theme ausblenden möchten, fügen Sie den Selektor hier ein. Wenn es mehrere Selektoren gibt, trennen Sie diese mit Leerzeichen.

Design

Vorlagen

Hier erhalten Sie zwei Vorlagen – Standard und Elegant. Sie können nach Belieben wählen.

Spezialfarben

Auf Ihre gewählte Vorlage können Sie jede beliebige Farbpalette anwenden.

Grundfarbe

In Ihrer gewählten Farbpalette können Sie Hintergrundfarbe, Akzentfarbe & Textfarbe nach Ihren Bedürfnissen anpassen.

Taste

Unabhängig davon, welche Vorlage oder Farbpalette Sie wählen, haben Sie die Möglichkeit, die Schaltfläche anzupassen. Sie können Schaltflächenradius, Schaltflächenfarbe, Schaltflächentextfarbe und Schaltflächen-Hoverfarbe ändern.

Layout

Warenkorb-Layout

Sie können benutzerdefinierte Abschnitte hinzufügen, wie Sie benötigen.
Klicken Sie auf die Schaltfläche Abschnitt hinzufügen

Es gibt eine begrenzte Anzahl an Typen zum Erstellen neuer Abschnitte -

  • Benutzerdefiniertes HTML
  • Text/Nachricht
  • Bildbanner
  • Abstandshalter

Sie können so viele erstellen, wie Sie benötigen.

Abschnitte

Es gibt einige Standardbereiche. Sie können sie umordnen, mit Ausnahme der erforderlichen Bereiche. Sie können auch festlegen, welcher Bereich angezeigt wird oder nicht.

Überschrift

Titelvariante

Es gibt drei Titelvarianten -
1. Nur Text
2. Text mit Zahl
3. Nur Symbol

Die ersten beiden Varianten sind fast gleich. Die Variante Text mit Zahl ermöglicht die Anzeige der Anzahl der Artikel im Warenkorb zusammen mit dem Titeltext

Wenn Sie die Variante Nur Icon wählen, wird nur ein Icon anstelle von Text als Header angezeigt.

Schließen

Sie können das Symbol zum Schließen des Warenkorbs festlegen.

Ankündigung

Die Ankündigungsfunktion fügt dem Warenkorb-Drawer einen Countdown und eine Dringlichkeitsmeldung hinzu, um Warenkorbabbrüche zu reduzieren.

Aktivieren/Deaktivieren

Schalten Sie die Ankündigungsleiste mit der Schaltfläche Aktivieren/Deaktivieren ein oder aus.

Einstellungen

Passen Sie den Hintergrund der Ankündigungsleiste an, damit er auffällt oder sich in Ihr Theme einfügt.
Stellen Sie den Timer (Min:Sek) ein, um festzulegen, wie lange Produkte für den Kunden „reserviert“ sind.

Verwenden Sie das Dropdown-Menü Sobald es abgelaufen ist, um festzulegen, ob die App den Countdown wiederholen, den Countdown ausblenden oder den Eintrag löschen soll, wenn die Zeit abgelaufen ist.

Ankündigungstext

Passen Sie den Kunden angezeigten Text an (z. B. „Ihre Produkte sind für {Timer} Minuten reserviert!“).
Verwenden Sie die Variable {timer} in Ihrem Text, um den Live-Countdown anzuzeigen.

Klicken Sie auf das Übersetzungsymbol neben den Textfeldern, um für jede in Ihrem Shop aktive Sprache lokalisierte Inhalte bereitzustellen (z. B. Spanisch).
Die Benutzeroberfläche erkennt Ihre primäre veröffentlichte Sprache und zeigt an, welche Übersetzungen derzeit „Nicht veröffentlicht“ oder „Veröffentlicht“ sind.

Visuelle Steuerungen

Passen Sie die Schriftgröße mit dem Schieberegler an und legen Sie eine bestimmte Schriftfarbe und Timerfarbe für eine bessere Lesbarkeit fest.

Belohnungen

Im Menü Warenkorb-Editor-Einstellungen können Sie im Tab Belohnungen fortschrittsbasierte Anreize (wie kostenlosen Versand oder Rabatte) konfigurieren, um höhere Bestellwerte zu fördern.

Deaktivieren/Aktivieren

Verwenden Sie die Schaltfläche Deaktivieren/Aktivieren, um die Belohnungsfunktion in Ihrem Warenkorb-Drawer schnell ein- oder auszuschalten.

Die App bietet eine praktische „Rabatt erstellen“-Schaltfläche, die direkt mit den automatischen Rabatt- oder Versandregeln von Shopify verknüpft ist und sicherstellt, dass der im Warenkorb versprochene Vorteil an der Kasse angewendet wird.

Allgemein

Verwenden Sie die Farbwähler, um den Fortschrittsbalken an die Farbpalette Ihrer Marke anzupassen.

Ein Dropdown-Menü zur Auswahl des visuellen Stils des Balkens (Standard oder Mehrteilig).

Passen Sie die Glückwunschbotschaft an, die Kunden angezeigt wird, sobald sie alle verfügbaren Belohnungsstufen freigeschaltet haben (z. B. „Herzlichen Glückwunsch! Sie haben alle Belohnungen abgeschlossen“).

Wenn Automatische Währungsumrechnung aktiviert ist, verwendet die App Daten aus Shopify Markets, um die Preisgrenzen für Belohnungen in der lokalen Währung des Kunden auf Basis aktueller Wechselkurse anzuzeigen.

Belastungseinstellungen

Belohnungs-Icon anzeigen: Ein Kontrollkästchen zum Ein- und Ausschalten der Sichtbarkeit von Icons neben jeder Belohnungsstufe.
Belohnungsart: Wählen Sie aus dem Dropdown-Menü aus, ob die Belohnung ein Rabatt oder ein Versandvorteil ist.
Belohnungsbeschreibung & Mindestbetrag: Geben Sie den Namen des Angebots an (z. B. „10 % Rabatt“) und den Mindestbetrag, der im Warenkorb erreicht werden muss, um das Angebot auszulösen.
Dynamische Fortschrittsbotschaft: Passen Sie den Text an, der angezeigt wird, bevor eine Belohnung erreicht wurde. Sie können den Platzhalter min_ammount verwenden, um Kunden dynamisch anzuzeigen, wie viel sie noch ausgeben müssen, um das Angebot freizuschalten.
Stufeneinstellungen: Sie können eine Stufe löschen, um einen Meilenstein zu entfernen, oder auf Neue Stufe hinzufügen klicken, um eine mehrstufige Belohnungsleiter zu erstellen.

Klicken Sie auf das Übersetzungs-Symbol neben den Textfeldern, um ein Pop-up-Fenster zu öffnen, in dem Sie lokalisierte Versionen Ihrer Nachrichten eingeben können.
Das System erkennt Ihre primäre Veröffentlichungsprache (z. B. Englisch) und ermöglicht es Ihnen, Übersetzungen für andere Sprachen aus dem Storefront (z. B. Spanisch) einzugeben.

Upselling

Aktivieren/Deaktivieren

Schalten Sie den gesamten Upsell-Bereich mit einem einzigen Klick über die Status-Schaltfläche oben im Panel ein oder aus.

In diesem Abschnitt können Sie den Warenkorbzustand festlegen, der das Angebot auslöst:

  • Upsell mit Produkten im Warenkorb: Zeigt Angebote an, wenn ein Kunde bereits Artikel in den Warenkorb gelegt hat.
  • Upsell für leeren Warenkorb: Zeigt spezifische Empfehlungen an, noch bevor ein Kunde seinen ersten Artikel hinzugefügt hat, und hilft so, das Einkaufserlebnis anzukurbeln.

Upsell mit Produkten im Warenkorb (Shopify-KI-Empfehlung)

Bei der Auswahl des Typs Shopify AI Recommendation nutzt die App die Daten von Shopify, um automatisch die relevantesten Artikel vorzuschlagen.

Maximale Anzahl der anzuzeigenden Produkte: In diesem Feld können Sie eine bestimmte Obergrenze (z. B. 5 Produkte) festlegen, wie viele KI-Empfehlungen gleichzeitig angezeigt werden, damit die Warenkorb-Schublade übersichtlich und aufgeräumt bleibt.

Empfehlungsalgorithmus: Sie können zwischen zwei KI-Strategien wählen:

  • Ähnliche Artikel: Schlägt Artikel vor, die den derzeit im Warenkorb befindlichen Artikeln ähneln.
  • Wird oft zusammen gekauft: Schlägt Artikel vor, die häufig zusammen mit den Artikeln im Warenkorb gekauft werden.

Upsell mit Produkten im Warenkorb (Manueller Upsell)

Der Typ Manuelles Upselling gibt Ihnen die volle Kontrolle darüber, welche Produkte genau Ihren Kunden empfohlen werden, anstatt sich auf automatisierte Algorithmen zu verlassen.

Wenn Sie darauf klicken, um ein manuelles Upsell hinzuzufügen oder zu bearbeiten, erscheint ein detailliertes Konfigurationsfenster:

Auswahl des Triggers:

  • Alle Produkte: Wählen Sie dies aus, um die Upsell-Artikel anzuzeigen, unabhängig davon, was in den Warenkorb gelegt wird.
  • Bestimmte Produkte: Wählen Sie dies aus, um das Upsell nur dann auszulösen, wenn ein Kunde einen bestimmten Artikel in seinen Warenkorb legt.

Upsell mit Produkten im Warenkorb (Bedingter Upsell)

Bedingte Upsells ermöglichen es Ihnen, komplexe, regelbasierte Logiken einzurichten, um basierend auf dem Warenkorb oder Profil des Kunden automatisch bestimmte Produkte anzuzeigen.

Logikregeln: Legen Sie fest, wie die Bedingungen erfüllt werden:

  • IRGENDEINE Bedingung erfüllen (ODER): Zeigt das Upsell an, wenn mindestens eine der angegebenen Regeln erfüllt ist.
  • ALLE Bedingungen erfüllen (UND): Zeigt das Upsell nur an, wenn jede einzelne Regel erfüllt ist.

Bedingungstypen: Sie können Regeln basierend auf verschiedenen Parametern festlegen, wie z. B. Warenkorbartikel - Produkt-Tag. Operatoren wie „Enthält“ ermöglichen es Ihnen, gezielt bestimmte Produktgruppen anzusprechen.

Verwaltung & Priorität:

  • Upsell-Name & Beschreibung: Geben Sie Ihrer Regel einen eindeutigen Namen (z. B. „Upsell für VIP-Kunden“) und eine optionale Beschreibung zur internen Nachverfolgung.
  • Priorität: Weisen Sie Ihren Regeln einen numerischen Wert zu; Artikel mit einem höheren Prioritätswert werden im Warenkorb zuerst angezeigt.
  • Bearbeiten/Hinzufügen: Verwenden Sie die Schaltfläche Bedingtes Upsell hinzufügen, um neue Regeln zu erstellen, oder klicken Sie bei einer bestehenden Regel auf das Bleistift-Symbol (Bearbeiten), um Anpassungen vorzunehmen.

Upsell für leeren Warenkorb

Zeigt Kunden, die noch nicht mit dem Einkaufen begonnen haben, bestimmte Artikel an.

Hinweis: Dieser Modus unterstützt nur Shopify AI Upsell und alle Produkte im manuellen Upsell.

Upsell-Einstellungen

Passen Sie das Verhalten und Aussehen Ihres Upsell-Bereichs am unteren Rand des Editors an:

Anzeige-Logik:

  • Immer anzeigen, auch wenn sich das Upsell-Produkt im Warenkorb befindet: Hält das Angebot sichtbar, auch wenn der Kunde diesen speziellen Artikel bereits hinzugefügt hat.
  • Bei leerem Warenkorb anzeigen: Schaltet die Sichtbarkeit für Kunden mit 0 Artikeln im Warenkorb um.

Visuelle Anpassung:

  • Typografie & Farbe: Verwenden Sie die Schieberegler und den Farbwähler, um die Schriftgröße der Überschrift (von 12 px bis 24 px) und die Textfarbe der Überschrift anzupassen.
  • Layout-Typ: Wählen Sie aus, wie die Produkte angezeigt werden sollen, z. B. in einem Karussell.
  • Upsell-Überschrift: Passen Sie den Header-Text an (z. B. „Das könnte Ihnen auch gefallen“).

Klicken Sie auf das Übersetzungssymbol, die Oberfläche erkennt Ihre primäre veröffentlichte Sprache und zeigt an, welche Übersetzungen derzeit „Nicht veröffentlicht“ oder „Veröffentlicht“ sind.

Visuelle Gestaltung

Typografie: Passen Sie die Schriftgröße der Überschrift mit dem Schieberegler an (von 12 px bis 24 px).

Farbe: Legen Sie eine bestimmte Textfarbe der Überschrift mithilfe eines Hex-Codes fest (z. B. #000000).

Layout-Typ: Wählen Sie aus den folgenden Optionen, wie die Elemente im Drawer angezeigt werden: Standard, Karussell, Wischbar oder Liste.

Zusätzliche Anmerkung

Aktivieren/Deaktivieren

Um die Funktion zu aktivieren, klicken Sie im Bereich „Zusätzliche Notizen“ oben rechts auf die Schaltfläche Aktivieren.

Inhalte anpassen

Titel: Geben Sie die Hauptüberschrift für den Notizbereich ein, z. B. „Besonderer Hinweis“.

Platzhaltertext: Passen Sie den Text an, der im leeren Feld angezeigt wird, um den Kunden zu leiten, z. B. „Wenn Sie mehr als 1000 $ einkaufen, erhalten Sie unsere VIP-Mitgliedschaft“.

Klicken Sie auf das Übersetzungssymbol neben den Feldern Titel oder Platzhalter, um lokalisierte Inhalte bereitzustellen. Dadurch öffnet sich ein Fenster, in dem Sie für verschiedene Sprachen spezifische Texte eingeben können.

Gutscheincode

Das Modul Gutscheincode ermöglicht es Kunden, Rabattcodes direkt im Warenkorb-Drawer anzuwenden.

Aktivieren/Deaktivieren

Verwenden Sie die Schaltfläche Aktivieren/Deaktivieren oben im Konfigurationsbereich, um das Gutscheinfeld in Ihrem Warenkorb-Drawer schnell ein- oder auszuschalten.

Gutscheinbox-Einstellungen

Sie können den Text und das Verhalten des Rabattfelds an die Tonalität Ihrer Marke anpassen:

  • Platzhaltertext für den Gutschein: Passen Sie den Hinweistext an, der im Eingabefeld angezeigt wird (z. B. „Gutscheincode“).
  • Schaltflächentext: Bearbeiten Sie die Beschriftung der Absende-Schaltfläche (z. B. „Anwenden“).
  • Einklappbar: Aktivieren Sie das Kontrollkästchen Einklappbar, wenn Sie das Gutscheinfeld hinter einem anklickbaren Link ausblenden möchten, um Platz im Drawer zu sparen.

Klicken Sie auf das Übersetzungssymbol neben den Textfeldern für Platzhalter oder Schaltflächen, um das Lokalisierungsfenster zu öffnen. Sie können spezifische Übersetzungen für verschiedene Sprachen angeben.
Die Benutzeroberfläche zeigt deutlich an, welche Übersetzungen „Primär“ und „Veröffentlicht“ sind und welche „Nicht veröffentlicht“ sind.

Zusätzliche Produkte

Das Modul Zusätzliche Produkte ermöglicht es Ihnen, bestimmte Artikel im Warenkorb-Drawer anzuzeigen, die unabhängig von der Standard-Upsell-Logik sind, und dabei Neuheiten oder Bestseller hervorzuheben.

Aktivieren/Deaktivieren

Klicken Sie oben im Panel auf die Schaltfläche Aktivieren/Deaktivieren, um den Abschnitt in Ihrem Warenkorb-Drawer zu aktivieren/zu deaktivieren.

Titel & Beschreibung

Sie können die wichtigsten Details des Zusatzprodukts festlegen. Dazu gehört die Bearbeitung des Titels (z. B. „Versandschutz“) und der Beschreibung, um Kunden über die Vorteile des Produkts zu informieren.

Mit dieser Oberfläche können Sie Übersetzungen für den Titel „Zusätzliches Produkt“ hinzufügen und bearbeiten. Sie können zwischen verschiedenen Sprachen (z. B. Englisch, Spanisch) wechseln, um sicherzustellen, dass der Produkttitel für Ihre internationalen Kunden lokalisiert ist.

Produktbild anzeigen

Mit dieser Option können Sie steuern, wie das zusätzliche Produkt visuell angezeigt wird. Wenn Sie „Produktbild anzeigen“ aktivieren, erscheint neben dem Produkt im Warenkorb-Drawer ein Symbol (z. B. ein Schild für den Versandschutz).

Preiseinstellungen

Wählen Sie die Option „Festpreis“, um für das zusätzliche Produkt einen konstanten Pauschalbetrag zu berechnen. Geben Sie einfach den gewünschten Betrag ein (z. B. 10 $), um diesen spezifischen Kosten unabhängig vom Gesamtwert des Warenkorbs anzuwenden.

Verwenden Sie diese Option, um den Preis des Produkts als Prozentsatz des Gesamtauftragswerts zu berechnen. Sie können einen Grundbetrag festlegen, einen spezifischen Prozentsatz festlegen und einen Zuwachsbetrag für komplexere Preisstrukturen definieren.

In diesem Abschnitt können Sie eine gestaffelte Preisgestaltung für das Zusatzprodukt einrichten. Sie können spezifische Preisregeln basierend auf dem Gesamtwert des Warenkorbs festlegen (z. B. 5 $ für den Schutz berechnen, wenn der Warenkorbwert 0 $ oder mehr beträgt) und bei Bedarf mehrere Stufen hinzufügen.

Produkt-Add-ons

Erweiterungen erstellen

In diesem Bereich können Sie Zusatzprodukte verwalten und erstellen, die Kunden ihren Bestellungen hinzufügen können. Da noch keine Zusatzprodukte erstellt wurden, klicken Sie einfach auf die Schaltfläche "+ Zusatzprodukt erstellen", um Ihr erstes Produktangebot zu konfigurieren.

Allgemeine Informationen

In diesem Abschnitt können Sie die Basisinformationen für das Add-on festlegen. Sie können die Sichtbarkeit des Titels und der Beschreibung umschalten, den spezifischen Namen für das Add-on eingeben (z. B. „Geschenkverpackung“) und eine kurze Textbeschreibung hinzufügen, um Ihren Kunden das Produkt oder die Dienstleistung zu erklären.

Klicken Sie auf das Übersetzungssymbol neben den Feldern für Titel oder Beschreibung, um das Lokalisierungsfenster zu öffnen. Sie können spezifische Übersetzungen für verschiedene Sprachen angeben.
Die Benutzeroberfläche zeigt deutlich an, welche Übersetzungen „Primär“ und „Veröffentlicht“ sind und welche „Nicht veröffentlicht“ sind.

Produktauswahl

Dieses Modal wird verwendet, um ein neues Add-on-Angebot für Ihren Warenkorb zu erstellen. Im Abschnitt Produktauswahl können Sie ein bestimmtes Produkt aus Ihrem Bestand als Add-on auswählen (beachten Sie, dass alle Varianten des ausgewählten Produkts enthalten sind). Im Abschnitt Add-on-Verhalten können Sie die Regeln festlegen, wie und wann dieses Add-on dem Kunden angezeigt wird.

Add-on-Verhalten

Diese Konfiguration stellt sicher, dass das Add-on für alle Kunden konsistent sichtbar ist. Durch das Festlegen des Typs auf „Standard (im Warenkorb anzeigen)“ und von Anzeigen/Hinzufügen bei auf „Immer“ erscheint das Produkt als dauerhaftes optionales Upsell im Warenkorb-Drawer.

Verwenden Sie diese Einstellungen, um festzulegen, wie das Add-on mit dem Warenkorb interagiert. Wählen Sie „Standard (Im Warenkorb anzeigen)“, damit Kunden es auswählen können, oder „Automatisch hinzufügen“, um es automatisch einzuschließen. Sie können auch die Mengen-Einstellungen verwenden, um die maximale Anzahl an Add-ons zu begrenzen, die ein Kunde kaufen kann.

Dieser Abschnitt innerhalb der Einstellungen für „Add-on-Verhalten“ bestimmt, wann das Angebot angezeigt wird. Sie können „Immer“ auswählen, um es jedem Kunden anzuzeigen, oder bedingte Optionen wie „Wenn Produkt im Warenkorb“ wählen, um das Add-on nur für bestimmte Artikel (einmalig oder Abonnement) auszulösen.

Mengeinstellungen

In diesem Abschnitt können Sie Limits für das Zusatzprodukt festlegen. Sie können die Mengenkonfiguration definieren (z. B. die maximal pro Produkt und Checkout zulässigen Zusatzprodukte und die genaue Menge, die hinzugefügt werden soll)

Status

Klicken Sie oben im Panel auf die Schaltfläche Aktivieren/Deaktivieren, um den Abschnitt in Ihrem Warenkorb-Drawer zu aktivieren/zu deaktivieren.

Express-Zahlung

Aktivieren/Deaktivieren

Klicken Sie oben im Panel auf die Schaltfläche Aktivieren/Deaktivieren, um den Abschnitt in Ihrem Warenkorb-Drawer zu aktivieren/zu deaktivieren.

Schnellzahlungs-Schaltflächen

Dieser Abschnitt enthält Anweisungen zur manuellen Integration der Express-Zahlungsbuttons, falls diese nicht automatisch angezeigt werden. Er enthält ein spezielles Liquid-Code-Snippet, das Sie in den Code-Editor Ihres Themes einfügen müssen, damit die Buttons für den beschleunigten Checkout in Ihrem Shop korrekt angezeigt werden.

Design der Schaltflächen für den beschleunigten Checkout

In diesem Abschnitt können Sie das Design der Express-Zahlungsbuttons (wie Apple Pay oder PayPal) feinabstimmen. Sie können die Buttonhöhe für Desktop- und mobile Ansichten konfigurieren, die Ausrichtung (Links, Mitte oder Rechts) festlegen, den Zeilenabstand anpassen und die Sichtbarkeit des Einwilligungstextes für Kunden ein- oder ausschalten.

Vertrauensabzeichen

Mit der Trust-Badge-Funktion können Sie Sicherheits- und Zahlungssymbole in Ihrem Warenkorb-Drawer anzeigen, um das Vertrauen der Kunden zu stärken und Warenkorbabbruch zu reduzieren

Aktivieren/Deaktivieren

Sie können die Funktion über die Schaltfläche Aktivieren/Deaktivieren ein- oder ausschalten, die sich in der oberen rechten Ecke der Abschnittsüberschrift befindet. Wenn sie aktiv ist, erscheint neben dem Menüpunkt der grüne Status „Aktiv“.

Nachricht des Vertrauenssiegel

In das Feld Nachricht zum Vertrauenssiegel können Sie eine individuelle Überschrift eingeben, die über Ihren Symbolen angezeigt wird (z. B. „Garantierter sicherer Bezahlvorgang“).

Wenn Sie auf das Übersetzungssymbol rechts neben dem Textfeld klicken, erscheint ein Pop-up-Fenster, in dem Sie spezifische Übersetzungen für die in Ihrem Shop aktiven Sprachen (z. B. Spanisch) angeben können.

Icon-Typ des Vertrauensabzeichens

Unter Trust Badge Icon Type haben Sie zwei Optionen für die Anzeige der Icons:

  • Payment Icon
  • Specific Icon

Zahlungssymbol: Dies ist die Standardeinstellung. Sie zeigt automatisch eine Reihe von Logos gängiger Zahlungsanbieter (Visa, Mastercard, PayPal, Apple Pay usw.) an, um Kunden zu zeigen, welche Zahlungsmethoden Sie akzeptieren.

Spezielles Symbol: Wenn Sie lieber ein individuell gestaltetes Vertrauenssiegel oder ein bestimmtes Sicherheitsabzeichen verwenden möchten (z. B. von Norton oder McAfee oder einen individuellen „Zufriedenheit garantiert“-Stempel):

  1. Ändern Sie den Symboltyp des Vertrauensabzeichens auf Spezielles Symbol.
  2. Klicken Sie im Feld „Symbol des Vertrauensabzeichens“ auf die Schaltfläche Bild hinzufügen.
  3. Laden Sie Ihre eigene Datei hoch (max. 10 MB; unterstützte Formate: JPEG, PNG, WEBP).

Allgemeine Geschäftsbedingungen

Die Funktion „Allgemeine Geschäftsbedingungen“ stellt sicher, dass Kunden die Richtlinien Ihres Shops anerkennen, bevor sie zur Kasse gehen.

Aktivieren/Deaktivieren

Sie können die Anforderung aktivieren oder deaktivieren, indem Sie auf die Schaltfläche Aktivieren/Deaktivieren klicken, die sich im oberen Kopfbereich des Einstellungsfensters befindet.

Allgemeine Einstellungen

Sie können das Aussehen und Verhalten des Kontrollkästchens für die Vereinbarung in den Allgemeinen Einstellungen anpassen:

Linktext: Geben Sie den spezifischen Text an, der als Hyperlink dient (z. B. „Allgemeine Geschäftsbedingungen“).

URL-Link: Geben Sie die Ziel-URL für Ihre Richtlinienseite an (z. B. /policies/terms-of-service).

Verhaltensoptionen:

Allgemeine Geschäftsbedingungen sind standardmäßig ausgewählt: Wenn diese Option ausgewählt ist, ist das Kontrollkästchen für den Kunden bereits vorausgewählt.

Allgemeine Geschäftsbedingungen müssen ausgewählt werden: Wenn diese Option ausgewählt ist, können Kunden nicht zur Kasse gehen, ohne das Kontrollkästchen manuell anzukreuzen.

Text der Kontrollkästchen: Geben Sie den Haupttext ein, der neben dem Kontrollkästchen angezeigt wird. Verwenden Sie den Platzhalter {link}, um anzuzeigen, wo der anklickbare Link im Satz platziert werden soll.

Klicken Sie auf das Übersetzungssymbol neben den Textfeldern, um die Übersetzungsfunktion zu öffnen.

Sie können für jede in Ihrem Shop verfügbare Sprache (z. B. Englisch oder Spanisch) eine spezifische Übersetzung angeben, um internationalen Kunden ein reibungsloses Erlebnis zu bieten.

Benutzerdefiniertes CSS

Für Benutzer, die spezifisches Branding oder Layoutanpassungen benötigen, die über die Standardeinstellungen hinausgehen, bietet der Abschnitt Benutzerdefiniertes CSS vollständige Gestaltungsfreiheit.

Benutzerdefiniertes CSS

Verwenden Sie das bereitgestellte Textfeld, um benutzerdefinierten CSS-Code einzugeben und das Aussehen beliebiger Elemente innerhalb des Warenkorb-Sidepanels zu ändern.

Einstellungen

Im Menü Einstellungen können Sie das grundlegende Verhalten Ihres Warenkorb-Sidebars verwalten, von Backend-Zugriffsoptionen bis hin zu kundenseitigen Bezeichnungen.

Zugang zur Ladenfront

Dieser Abschnitt stellt sicher, dass die App korrekt mit Ihrem Shopify-Shop synchronisiert ist.

  • Shopfront aktivieren: Bestätigt, dass der Warenkorb berechtigt ist, Rabatte anzuwenden und erforderliche Produkteigenschaften in Echtzeit auszulesen.
  • Neu generieren: Wenn der Warenkorb aktuelle Shop-Änderungen nicht widerspiegelt, verwenden Sie diese Schaltfläche, um die Verbindung zu aktualisieren.

Posten

Steuern Sie, welche Produktdetails für jeden Artikel im Warenkorb-Drawer angezeigt werden:

  • Vergleichspreis anzeigen: Zeigt Originalpreise neben Sonderangebots-Preisen an, um Ersparnisse hervorzuheben.
  • Varianten-Titel anzeigen: Zeigt spezifische Produktoptionen an (z. B. Größe: Groß, Farbe: Blau).
  • Attribute (Optionen) anzeigen: Zeigt benutzerdefinierte Eigenschaften oder Notizen für einzelne Artikel an.
  • Benutzern das Entfernen des Verkaufsplans erlauben: Gibt Kunden die Flexibilität, Abonnements direkt im Warenkorb abzuwählen.

Zur Kasse

Optimieren Sie den unteren Bereich Ihres Warenkorbs für bessere Conversion-Raten:

  • Zwischensumme/Gesamtpreis anzeigen: Schalten Sie die Sichtbarkeit von Preisaufstellungen ein oder aus.
  • Scrollbarer Checkout-Bereich: Hält den Checkout-Button sichtbar und ermöglicht es Benutzern gleichzeitig, durch Summen oder Bedingungen zu scrollen.
  • Einklappbarer Zwischensummen-Bereich: Sorgt für eine übersichtlichere Darstellung, indem Preisdetails erst nach dem Anklicken angezeigt werden.

Übersetzungen

Dieser Abschnitt ist entscheidend für die Lokalisierung und die Markenstimme. Sie können jeden Text anpassen, den ein Nutzer sieht, einschließlich:

  • Schaltflächenbeschriftungen: Passen Sie die Bezeichnungen „Zur Kasse“ oder „Bestellübersicht“ an.
  • Zustand eines leeren Warenkorbs: Bearbeiten Sie den Titel und die Beschreibung (z. B. „Dein Warenkorb ist einsam!“), um zum Einkaufen zu animieren.
  • Preisbezeichnungen: Ändern Sie die Texte „Zwischensumme“, „Versand“ und „Abonnement“, um sie an Ihre Hauptsprache oder den Ton Ihres Shops anzupassen.

Klebender Warenkorb

Die Funktion Sticky Cart stellt sicher, dass ein schwebendes Warenkorb-Symbol für Kunden während des Surfens in Ihrem Shop sichtbar bleibt. So haben sie schnellen Zugriff auf das Warenkorb-Menü und werden zu einem schnelleren Abschluss des Kaufs angeregt.

Status des Warenkorbs im Hintergrund

Verwenden Sie dieses Dropdown-Menü, um das fixierte Warenkorb-Symbol in Ihrem gesamten Shop zu aktivieren oder zu deaktivieren.

Design-Einstellungen

Passen Sie das Aussehen des schwebenden Symbols an die Ästhetik Ihrer Marke an:

  • Symbol auswählen: Wählen Sie aus mehreren Warenkorb- und Einkaufstaschen-Stilen den für Ihren Shop am besten geeigneten aus.
  • Hintergrundfarbe: Legen Sie die Hauptfarbe für den Hintergrund der schwebenden Schaltfläche fest.
  • Symbolfarbe: Passen Sie die Farbe des Warenkorb-/Einkaufstaschen-Symbols selbst an.
  • Text & Hintergrund der Stückzahl: Ändern Sie die Farben des Abzeichens für die Artikelanzahl, damit die Anzahl der Artikel im Warenkorb deutlich sichtbar und auffällig ist.
  • Schaltflächenradius: Verwenden Sie den Schieberegler, um die Abrundung der Ecken der Schaltfläche anzupassen – von scharfen, eckigen Kanten bis hin zu einem perfekten Kreis.

Warenkorbposition

Wählen Sie aus, wo das Symbol auf dem Bildschirm angezeigt wird (z. B. unten links, unten rechts usw.), um Überschneidungen mit anderen Chat-Widgets oder Store-Elementen zu vermeiden.

Gerätauswahl

Steuern Sie die Sichtbarkeit, indem Sie den Sticky Cart auf allen Geräten anzeigen oder die Anzeige speziell auf Mobil- oder Desktop-Nutzer beschränken.