Erstellung eines Buy Buttons

Diese Seite wurde gedruckt um Jun 01, 2023. Die neueste Version findest du unter https://help.shopify.com/de/manual/online-sales-channels/buy-button/create-buy-button.

Nachdem du den Buy Button-Vertriebskanal in deinem Shopify-Adminbereich hinzugefügt hast, kannst du einen Buy Button für ein Produkt oder eine Kategorie erstellen.

Nachdem du einen Buy Button erstellt hast, kopiere den automatisch generierten Code und füge den Code dann der Webseite oder dem Blog-Beitrag hinzu, auf der/in dem die Schaltfläche erscheinen soll. Zum Beispiel kannst du den Buy Button zu deinem Wordpress-Blog oder deiner Squarespace-Website hinzufügen.

Das Erscheinungsbild des Buy Buttons kann nicht geändert werden, nachdem du ihn auf deiner Website eingebettet hast. Wenn du ihn ändern möchtest, musst du einen neuen Buy Button im Kanal erstellen und den ursprünglichen Code durch den neuen Code ersetzen.

Auf dieser Seite

Buy Buttons anpassen

Du kannst das Erscheinungsbild eines Buy Buttons und sein Verhalten anpassen:

  • die Farbe
  • die Größe
  • die Schriftart
  • Die Aktion, die beim Anklicken der Schaltfläche ausgeführt wird
  • ob der Checkout in einem neuen Browser-Fenster geöffnet wird

Wenn du die Schaltfläche anpasst, kannst du eine Vorschau deiner Änderungen anzeigen. Du kannst das Verhalten des Buy Buttons testen, indem du auf die Vorschau klickst.

Layout-Stil

Du kannst das Layout des Buy Buttons auswählen.

Verfügbare Layouts für Buy Buttons
Basic Wähle dieses Layout aus, um einen Buy Button ohne Produktbild hinzuzufügen. Möglicherweise möchtest du dies tun, wenn du deine Produkte bereits online an anderer Stelle anzeigst, und nur eine Schaltfläche hinzufügen möchtest, um den Kauf zu tätigen.
Klassisch Wähle dieses Layout aus, um neben dem Buy Button ein Produktbild und einen Preis anzuzeigen. Dieses Layout eignet sich für eine schnelle Produktvorschau, wie z. B. in einem Blog-Beitrag.
Vollansicht Wähle dieses Layout aus, um neben dem Buy Button ein Produktbild, einen Preis und eine Beschreibung anzuzeigen. Dieses Layout emuliert eine Produktdetailseite in deinem Onlineshop.

Aktionen für Buy Buttons

Wenn du einen Buy Button erstellst, kannst du die Aktion auswählen, die ausgeführt wird, wenn auf die Schaltfläche geklickt wird.

Wenn der Buy Button für eine Kategorie ist, gilt die Aktion für jedes Produkt in der Kategorie.

  • Die Option Produkt zum Warenkorb hinzufügen fügt das Produkt dem Warenkorb hinzu. Kunden können weiter einkaufen und weitere Produkte in den Warenkorb legen.
  • Direkt zum Checkout bringt den Kunden direkt zum Checkout, wo er das Produkt kaufen kann. Kunden können der Bestellung keine weiteren Produkte hinzufügen.
  • Die Option Produktdetails öffnen zeigt die Schaltfläche Produkt anzeigen an. Wenn der Kunde auf die Schaltfläche klickt, kann er die Beschreibung des Produkts sehen, eine der verfügbaren Produktvarianten auswählen und das Produkt zum Warenkorb hinzufügen. Wenn für ein Produkt mehrere Produktbilder vorhanden sind, werden diese ebenfalls angezeigt.

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

Erscheinungsbild des Buy Buttons

  • Der Schaltflächenstil umfasst Form, Farbe und Typografie für die Schaltfläche des Buy Buttons.
  • Layout Abhängig von dem von dir gewählten Layout-Stil kannst du Einstellungen wie Schaltflächenausrichtung, Bildgröße, Schaltflächentext, Schriftart, Farbe und Größe anpassen.

  • Warenkorb enthält Text- und Farboptionen für den eingebetteten Warenkorb. Du kannst auch das Feld Bestellhinweis aktivieren und dessen Beschriftung anpassen Bestellhinweise verwenden, um spezielle Anweisungen von Kunden zu sammeln, wie du eine Bestellung vorbereitest und geliefert wird. Im Feld Zusätzliche Informationen kannst du eine Nachricht an deine Kunden eingeben.

  • Die Option Detailliertes Popup-Fenster enthält die Einstellungen für das Popup-Fenster "Produktdetails". Du kannst den Text der Schaltfläche anpassen, ob das Feld "Menge" angezeigt wird, welche Farben für den Hintergrund und die Beschriftungen verwendet werden, sowie die Schriftart und Schriftgröße der Beschriftungen. Du kannst diese Einstellungen nur bearbeiten, wenn du die Option Produktdetails öffnen als Aktion ausgewählt hast.

Buy Button für ein einzelnes Produkt erstellen

Du kannst einen Buy Button für ein einzelnes Produkt erstellen. Der Buy Button kann eine oder alle Varianten des Produkts enthalten. Wenn du den Buy Button erstellst, kannst du einen Layout-Stil auswählen und die Farbe, den Text und das Aussehen der Schaltfläche sowie die Aktion anpassen, die ausgeführt wird, wenn ein Kunde darauf klickt. Erfahre mehr darüber, wie du Buy Buttons anpasst.

Bevor du einen Buy Button für ein Produkt erstellst, musst du das Produkt in deinem Shopify-Adminbereich hinzufügen und dem Buy Button-Vertriebskanal zur Verfügung gestellt haben.

Schritte:

  1. Klicke in deinem Shopify-Adminbereich auf Einstellungen > Apps und Vertriebskanäle.

  2. Klicke auf der Seite Apps und Vertriebskanäle auf Buy Button.

  3. Klicke auf Vertriebskanal öffnen.

  4. Klicke auf Buy Button erstellen.

  5. Klicke auf Buy Button für Produkt.

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

  7. Optional: Passe den Buy Button an.

  8. Klicke auf Weiter.

  9. Klicke auf Code kopieren.

  10. Öffne den HTML-Editor für die Webseite, auf der du den Buy Button anzeigen lassen möchtest. Informiere dich unter Buy Button-Code zu HTML hinzufügen.

  11. Füge den Code an der Stelle im HTML ein, wo der Buy Button angezeigt werden soll, und speichere dann die Änderungen.

  1. Tippe in der Shopify App auf Shop.

  2. Tippe im Abschnitt Vertriebskanal auf Buy Button.

  3. Klicke auf Buy Button erstellen.

  4. Klicke auf Buy Button für Produkt.

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

  6. Optional: Klicke auf Anpassen.

  7. Klicke auf Fertig.

  8. Klicke auf Code kopieren.

  9. Öffne den HTML-Editor für die Webseite, auf der du den Buy Button anzeigen lassen möchtest. Informiere dich unter Buy Button-Code zu HTML hinzufügen.

  10. Füge den Code an der Stelle im HTML ein, wo der Buy Button angezeigt werden soll, und speichere dann die Änderungen.

  1. Tippe in der Shopify App auf Shop.

  2. Tippe im Abschnitt Vertriebskanal auf Buy Button.

  3. Klicke auf Buy Button erstellen.

  4. Klicke auf Buy Button für Produkt.

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

  6. Optional: Klicke auf Anpassen.

  7. Klicke auf Fertig.

  8. Klicke auf Code kopieren.

  9. Öffne den HTML-Editor für die Webseite, auf der du den Buy Button anzeigen lassen möchtest. Informiere dich unter Buy Button-Code zu HTML hinzufügen.

  10. Füge den Code an der Stelle im HTML ein, wo der Buy Button angezeigt werden soll, und speichere dann die Änderungen.

Buy Button für eine Kategorie erstellen

Wenn du einen Buy Button für eine Kategorie erstellst, erstellst du für jedes Produkt in der Kategorie tatsächlich einen Button.

Wenn du den Buy Button erstellst, kannst du eine Vorlage auswählen und die Farbe, den Text und das Erscheinungsbild des Buttons sowie die Aktion anpassen, die ausgeführt wird, wenn ein Kunde darauf klickt. Erfahre mehr über das Anpassen von Buy Buttons.

Bevor du einen Buy Button für eine Kategorie erstellst, musst du folgende Schritte durchführen:

Schritte:

  1. Klicke in deinem Shopify-Adminbereich auf Einstellungen > Apps und Vertriebskanäle.

  2. Klicke auf der Seite Apps und Vertriebskanäle auf Buy Button.

  3. Klicke auf Vertriebskanal öffnen.

  4. Klicke auf Buy Button erstellen.

  5. Klicke auf Buy Button für Kategorie.

  6. Wählen Sie die Kategorie aus oder verwenden Sie die Suche, um die Kategorie zu finden. Klicken Sie auf Auswählen.

  7. Optional: Passe den Buy Button an.

  8. Klicke auf Weiter.

  9. Klicke auf Code kopieren.

  10. Öffne den HTML-Editor für die Webseite, auf der du den Buy Button anzeigen lassen möchtest. Informiere dich unter Buy Button-Code zu HTML hinzufügen.

  11. Füge den Code an der Stelle im HTML ein, wo der Buy Button angezeigt werden soll, und speichere dann die Änderungen.

  1. Tippe in der Shopify App auf Shop.

  2. Tippe im Abschnitt Vertriebskanal auf Buy Button.

  3. Klicke auf Buy Button erstellen.

  4. Klicke auf Buy Button für Kategorie.

  5. Wählen Sie die Kategorie aus oder verwenden Sie die Suche, um die Kategorie zu finden. Klicken Sie auf Auswählen.

  6. Optional: Klicke auf Anpassen.

  7. Klicke auf Fertig.

  8. Klicke auf Code kopieren.

  9. Öffne den HTML-Editor für die Webseite, auf der du den Buy Button anzeigen lassen möchtest. Informiere dich unter Buy Button-Code zu HTML hinzufügen.

  10. Füge den Code an der Stelle im HTML ein, wo der Buy Button angezeigt werden soll, und speichere dann die Änderungen.

  1. Tippe in der Shopify App auf Shop.

  2. Tippe im Abschnitt Vertriebskanal auf Buy Button.

  3. Klicke auf Buy Button erstellen.

  4. Klicke auf Buy Button für Kategorie.

  5. Wählen Sie die Kategorie aus oder verwenden Sie die Suche, um die Kategorie zu finden. Klicken Sie auf Auswählen.

  6. Optional: Klicke auf Anpassen.

  7. Klicke auf Fertig.

  8. Klicke auf Code kopieren.

  9. Öffne den HTML-Editor für die Webseite, auf der du den Buy Button anzeigen lassen möchtest. Informiere dich unter Buy Button-Code zu HTML hinzufügen.

  10. Füge den Code an der Stelle im HTML ein, wo der Buy Button angezeigt werden soll, und speichere dann die Änderungen.

Bereit, mit Shopify zu verkaufen?

Kostenlos testen