Schaltfläche „Kaufen“ erstellen

Nachdem du in deinem Shopify-Adminbereich den Vertriebskanal „Schaltfläche ‚Kaufen‘“ hinzugefügt hast, kannst du eine Schaltfläche „Kaufen“ für ein Produkt oder eine Kollektion erstellen.

Nachdem du eine Schaltfläche „Kaufen“ erstellt hast, kopierst du den automatisch generierten Code und fügst ihn dann auf der Webseite oder in dem Blog-Beitrag ein, wo die Schaltfläche angezeigt werden soll. Du könntest die Schaltfläche „Kaufen“ zum Beispiel zu deinem Wordpress-Blog oder deiner Squarespace-Website hinzufügen.

Das Erscheinungsbild der Schaltfläche „Kaufen“ kann nicht mehr geändert werden, nachdem du sie auf deiner Website eingebettet hast. Wenn du es ändern möchtest, musst du im Kanal eine neue Schaltfläche erstellen und den ursprünglichen Code durch den neuen Code ersetzen.

Schaltflächen „Kaufen“ anpassen

Du kannst das Erscheinungsbild und das Verhalten einer Schaltfläche „Kaufen“ anpassen:

  • ihre Farbe
  • ihre Größe
  • ihre Schriftart
  • die Aktion, die beim Klicken auf die Schaltfläche ausgeführt wird
  • ob der Checkout in einem neuen Browserfenster geöffnet wird

Während du die Schaltfläche anpasst, kannst du deine Änderungen in der Vorschau ansehen. Du kannst das Verhalten der Schaltfläche „Kaufen“ testen, indem du auf die Vorschau klickst.

Layout-Stil

Du kannst das Layout der Schaltfläche „Kaufen“ auswählen.

Beschreibungen der verfügbaren Layouts „Basic“, „Classic“ und „Vollansicht“ für Schaltflächen „Kaufen“.
BasicWähle dieses Layout aus, um eine Schaltfläche „Kaufen“ ohne Produktbild hinzuzufügen. Dies ist sinnvoll, wenn du deine Produkte bereits an anderer Stelle online anzeigst und nur eine Schaltfläche für den Kauf hinzufügen möchtest.
ClassicWähle dieses Layout aus, um ein Produktbild und einen Preis neben der Schaltfläche „Kaufen“ anzuzeigen. Dieses Layout ist nützlich für eine schnelle Produktvorschau, zum Beispiel in einem Blog-Beitrag.
VollansichtWähle dieses Layout aus, um ein Produktbild, einen Preis und eine Beschreibung neben der Schaltfläche „Kaufen“ anzuzeigen. Dieses Layout emuliert eine Produktdetailseite in deinem Onlineshop.

Aktionen der Schaltfläche „Kaufen“

Wenn du eine Schaltfläche „Kaufen“ erstellst, kannst du die Aktion auswählen, die beim Klicken auf die Schaltfläche ausgeführt wird.

Wenn die Schaltfläche „Kaufen“ für eine Kollektion bestimmt ist, gilt die Aktion für jedes Produkt in der Kollektion.

  • Produkt zum Warenkorb hinzufügen fügt das Produkt einem Warenkorb hinzu. Die Kundschaft kann weiter einkaufen und dem Warenkorb zusätzliche Produkte hinzufügen.
  • Direkt zum Checkout leitet Kund:innen direkt zu deinem Checkout, wo sie das Produkt kaufen können. Kund:innen können ihrer Bestellung keine weiteren Produkte hinzufügen.
  • Produktdetails öffnen zeigt eine „Produkt anzeigen“ -Schaltfläche an. Wenn Kund:innen auf die Schaltfläche klicken, können sie die Beschreibung des Produkts sehen, alle verfügbaren Produktvarianten auswählen und das Produkt zum Warenkorb hinzufügen. Wenn ein Produkt mehrere Produktbilder hat, werden diese ebenfalls angezeigt.
    • Diese Option ist nicht verfügbar, wenn du das Layout Vollständige Ansicht auswählst, da dieses Layout bereits alle Produktdetails anzeigt.

Du kannst auch auswählen, ob der Checkout in einem neuen Browserfenster oder im selben Tab wie deine Website geöffnet wird. Standardmäßig wird der Checkout in einem neuen Fenster geöffnet.

Erscheinungsbild der Schaltfläche „Kaufen“

  • Der Schaltflächen-Stil umfasst Form, Farbe und Typografie für den Schaltflächen-Teil der Schaltfläche „Kaufen“.
  • Layout Je nach gewähltem Layout-Stil kannst du Einstellungen wie die Ausrichtung der Schaltfläche, die Bildgröße, den Schaltflächentext, die Schriftart, die Farbe und die Größe anpassen.
  • Warenkorb umfasst Text- und Farboptionen für den eingebetteten Warenkorb. Du kannst auch das Etikett für das Feld „Bestellhinweis“ aktivieren und anpassen. Du kannst Bestellhinweise verwenden, um spezielle Anweisungen von Kund:innen zur Vorbereitung und Lieferung einer Bestellung zu erfassen. Das Feld „Zusätzliche Informationen“ ermöglicht es dir, deiner Kundschaft eine Nachricht zu übermitteln.
    • Du kannst die Einstellungen für den Warenkorb nur bearbeiten, wenn du als Aktion der Schaltfläche Produkt zum Warenkorb hinzufügen oder Produktdetails öffnen ausgewählt hast.
  • Detailliertes Pop-up enthält die Einstellungen für das Pop-up-Fenster mit den Produktdetails. Du kannst den Text der Schaltfläche anpassen, festlegen, ob das Mengenfeld angezeigt werden soll, die für den Hintergrund und die Etiketten verwendeten Farben sowie die Schriftart und Schriftgröße der Etiketten bestimmen. Du kannst diese Einstellungen nur bearbeiten, wenn du als Aktion der Schaltfläche Produktdetails öffnen ausgewählt hast.

Schaltfläche „Kaufen“ für ein einzelnes Produkt erstellen

Du kannst eine Schaltfläche „Kaufen“ für ein einzelnes Produkt erstellen. Die Schaltfläche „Kaufen“ kann eine oder alle Varianten des Produkts enthalten. Wenn du die Schaltfläche „Kaufen“ erstellst, wählst du einen Layout-Stil und passt die Farbe, den Text und das Erscheinungsbild der Schaltfläche sowie die Aktion an, die ausgeführt wird, wenn Kund:innen darauf klicken. Erfahre mehr über das Anpassen von Schaltflächen „Kaufen“.

Bevor du eine Schaltfläche „Kaufen“ für ein Produkt erstellst, musst du das Produkt in deinem Shopify-Adminbereich hinzugefügt und es für den Vertriebskanal „Schaltfläche ‚Kaufen‘“ verfügbar gemacht haben.

Schritte:

Desktop
  1. Gehe in deinem Shopify-Adminbereich zu Vertriebskanäle > Schaltfläche „Kaufen“.

  2. Klicke auf Schaltfläche „Kaufen“ erstellen.

  3. Klicke auf Produkt-Schaltfläche „Kaufen“.

  4. Wähle das Produkt aus deinem Katalog aus oder verwende die Suche, um ein Produkt zu finden. Klicke auf Auswählen.

  5. Optional: Passe die Schaltfläche „Kaufen“ an.

    1. Wenn dein Produkt Varianten hat, wähle Alle Varianten aus oder wähle die Variante aus, die du einbeziehen möchtest.
    2. Wähle einen Layout-Stil und die Aktion aus, die ausgeführt wird, wenn Kund:innen auf die Schaltfläche klicken. Du kannst auch das Erscheinungsbild der Schaltfläche anpassen.
    3. Standardmäßig wird der Checkout in einem neuen Fenster geöffnet, du kannst aber festlegen, dass er im selben Browser-Tab wie deine Website geöffnet wird. Klicke auf Erweiterte Einstellungen > Im selben Tab weiterleiten.
  6. Klicke auf Weiter.

  7. Klicke auf Code kopieren.

  8. Öffne den HTML-Editor für die Webseite, auf der du die Schaltfläche „Kaufen“ anzeigen möchtest. Lies dazu den Abschnitt Code für Schaltfläche „Kaufen“ zu HTML hinzufügen.

  9. Füge den Code an der Stelle in den HTML-Code ein, an der die Schaltfläche „Kaufen“ angezeigt werden soll, und speichere dann deine Änderungen.

Mobil
  1. Tippe in der Shopify app auf das Symbol Menu.

  2. Tippe im Abschnitt Vertriebskanäle auf Buy Button.

  3. Tippe auf Schaltfläche „Kaufen“ erstellen.

  4. Tippe auf Produkt-Schaltfläche „Kaufen“.

  5. Wähle das Produkt aus deinem Katalog aus oder verwende die Suche, um ein Produkt zu finden, und tippe dann auf Auswählen.

  6. Optional: Tippe auf Anpassen.

    1. Wenn dein Produkt mehrere Varianten hat, wähle Alle Varianten aus oder wähle eine Variante aus der Dropdown-Liste.
    2. Wähle einen Layout-Stil und die Aktion aus, die ausgeführt wird, wenn Kund:innen auf die Schaltfläche klicken. Du kannst auch das Erscheinungsbild der Schaltfläche anpassen.
    3. Standardmäßig wird der Checkout in einem neuen Fenster geöffnet, du kannst aber festlegen, dass er im selben Browser-Tab wie deine Website geöffnet wird. Tippe auf Erweiterte Einstellungen > Im selben Tab weiterleiten.
  7. Tippe auf Fertig.

  8. Tippe auf Code kopieren.

  9. Öffne den HTML-Editor für die Webseite, auf der du die Schaltfläche „Kaufen“ anzeigen möchtest. Lies dazu den Abschnitt Code für Schaltfläche „Kaufen“ zu HTML hinzufügen.

  10. Füge den Code an der Stelle in den HTML-Code ein, an der die Schaltfläche „Kaufen“ angezeigt werden soll, und speichere dann deine Änderungen.

Schaltfläche „Kaufen“ für eine Kollektion erstellen

Wenn du eine Schaltfläche „Kaufen“ für eine Kollektion erstellst, erstellst du eigentlich eine Schaltfläche für jedes Produkt in der Kollektion.

Wenn du die Schaltfläche „Kaufen“ erstellst, wählst du einen Layout-Stil und passt die Farbe, den Text und das Erscheinungsbild der Schaltfläche sowie die Aktion an, die ausgeführt wird, wenn Kund:innen darauf klicken. Erfahre mehr über das Anpassen von Schaltflächen „Kaufen“.

Bevor du eine Schaltfläche „Kaufen“ für eine Kollektion erstellst, musst du Folgendes erledigt haben:

Schritte:

Desktop
  1. Gehe in deinem Shopify-Adminbereich zu Vertriebskanäle > Schaltfläche „Kaufen“.

  2. Klicke auf Schaltfläche „Kaufen“ erstellen.

  3. Klicke auf Schaltfläche „Kaufen“ für Kollektion.

  4. Wähle die Kollektion aus oder verwende die Suche, um die Kollektion zu finden. Klicke auf Auswählen.

  5. Optional: Passe die Schaltfläche „Kaufen“ an.

    1. Wähle die Aktion aus, die ausgeführt wird, wenn Kund:innen auf die Schaltfläche klicken. Du kannst auch das Erscheinungsbild der Schaltfläche anpassen.
    2. Standardmäßig wird der Checkout in einem neuen Fenster geöffnet, du kannst aber festlegen, dass er im selben Browser-Tab wie deine Website geöffnet wird. Klicke auf Erweiterte Einstellungen > Im selben Tab weiterleiten.
  6. Klicke auf Weiter.

  7. Klicke auf Code kopieren.

  8. Öffne den HTML-Editor für die Webseite, auf der du die Schaltfläche „Kaufen“ anzeigen möchtest. Lies dazu den Abschnitt Code für Schaltfläche „Kaufen“ zu HTML hinzufügen.

  9. Füge den Code an der Stelle in den HTML-Code ein, an der die Schaltfläche „Kaufen“ angezeigt werden soll, und speichere dann deine Änderungen.

Mobil
  1. Tippe in der Shopify app auf das Symbol Menu.

  2. Tippe im Abschnitt Vertriebskanäle auf Buy Button.

  3. Tippe auf Schaltfläche „Kaufen“ erstellen.

  4. Tippe auf Schaltfläche „Kaufen“ für Kollektion.

  5. Wähle die Kollektion aus oder verwende die Suche, um sie zu finden, und tippe dann auf Auswählen.

  6. Optional: Tippe auf Anpassen.

    1. Wähle die Aktion aus, die ausgeführt wird, wenn Kund:innen auf die Schaltfläche klicken. Du kannst auch das Erscheinungsbild der Schaltfläche anpassen.
    2. Standardmäßig wird der Checkout in einem neuen Fenster geöffnet, du kannst aber festlegen, dass er im selben Browser-Tab wie deine Website geöffnet wird. Tippe auf Erweiterte Einstellungen > Im selben Tab weiterleiten.
  7. Tippe auf Fertig.

  8. Tippe auf Code kopieren.

  9. Öffne den HTML-Editor für die Webseite, auf der du die Schaltfläche „Kaufen“ anzeigen möchtest. Lies dazu den Abschnitt Code für Schaltfläche „Kaufen“ zu HTML hinzufügen.

  10. Füge den Code an der Stelle in den HTML-Code ein, an der die Schaltfläche „Kaufen“ angezeigt werden soll, und speichere dann deine Änderungen.