Sticky Add to Cart in Shopify einrichten

Der „In den Warenkorb“-Button ist eines der wichtigsten Elemente auf jeder Produktseite. Sobald Besucher jedoch auf der Seite nach unten scrollen, verschwindet der ursprüngliche Button oft aus dem Sichtfeld und der Kauf wird unnötig erschwert.

Die Progus Sticky Add to Cart Bar löst dieses Problem, indem der Kauf-Button sichtbar bleibt, während Besucher weiterstöbern. Wenn du noch überlegst, ob ein sticky CTA die richtige Wahl für deinen Shop ist, lies unseren Vergleich zwischen Sticky Add to Cart und einem normalen Add-to-Cart-Button.

In dieser Anleitung zeigen wir dir, wie du Progus Sticky Add to Cart zu deinem Shopify-Shop hinzufügst, die App aktivierst und deine Sticky Bar anpasst.

Schritt 1: Progus Sticky Add to Cart installieren und öffnen

Für den Start kannst du die App auf zwei Arten installieren:

Option 1: Über den Shopify App Store

• Öffne den Shopify App Store
• Suche nach Progus Sticky Add to Cart Bar
• Klicke auf Installieren

Option 2: Über die Progus-Website

Du kannst die App auch direkt über die offizielle Seite installieren: Progus Sticky Add to Cart

Nach der Installation: Öffne die App in deinem Shopify-Dashboard.

Dort siehst du das Haupt-Dashboard mit deiner Einrichtungsanleitung. Sie hilft dir dabei, die App zu aktivieren, deine Sticky Add to Cart Bar anzupassen und zu prüfen, ob alles in deinem Shop korrekt funktioniert.

Schritt 2: Die App aktivieren

Nachdem du Progus Sticky Add to Cart in deinem Shopify-Dashboard geöffnet hast, siehst du die zentrale Einrichtungsanleitung.

Beginne damit, die App zu aktivieren. Klicke dazu auf Activate.

Shopify öffnet möglicherweise die Einstellungen für dein Theme App Embed. Falls das passiert, aktiviere das App-Embed und klicke oben rechts auf Save.

Kehre danach zu Progus Sticky Add to Cart zurück und aktualisiere bei Bedarf den Einrichtungsstatus.

Schritt 3: Das Anpassungsfenster öffnen

Sobald die App aktiv ist, gehe zurück zur Einrichtungsanleitung und klicke auf Customize.

Dadurch öffnet sich das Anpassungsfenster, in dem du deine Sticky Add to Cart Bar bearbeiten und die Änderungen rechts auf dem Bildschirm in der Vorschau sehen kannst.

Schritt 4: Die Einstellungen der Leiste konfigurieren

Beginne im Bereich Bar. Hier kannst du das allgemeine Aussehen und Verhalten deiner Sticky Add to Cart Bar anpassen.

Du kannst unter anderem folgende Einstellungen anpassen:

• Hintergrundmodus und -farbe
• Position und Sichtbarkeit der Leiste
• Effekte
• Rahmen
• Abstände

Wähle Einstellungen, die die Leiste gut sichtbar machen, ohne Besucher von der Produktseite abzulenken. Für die meisten Shops ist eine Platzierung am unteren Bildschirmrand ein guter Ausgangspunkt, besonders auf Mobilgeräten.

Schritt 5: Countdown oder Hinweisnachricht hinzufügen

Gehe zum Bereich Countdown, um deiner Sticky Bar eine kurze Nachricht oder einen Timer hinzuzufügen.

Du kannst festlegen, wann der Countdown erscheint, die Nachricht bearbeiten, Farben anpassen und entweder eine feste Zeit oder ein konkretes Enddatum wählen.

Nutze diesen Bereich für echte Aktionen oder zeitlich begrenzte Angebote und halte die Nachricht kurz, damit sie die Kaufentscheidung unterstützt, ohne vom Wesentlichen abzulenken.

Schritt 6: Produktinformationen anpassen

Im Bereich Product legst du fest, welche Produktdetails in deiner Sticky Bar angezeigt werden sollen.

Du kannst Produktbild, Produktname, Preis, Vergleichspreis und Rabatt-Badge ein- oder ausblenden.

Für die meisten Shops reichen Produktname, Preis und der Add-to-Cart-Button aus, damit die Leiste klar und einfach nutzbar bleibt.

Schritt 7: Menge und Varianten anpassen

Im Bereich Quantity kannst du Mengen- und Variantenauswahl aktivieren.

Wenn deine Produkte Varianten wie Größe oder Farbe haben, kann eine sichtbare Variantenauswahl den Kaufprozess vereinfachen. Halte diesen Bereich besonders auf Mobilgeräten möglichst schlicht, damit Besucher Optionen bequem auswählen können, ohne überfordert zu werden.

Schritt 8: Den Add-to-Cart-Button anpassen

Gehe zum Bereich Add To Cart, um Button-Text, Farben und die Klick-Aktion anzupassen.

Du kannst deinen eigenen CTA-Text verwenden, zum Beispiel „In den Warenkorb“, „Zur Tasche hinzufügen“ oder „Jetzt bestellen“.

Außerdem kannst du festlegen, was nach dem Klick auf den Button passieren soll:

• auf der Seite bleiben
• zum Warenkorb gehen
• direkt zum Checkout gehen

Für die meisten Shops ist ein klarer und vertrauter Text wie In den Warenkorb die sicherste Wahl. Wenn du den Kaufprozess verkürzen möchtest, kannst du testen, Besucher direkt zum Warenkorb oder Checkout weiterzuleiten.

Schritt 9: Festlegen, wo die Sticky Bar angezeigt wird

Im Bereich Display wählst du aus, wo die Sticky Add to Cart Bar erscheinen soll.

Du kannst sie anzeigen auf:

• allen Produkten
• bestimmten Produkten
• bestimmten Kollektionen

Bei Bedarf kannst du auch ausgewählte Produkte oder Kollektionen ausschließen.

Wenn du die App zum ersten Mal einrichtest, starte am besten mit All products und passe die Anzeigeregeln später an.

Schritt 10: Vorschau prüfen, testen und Einrichtung bestätigen

Bevor du die Einrichtung abschließt, nutze den Vorschaubereich, um zu prüfen, wie deine Sticky Add to Cart Bar auf Desktop und Mobilgeräten aussieht. Achte darauf, dass der CTA gut sichtbar ist, der Text lesbar bleibt und die Leiste keine wichtigen Inhalte überdeckt.

Öffne danach eine deiner Produktseiten, scrolle nach unten, bis die Sticky Add to Cart Bar erscheint, und teste den Button, indem du ein Produkt in den Warenkorb legst. Wenn alles korrekt funktioniert, gehe zurück zur Einrichtungsanleitung und klicke auf Confirm.

Deine Progus Sticky Add to Cart Bar ist jetzt bereit und sorgt dafür, dass dein CTA sichtbar bleibt, während Besucher in deinem Shopify-Shop stöbern.

Best Practices nach der Installation

Halte deine Sticky Bar nach der Einrichtung einfach, gut sichtbar und leicht bedienbar.

• Passe die Leiste an die Farben und das Design deines Shops an
• Halte den CTA klar und leicht verständlich
• Teste die mobile Version sorgfältig
• Vermeide es, zu viele Elemente gleichzeitig hinzuzufügen
• Nutze Countdowns oder Hinweisnachrichten nur dann, wenn sie ein echtes Angebot unterstützen

Das Ziel ist, den Kaufprozess zu vereinfachen und Besucher nicht von der Produktseite abzulenken.

Wenn dein Add-to-Cart-Button sichtbar ist, aber trotzdem nicht geklickt wird, lies auch unseren Leitfaden: Warum Nutzer nicht auf Add to Cart klicken →

Zusammenfassung

Das Hinzufügen der Progus Sticky Add to Cart Bar zu deinem Shopify-Shop ist eine einfache Möglichkeit, die Sichtbarkeit deines CTA zu verbessern und den Kaufprozess reibungsloser zu gestalten.

Mit der App bleibt dein Add-to-Cart-Button sichtbar, du kannst die Sticky Bar anpassen, Werbebotschaften hinzufügen und steuern, wo sie angezeigt wird.

Die Einrichtung ist schnell und unkompliziert, und die App kann kostenlos installiert werden.

Teste Progus Sticky Add to Cart und halte deinen Add-to-Cart-Button immer sichtbar →