Shopify-Schaltflächen-Code
Erstelle deine Button-App
Warum Nutzer Elfsight lieben.
Manchmal reicht der richtige Button am richtigen Ort. Die Elfsight Button-App zieht mühelos die Aufmerksamkeit Ihrer Besucher auf sich und motiviert sie zum Handeln – Jetzt kaufen, Mehr erfahren, Kontakt aufnehmen oder was auch immer Sie möchten.
Schnelle Einrichtung, funktioniert reibungslos mit jedem Theme und gibt Ihnen volle Freiheit darüber, wie Ihr Button aussieht und sich verhält. Ob Sie ein Produkt hervorheben, ein Sonderangebot teilen oder einen Chat öffnen möchten – mit nur wenigen Klicks – ganz ohne eine einzige Codezeile.
Wussten Sie schon?
Marketing-Studien zeigen, dass klare, gut gestaltete Buttons die Klickrate im Vergleich zu einfachen Text-Links um bis zu 45% erhöhen können.
Machen Sie Ihren Shop heute interaktiver – Fügen Sie den Elfsight Button zu Shopify hinzu und helfen Sie Ihren Kunden, den nächsten Schritt mit Leichtigkeit zu gehen.
Kernfunktionen der Shopify Button-App
Darauf kommt es an: Warum dieses Widget bei Shop-Besitzern so beliebt ist:
- Individuelle Designoptionen: Wählen Sie Größe, Form, Text und Farben Ihrer Schaltfläche, damit sie perfekt zu Ihrem Shopify-Theme passt.
- Mehrere Aktionen: Verlinken Sie Ihre Schaltfläche auf eine Produktseite, zur Kasse, zu einem Formular oder zu jeder externen URL – ganz nach Ihren Bedürfnissen.
- Schwebende oder Inline-Modi: Halten Sie es fest auf dem Bildschirm oder platzieren Sie es direkt in Ihren Produktbeschreibungen oder Homepage-Bereichen.
- Mobile-ready: Jede Schaltfläche passt sich automatisch an, damit sie auf jedem Bildschirm perfekt aussieht – vom Desktop bis zum Smartphone.
- Icon- und Animationsunterstützung: Fügen Sie Icons oder Hover-Effekte hinzu, die Ihre Schaltfläche hervorheben und interaktiver wirken lassen.
- Kein Programmieraufwand: Entwerfen Sie Ihren Button einfach visuell und betten Sie ihn ein – wenn Sie einen Link einfügen können, können Sie ihn verwenden.
So fügen Sie den Button auf einer Shopify-Seite hinzu
Einen Button zu Shopify hinzufügen ist so einfach wie Kopieren und Einfügen.
Methode 1: Inline-Schaltfläche
Ideal zum Einbetten von Schaltflächen in eine bestimmte Seite, z. B. Startseite, Produktseite oder Kontaktbereich.
- Vorlage auswählen: Öffnen Sie den Elfsight-Editor und wählen Sie eine Vorlage, die am besten zu Ihnen passt.
- Design anpassen: Bestimmen Sie, was beim Klicken passiert, und passen Sie Farben, Schriftarten und Text an.
- Code kopieren: Klicken Sie auf „Kostenlos zur Website hinzufügen“ und kopieren Sie den generierten Einbettungscode.
- App einbetten: Öffnen Sie den Shopify-Adminbereich, wechseln Sie zum Seiteneditor, schalten Sie auf HTML-Ansicht um und fügen Sie den Code dort ein, wo der Button erscheinen soll.
Methode 2: Schwebender Button
Perfekt, wenn Ihre Schaltfläche dauerhaft sichtbar sein soll.
- Wählen Sie eine Vorlage: Wählen Sie im Elfsight-Editor ein schwebendes Layout aus.
- Aussehen anpassen: Position, Größe, Farbe und Text festlegen.
- Code kopieren: Klicken Sie auf „Kostenlos zur Website hinzufügen“, um den Code zu generieren.
- In Shopify einbetten: Gehe zu Online-Shop → Themes → Code bearbeiten, öffne
theme.liquid, und füge den Code vor dem schließenden</body>Tag ein.
Brauchen Sie Hilfe? Schauen Sie in unser Hilfecenter oder lesen Sie unseren Blog-Guide zu wie man auf einer Shopify-Seite einen Button hinzufügt. Sie können auch Ihre Funktionsideen in unserer Wunschliste teilen oder neue Releases im Änderungsprotokoll verfolgen.