Erstellen Sie einen fixierten „In den Warenkorb“-Button, der zur Checkout-Seite führt.

Was ist das Sticky Add-to-Cart-Button-Element?

Ein fixierter „In den Warenkorb“-Button bleibt beim Scrollen durch Ihre Produktseite sichtbar und hilft den Kunden, Artikel hinzuzufügen oder zur Kasse zu gehen, ohne wieder nach oben scrollen zu müssen.

Dieses GemPages-Element verbessert die Benutzererfahrung und steigert die Konversionsraten, insbesondere auf Mobilgeräten.

Beziehen auf Dieser Artikel Weitere Informationen zum Sticky Add-to-Cart-Button-Element finden Sie hier.

Wie erstellt man einen fixierten „In den Warenkorb“-Button, der zur Checkout-Seite weiterleitet?

Folgen Sie diesen Schritten, um mit GemPages v7 einen Sticky Go-to-Checkout-Button auf Ihrer Produktseite zu erstellen.

Schritt 1: Zugriff auf den GemPages-Editor

• Gehen Sie in Ihrem Shopify-Adminbereich zu GemPages Builder App unter dem Apps .
• Navigieren Sie zu der GemPages Dashboard > Seiten > ProduktseiteHier finden Sie alle Ihre Produktseiten, die mit GemPages erstellt wurden.

• Klicken Sie auf die gewünschte Produktseite, um den GemPages-Editor zu öffnen.

Schritt 3: Fügen Sie ein fixiertes „In den Warenkorb“-Element hinzu

• Verwenden Sie die Suchleiste in der linken Seitenleiste, um das Sticky-In-den-Warenkorb-Element.

• Ziehen Sie dieses Element per Drag & Drop in den Designbereich.

• Entfernen Sie nach Belieben alle unnötigen Kindelemente.

Schritt 4: Konfigurieren Sie die Schaltfläche „In den Warenkorb“, um zur Checkout-Seite weiterzuleiten.

• Scrollen Sie nach unten zum Weiterleiten an Abschnitt und legen Sie die Nach Klick = Zur Kasse gehen.

• Sie können die Sichtbarkeit der Schaltfläche an Ihr Branding und Ihre Anforderungen anpassen.

Bewährte Vorgehensweisen für einen hochkonvertierenden Sticky Button

So gestalten Sie Ihren „In den Warenkorb“-Button effektiver:

• Sichtbar, aber unaufdringlich gestalten.Achten Sie darauf, dass der Button keine wichtigen Inhalte verdeckt, insbesondere auf Mobilgeräten.
• Verwenden Sie klare, handlungsorientierte Texte.: Sätze wie "Kaufe jetzt", „Zur Kasse gehen“den „Sicherer Bezahlvorgang“ Eine bessere Leistung als die generische Schaltfläche „In den Warenkorb“.
• Passen Sie Ihren Markenstil an: Verwenden Sie Ihre Markenfarben und -typografie, um ein einheitliches Einkaufserlebnis zu gewährleisten.
• Testplatzierung und GrößeProbieren Sie verschiedene Schaltflächenpositionen oder -größen aus, um herauszufinden, was zu mehr Konversionen führt.
• Sorgen Sie für mobile Reaktionsfähigkeit: Haftende Elemente sollten sich reibungslos an verschiedene Bildschirmgrößen anpassen.

Mehr erfahren: GemX-Anwendungsfallserie: Wie die Änderung der CTA-Farbe die Conversion steigern kann.