Dynamisches Checkout-Button-Element

Informationen zum dynamischen Checkout-Button

Die Dynamischer Checkout-Button Dient als Alternative zum „In den Warenkorb“-Button und ermöglicht es Kunden, den Warenkorb-Schritt zu überspringen und direkt einzukaufen.

Wenn der dynamische Checkout-Button in einem Produktmodul, es verwendet nur das in diesem Modul ausgewählte Produkt und die ausgewählte Variante Um den Bestellvorgang zu starten.

In der Praxis bedeutet dies:

• Kunden können nur eine ausgewählte Variante des Produkts erwerben.
• Beim Klicken auf den Button wird der Warenkorb vom System überhaupt nicht verwendet.
• Alle Produkte, die zuvor dem Warenkorb hinzugefügt wurden, werden vollständig ignoriert und aus dem Bestellvorgang entfernt.
• Kunden werden direkt zum Shopify-Checkout weitergeleitet, wobei nur die ausgewählte Produktvariante aus dem aktuellen Produktmodul angezeigt wird.

Hat ein Kunde beispielsweise Produkt A bereits in den Warenkorb gelegt, besucht er anschließend ein anderes Produkt und klickt auf die Schaltfläche „Dynamische Kasse“, wird im Warenkorb nur das im aktuellen Produktmodul angezeigte Produkt angezeigt. Produkt A wird nicht berücksichtigt.

Es gibt zwei Haupttypen von dynamischen Checkout-Buttons.

Markenknopf

Markenschaltflächen werden angezeigt, wenn in Ihrem Shop beschleunigte Bezahlmethoden von Drittanbietern aktiviert sind, die von Shopify unterstützt werden. Diese Schaltflächen zeigen die offiziellen Logos der Anbieter an, sodass Kunden ihren bevorzugten Dienst leichter erkennen und den Bezahlvorgang mit ihm abschließen können.

Zu den unterstützten Anbietern gehören:

• Amazon Pay
• Apple Pay
• Google Pay
• PayPal
• Shop bezahlen
• Venmo

Wenn du einen sehst Shop bezahlen, Apple Pay, oder eine ähnliche Schaltfläche mit Ihrem Branding auf Ihrer Live-Seite, das ist die Schaltfläche „Dynamischer Checkout“, die dem Kunden automatisch die für ihn verfügbare beschleunigte Checkout-Methode anzeigt.

Weitere Informationen finden Sie hier Shopify-Artikel.

Unbeschrifteter Knopf 

Schaltflächen ohne Markennamen zeigen den Text an "Kaufe es jetzt" wenn keine Zahlungsgateways aktiviert sind. Sobald ein Kunde klickt, überspringt er den Warenkorb und wird direkt zur Shopify-Kasse weitergeleitet.

Die Anzeige von Schaltflächen ohne Markennamen kann je nach verschiedenen Faktoren variieren, beispielsweise:

• Zahlungseinstellungen in Ihrem Shopify-Adminbereich
• Gerät und Browser des Kunden
• Bisheriges Zahlungsverhalten des Kunden

Fügen Sie Ihrer Seite ein dynamisches Checkout-Button-Element hinzu

Um den dynamischen Checkout-Button zu Ihrer Seite hinzuzufügen, befolgen Sie bitte diese Schritte:

Schritt 1:: Gehen Sie zum GemPages Dashboard > Seiten und wählen Sie die Seite aus, an der Sie arbeiten möchten, um den Editor aufzurufen.

Schritt 2: Geben Sie in der linken Seitenleiste Folgendes ein: Dynamischer Checkout in die Suchleiste und ziehen Sie das Element per Drag & Drop in eine Produktmodulund platzieren Sie es an der gewünschten Stelle.

Schritt 3: Klicken Sie auf das Element, um dessen Einstellungen zu öffnen. Von hier aus können Sie es innerhalb der Einstellungen und Erweitert Tabs

Konfigurieren der Registerkarte „Einstellungen“

Die Einstellungen Die Registerkarte „Dynamische Checkout-Schaltfläche“ bietet Ihnen eine Reihe von Optionen zum Konfigurieren und Anpassen des Verhaltens und Erscheinungsbilds der dynamischen Checkout-Schaltfläche.

Produktquelle

Da dieses Element im Produktmodul verschachtelt ist, wird die Produktquelle automatisch mit dem Modul synchronisiert.

Wenn Sie jedoch ein anderes Produkt bevorzugen, klicken Sie auf das aktuelle Produkt, um es im Produktelement zu verwalten.

Größe

Unter dem Größe Passen Sie im Abschnitt Breite, Höhe und Polsterung der Schaltfläche an:

• Breite: Wählen Sie aus der Dropdown-Liste die Optionen „Inhalt anpassen (Auto), Voll (100 %)“, „Klein (100 Pixel), „Mittel (116 Pixel)“ und „Groß (132 Pixel). Sie können auch den gewünschten Prozentsatz in das Feld eingeben.
• Größe: Passen Sie die Höhe an oder wählen Sie aus den verfügbaren Optionen: Inhalt anpassen (Auto), Klein (28 Pixel), Mittel (36 Pixel) und Groß (44 Pixel).
• Polsterung: Klicken Sie auf das Feld „+ Hinzufügen…“, um das Einstellungsfenster der Polsterung zu öffnen. 

Hintergrund

Mit GemPages können Sie den Hintergrund der Schaltfläche festlegen, indem Sie eine Farbe auswählen oder ein Bild verwenden:

• Farbe: Öffnen Sie das Einstellungsfenster, um die gewünschte Farbe für Ihre Schaltfläche auszuwählen. Sie können einen einfarbigen Hintergrund oder einen Farbverlauf verwenden.

• Bild: Laden Sie ein neues Bild hoch oder wählen Sie ein Bild aus Ihrer Mediengalerie aus. Bearbeiten Sie anschließend das Bild nach Ihren Wünschen im Einstellungsbereich.

Shape

Um das Aussehen der Schaltfläche zu verbessern, können Sie eine Form hinzufügen, den Eckenradius anpassen und einen Schatteneffekt in der Shape Abschnitt:

• Rand: Wählen Sie die Farbe, Dicke und Kontur des Rahmens (Linie, Strich oder Punkt).

• Ecke: Passen Sie den Eckradius des Rahmens an
  • Höhere Werte = mehr abgerundete Ecken
  • 0 Wert = scharfe, eckige Ecken
  • Sie können die Ecken verknüpfen oder die Verknüpfung aufheben, um allen Seiten den gleichen Radius zuzuweisen, oder jede Ecke einzeln festlegen.

Zum Beispiel, wir setzen den Eckradius auf 100, um ein pillenförmiges Knopf-Aussehen zu erzeugen.

• Shadow: Verleihen Sie Ihrer Schaltfläche Tiefe, indem Sie einen Schlagschatten anwenden. Dadurch wird die Schaltfläche hervorgehoben und erhält ein dynamischeres Aussehen.

Text

Unter dem Text Abschnitt können Sie den Button-Text nach Ihren Wünschen anpassen. Klicken Sie auf Mehr anzeigen !!! um alle Texteinstellungen anzuzeigen.

Ergebnisse

Fügen Sie Ihrer Schaltfläche nun einen Hover-Effekt hinzu. Passen Sie an, wie die Schaltfläche aussieht, wenn Besucher mit der Maus darüber fahren.

Ausrichten

Wenn die Breite Ihrer Schaltfläche unter 100 % liegt, können Sie die Ausrichtung der Schaltfläche ändern: linksbündig, zentriert oder rechtsbündig.

Konfigurieren der Registerkarte „Erweitert“

Für erweiterte Anpassungen navigieren Sie bitte zu Erweitert und folgen Sie den Anweisungen in Dieser Artikel.

Weitere nützliche Tipps und Video-Tutorials finden Sie auch unter GemPages-Akademie.

Häufig gestellte Fragen zum dynamischen Checkout-Button

1. Worin besteht der Unterschied zwischen „In den Warenkorb“ (Weiterleitung zur Kasse) und dem dynamischen Kassenbutton?

Die beiden Knöpfe Den Warenkorb auf verschiedene Arten überspringen.

• In den Warenkorb → Weiter zur Kasse Der Warenkorb wird weiterhin verwendet. Er überspringt lediglich die Warenkorbseite optisch, sodass alle vorhandenen Warenkorbartikel in den Bezahlvorgang einbezogen werden.
• Dynamischer Checkout-Button Der Warenkorb wird komplett übersprungen. Es wird nur das im aktuellen Produktmodul angezeigte Produkt direkt zur Kasse weitergeleitet, alle anderen Artikel im Warenkorb werden ignoriert.

Ejemplo:

Ein Käufer hat bereits hinzugefügt Produkt A. zum Einkaufswagen.
Anschließend gehen sie zu Produkt B Klicken Sie auf den Call-to-Action-Button, um zur Kasse zu gelangen.

• Wenn die Seite verwendet In den Warenkorb → Zur Kasse, sowohl Produkt A als auch Produkt B wird auf der Checkout-Seite angezeigt.
• Wenn die Seite die Dynamischer Checkout-Button, nur Produkt B wird an der Kasse angezeigt. Produkt A wird übersprungen und ist nicht enthalten.

2. Worin besteht der Unterschied zwischen einem gebrandeten und einem ungebrandeten dynamischen Checkout-Button?

• Markenknöpfe Offizielle Zahlungslogos (Shop Pay, Apple Pay, PayPal usw.) werden angezeigt, wenn diese Zahlungsanbieter in Ihrem Shopify-Shop aktiviert sind.
• Knöpfe ohne Markenlogo den Text anzeigen "Kaufe es jetzt" wenn keine beschleunigten Zahlungsmethoden verfügbar sind.

3. Wo soll ich den dynamischen Checkout-Button in meinem Layout platzieren?

Die Dynamischer Checkout-Button muss in einem verschachtelt sein Produktmodul Damit es korrekt funktioniert, fügen Sie bitte zuerst ein Produktelement hinzu, falls Sie noch keins auf Ihrer Seite haben, und ziehen Sie anschließend den Button per Drag & Drop hinein.

4. Kann ich Stil und Größe des dynamischen Checkout-Buttons anpassen?

Ja. Sie können die/das anpassen. Breite, Höhe, Innenabstand, Hintergrundfarbe, Eckenradius und Schatten unter dem Reiter „Einstellungen“. Um Hover-Animationen oder erweiterte Effekte hinzuzufügen, öffnen Sie die Registerkarte Erweitert für detailliertere Anpassungsoptionen.

5. Warum wird die Schaltfläche „Shop Pay“ anstelle der Schaltfläche „In den Warenkorb“ angezeigt?

Dies passiert, wenn die Dynamischer Checkout-Button ist aktiv. Dann zeigt Shopify automatisch einen gebrandeten beschleunigten Checkout an (wie z. B. Shop bezahlen or Apple Pay) anstelle des üblichen „In den Warenkorb“-Buttons.

Um nur „In den Warenkorb“ anzuzeigen, deaktivieren Sie Shop bezahlen für Shopify-Einstellungen › Zahlungen › Beschleunigte Kassenabwicklung oder entfernen Sie das Element „Dynamischer Checkout-Button“ aus Ihrem GemPages-Layout.