Tutorials

How To Setup A Shopify Buy Now Button [2025 Easy Guide]

Melden

Hier ist ein ausführliches Tutorial für das Jahr 2025, wie du den Shopify Buy Button (Kaufen-Button) einrichtest.

Der Shopify Buy Button ist eines der mächtigsten Tools, wenn du Produkte auf einer externen Webseite (wie WordPress, Wix, Squarespace oder einem Blog) verkaufen möchtest, ohne einen kompletten Shopify-Store aufzubauen. In dieser Anleitung lernst du Schritt für Schritt, wie du ihn 2025 einrichtest.

Inhaltsverzeichnis

  1. Voraussetzungen
  2. Schritt 1: Den Buy Button Verkaufskanal hinzufügen
  3. Schritt 2: Den Button erstellen und anpassen
  4. Schritt 3: Den Code auf deiner Webseite einbetten
  5. Pro-Tipps für 2025

1. Voraussetzungen

Bevor du startest, stelle sicher, dass:

  • Du einen aktiven Shopify-Account hast (der Shopify Starter Plan für ca. 5€/Monat reicht hierfür völlig aus).
  • Du bereits mindestens ein Produkt in deinem Shopify-Adminbereich angelegt hast.

Schritt 1: Den Buy Button Verkaufskanal hinzufügen

Standardmäßig ist der Buy Button nicht immer in der Seitenleiste sichtbar. So aktivierst du ihn:

  1. Logge dich in deinen Shopify Admin ein.
  2. Klicke in der linken Seitenleiste auf den Button "Point of Sale und Kanäle suchen" (bzw. das Plus-Icon bei Apps/Vertriebskanäle).
  3. Suche nach "Buy Button".
  4. Klicke auf das Plus-Icon neben "Buy Button", um den Kanal zu installieren.
  5. Nach der Installation erscheint "Buy Button" dauerhaft unter deinen Vertriebskanälen.

Schritt 2: Den Button erstellen und anpassen

Jetzt gestalten wir den Button für dein Produkt.

  1. Klicke im Shopify Admin auf Buy Button.
  2. Wähle "Einen Buy Button erstellen".
  3. Du hast zwei Optionen:
    • Produkt-Buy-Button: Für ein einzelnes Produkt.
    • Kollektions-Buy-Button: Zeigt eine ganze Gruppe von Produkten (ideal für Landingpages).
  4. Suche dein gewünschtes Produkt aus und klicke auf Auswählen.

Anpassungs-Optionen (Editor):

Im Editor-Fenster kannst du das Design links in der Vorschau sehen und rechts anpassen:

  • Layout-Stil:
    • Einfach: Nur der Button.
    • Klassisch: Bild, Preis und Button.
    • Vollansicht: Detaillierte Produktbeschreibung und Bildergalerie.
  • Aktion beim Anklicken: Entscheide, ob der Kunde das Produkt in den Warenkorb legt, direkt zum Checkout weitergeleitet wird oder die Produktdetails öffnet.
  • Aussehen: Ändere Farben, Schriftarten und die Form des Buttons, damit er perfekt zu deinem Branding passt.
  • Einkaufswagen: Hier kannst du den Text und die Farben des seitlich ausfahrenden Warenkorbs anpassen.

Wenn du zufrieden bist, klicke oben rechts auf Weiter.

Schritt 3: Den Code auf deiner Webseite einbetten

Shopify generiert nun einen HTML-Code-Schnipsel für dich.

  1. Klicke auf den Button Code kopieren.
  2. Gehe nun zum Backend deiner eigenen Webseite (z. B. WordPress, Elementor, Wix).
  3. Füge den Code an der Stelle ein, an der der Button erscheinen soll:
    • In WordPress: Nutze einen "Individuelles HTML" Block (Gutenberg) oder ein HTML-Widget.
    • In Elementor: Ziehe das "HTML"-Widget auf die Seite und füge den Code ein.
    • In statischem HTML: Füge den Code einfach in den <body>-Bereich deines Quellcodes ein.
  4. Speichere deine Seite und schaue dir die Vorschau an.

4. Pro-Tipps für 2025

  • Mobil-Optimierung: Der Shopify Buy Button ist von Haus aus responsiv. Teste dennoch nach dem Einbau auf deinem Smartphone, ob die Abstände auf deiner externen Webseite stimmen.
  • Direkt-Checkout nutzen: Wenn du nur ein einzelnes Produkt bewirbst (z. B. ein E-Book oder ein spezielles Angebot), stelle die Aktion auf "Direkt zum Checkout" um. Das erhöht die Conversion-Rate massiv, da ein Klickschritt gespart wird.
  • Bestandsführung: Denke daran, dass der Button automatisch "Ausverkauft" anzeigt, wenn dein Lagerbestand in Shopify auf Null sinkt. Du musst den Code auf deiner Webseite dafür nicht aktualisieren – Shopify erledigt das in Echtzeit.
  • Sicherheit: Der Checkout-Prozess findet immer über die sicheren Server von Shopify statt (PCI-konform), auch wenn der Button auf einer einfachen Blogseite eingebettet ist.

Fazit

Die Einrichtung des Shopify Buy Buttons ist 2025 die schnellste Methode, um E-Commerce-Funktionen in jede beliebige Webseite zu integrieren. In weniger als 10 Minuten verwandelst du einen einfachen Blogpost in eine Verkaufsmaschine!

Hast du Fragen zum Einbau in ein spezielles System wie WordPress oder Webflow? Schreib es einfach in die Kommentare!

0