Shopify-Schaltfläche ‘Nach oben’ App
Erstellen Sie Ihre Schaltfläche „Nach oben“-App.
Screenshots
Warum Nutzer Elfsight lieben.
Lange Produktseiten eignen sich hervorragend zum Storytelling, bedeuten aber oft viel Scrollen. Die Elfsight-Schaltfläche ‘Nach oben’ hilft Ihren Kunden, schnell wieder nach oben zu springen, statt endlos zu wischen. Es ist ein kleines Detail, das den Eindruck Ihres Shops beim Durchstöbern deutlich verbessert.
Mit nur wenigen Klicks installieren Sie eine Schaltfläche, die perfekt zu Ihrem Design passt. Wählen Sie Farben, Symbole und Animationen. Bestimmen Sie, wo sie erscheint, und legen Sie fest, wann sie sichtbar wird. Sie funktioniert reibungslos auf Desktop- und Mobilgeräten – kein Programmieren, keine zusätzliche Einrichtung.
Wusstest du schon?
Eine Nielsen Norman Group-Studie ergab, dass 57 % der Zeit, die Nutzer mit dem Betrachten einer Seite verbringen, oberhalb des sichtbaren Bereichs liegt – der obere Teil der Seite, bevor das Scrollen beginnt.
Halten Sie die Navigation einfach, damit Besucher sofort dorthin zurückkehren können – Fügen Sie heute kostenlos die Elfsight Schaltfläche “Nach oben” zu Ihrem Shopify-Shop hinzu.
Kernmerkmale der Shopify-Schaltfläche ‘Nach oben’
Geben Sie Ihren Kunden ein müheloses Browsing-Erlebnis – mit einer benutzerfreundlichen Funktion, die sich einfach lieben lässt.
- Maßgeschneidertes Design: Wählen Sie aus vorgefertigten Icons oder laden Sie Ihre eigenen hoch und passen Sie Größe, Farbe und Form so an, dass sie zu Ihrer Marke passen.
- Intelligente Anzeigeregeln: Steuern Sie, wann und wo der Button erscheint – nach einer festgelegten Scroll-Distanz, auf bestimmten Seiten oder im gesamten Shop.
- Sanfte Bewegungswirkung: Die sanfte Scroll-Animation führt Benutzer natürlich zurück nach oben, ohne abrupte Sprünge.
- Flexible Positionierung: Platzieren Sie den Button dort, wo er sich am sinnvollsten anfühlt – in der unteren Ecke, am Seitenrand oder sogar schwebend in der Mitte.
- Mobilfreundlich: Die App passt sich automatisch an kleinere Bildschirme an und sorgt für eine perfekte Bedienung auf Smartphones und Tablets.
Alle Funktionen im Live-Editor entdecken – keine Anmeldung erforderlich.
So fügst du eine Schaltfläche ‘Nach oben’ zu Shopify hinzu
Die Einrichtung der Schaltfläche ‘Nach oben’-App auf Shopify dauert nur wenige Minuten. Hier sind zwei einfache Wege, das zu erledigen.
Methode 1: Schwebende Schaltfläche
Perfekt, wenn Sie eine fest positionierte Schaltfläche wünschen, die auf allen Seiten sichtbar ist.
- Vorlage auswählen: Im Elfsight-Editor wählen Sie ein Layout, das beim Scrollen sichtbar bleibt.
- Anpassen von Design und Bewegung: Passen Sie Icon-Stil, Scrollgeschwindigkeit und genaue Bildschirmposition an.
- Code generieren und kopieren: Klicken Sie auf „Kostenlos zur Website hinzufügen“ und kopieren Sie den Code-Schnipsel.
- In Shopify einfügen: Öffnen Sie „Online-Shop → Themes → Anpassen → Code bearbeiten“, fügen Sie anschließend das Snippet vor dem schließenden
</body>-Tag ein.
Methode 2: Inline-Button
Ideal, wenn der Button in einem bestimmten Bereich erscheinen soll.
- Öffnen Sie den Elfsight Editor: Wählen Sie eine Vorlage, die zum Design Ihres Shops passt.
- Passen Sie Ihre Schaltfläche an: Farben, Symbol und Position anpassen und festlegen, wann sie erscheint.
- Ihr Code kopieren: Klicken Sie auf „Kostenlos zur Website hinzufügen“, um Ihren Einbettungscode zu erhalten.
- In Shopify einbetten: In Ihrem Shopify-Dashboard gehen Sie zu “Online Store → Themes → Edit Code” und fügen Sie den Code dort ein, wo der Button erscheinen soll.
Brauchen Sie Hilfe? Werfen Sie einen Blick in unser Hilfezentrum für detaillierte Anleitungen. Sie können auch Feedback in unserer Wunschliste hinterlassen oder die neuesten Aktualisierungen im Änderungsprotokoll ansehen.