Erstellung einer Schaltfläche "Kaufen"

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

Nachdem du denVertriebskanal der Schaltfläche "Kaufen"in deinem Shopify-Adminbereich hinzugefügt hast, kannst du eine Schaltfläche "Kaufen" fürein Produktodereine Kategorieerstellen.

Nachdem du eine Schaltfläche "Kaufen" 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 die Schaltfläche "Kaufen" 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 es ändern möchtest, musst du eine neue Schaltfläche "Kaufen" 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 der Schaltfläche "Kaufen" auswählen.

Verfügbare Layouts für Buy Buttons
Basic Wähle dieses Layout aus, um eine Schaltfläche "Kaufen" 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 der Schaltfläche "Kaufen" 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 der Schaltfläche "Kaufen" ein Produktbild, einen Preis und eine Beschreibung anzuzeigen. Dieses Layout emuliert eine Produktdetailseite in deinem Onlineshop.

Aktionen für die Schaltfläche "Kaufen"

要是du一张Schaltflache erstellst“买什么”,萤石st du die Aktion auswählen, die ausgeführt wird, wenn auf die Schaltfläche geklickt wird.

要是死Schaltflache”Kaufen" für eine Kategorie ist, gilt die Aktion für jedes Produkt in der Kategorie.

  • Die OptionProdukt zum Warenkorb hinzufügenfügt das Produkt dem Warenkorb hinzu. Kunden können weiter einkaufen und weitere Produkte in den Warenkorb legen.
  • Direkt zum Checkoutbringt den Kunden direkt zum Checkout, wo er das Produkt kaufen kann. Kunden können der Bestellung keine weiteren Produkte hinzufügen.
  • Die OptionProduktdetails öffnenzeigt die SchaltflächeProdukt anzeigenan. 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.
    • Diese Option ist nicht verfügbar, wenn du das LayoutVollansichtauswählst, da im LayoutVollansichtbereits alle Produktdetails angezeigt werden.

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 der Schaltfläche "Kaufen"

  • DerSchaltflächenstilumfasst Form, Farbe und Typografie für die Schaltfläche des Buy Buttons.
  • LayoutAbhangig冯民主党·冯·迪尔gewahlten Layout-Stil菅直人nst du Einstellungen wie Schaltflächenausrichtung, Bildgröße, Schaltflächentext, Schriftart, Farbe und Größe anpassen.

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

    • Du kannst die Einstellungen für den Warenkorb nur bearbeiten, wenn du die OptionProdukt in den Warenkorb legenoderProduktdetails öffnenalsAktionfür die Schaltfläche ausgewählt hast.

  • Die OptionDetailliertes Popup-Fensterenthä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 OptionProduktdetails öffnenalsAktionausgewä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, 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 duSchaltflächen "Kaufen" anpasst.

Bevor du eine Schaltfläche "Kaufen" für ein Produkt erstellst, musst dudas Produkt in deinem Shopify-Adminbereich hinzufügenund dem Vertriebskanal der Schaltfläche "Kaufen"zur Verfügung gestellthaben.

Schritte:

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

  2. Klicke auf der SeiteApps und VertriebskanäleaufBuy Button.

  3. Klicke aufVertriebskanal öffnen.

  4. Klicke aufSchaltfläche "Kaufen" erstellen.

  5. Klicke aufSchaltfläche "Kaufen" für Produkt.

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

  7. Optional: Passe die Schaltfläche "Kaufen" an.

    1. Wenn dein Produkt Varianten hat, dann wähleAlle Variantenoder die Variante, die du einschließen möchtest.
    2. Wähle einenLayout-Stilund die Aktion aus, dieausgeführtwird, wenn ein Kunde auf die Schaltfläche "Kaufen" klickt. Du kannst auchdas Aussehen der Schaltfläche anpassen.
    3. Standardmäßig wird beim Aufrufen des Checkouts ein neues Fenster geöffnet, aber du kannst einstellen, dass der Checkout im selben Browser-Tab wie deine Website geöffnet wird. Klicke aufErweiterte Einstellungen>Weiterleitung im selben Tab.

  8. Klicke aufWeiter.

  9. Klicke aufCode kopieren.

  10. Öffne den HTML-Editor für die Webseite, auf der du die Schaltfläche "Kaufen" anzeigen lassen möchtest. Informiere dich unterCode der Schaltfläche "Kaufen" zu HTML hinzufügen.

  11. Füge den Code an der Stelle im HTML ein, wo die Schaltfläche "Kaufen" angezeigt werden soll, und speichere dann die Änderungen.

  1. Tippe in derShopify-Appauf die Schaltfläche....
  2. Tippe im AbschnittVertriebskanalaufSchaltfläche "Kaufen".
  3. Klicke aufSchaltfläche "Kaufen" erstellen.
  4. Klicke aufSchaltfläche "Kaufen" für Produkt.
  5. Wähle das Produkt aus deinem Katalog aus oder verwende die Suche, um ein Produkt zu finden. Klicke aufauswählen.

  6. Optional: Klicke aufAnpassen.

    1. Wenn dein Produkt mehrere Varianten hat, wählealle Variantenaus oder wähle eine Variante aus der Dropdown-Liste aus.
    2. Wähle einenLayout-Stilund die Aktion aus, dieausgeführtwird, wenn ein Kunde auf die Schaltfläche "Kaufen" klickt. Du kannst auchdas Aussehen der Schaltfläche anpassen.
    3. Standardmäßig wird beim Aufrufen des Checkouts ein neues Fenster geöffnet, aber du kannst einstellen, dass der Checkout im selben Browser-Tab wie deine Website geöffnet wird. Klicke aufErweiterte Einstellungen>Weiterleitung im selben Tab.

  7. Klicke aufFertig.

  8. Klicke aufCode kopieren.

  9. Öffne den HTML-Editor für die Webseite, auf der du die Schaltfläche "Kaufen" anzeigen lassen möchtest. Informiere dich unterCode der Schaltfläche "Kaufen" zu HTML hinzufügen.

  10. Füge den Code an der Stelle im HTML ein, wo die Schaltfläche "Kaufen" angezeigt werden soll, und speichere dann die Änderungen.

  1. Tippe in derShopify-Appauf die Schaltfläche....
  2. Tippe im AbschnittVertriebskanalaufSchaltfläche "Kaufen".
  3. Klicke aufSchaltfläche "Kaufen" erstellen.
  4. Klicke aufSchaltfläche "Kaufen" für Produkt.
  5. Wähle das Produkt aus deinem Katalog aus oder verwende die Suche, um ein Produkt zu finden. Klicke aufauswählen.

  6. Optional: Klicke aufAnpassen.

    1. Wenn dein Produkt mehrere Varianten hat, wählealle Variantenaus oder wähle eine Variante aus der Dropdown-Liste aus.
    2. Wähle einenLayout-Stilund die Aktion aus, dieausgeführtwird, wenn ein Kunde auf die Schaltfläche "Kaufen" klickt. Du kannst auchdas Aussehen der Schaltfläche anpassen.
    3. Standardmäßig wird beim Aufrufen des Checkouts ein neues Fenster geöffnet, aber du kannst einstellen, dass der Checkout im selben Browser-Tab wie deine Website geöffnet wird. Klicke aufErweiterte Einstellungen>Weiterleitung im selben Tab.

  7. Klicke aufFertig.

  8. Klicke aufCode kopieren.

  9. Öffne den HTML-Editor für die Webseite, auf der du die Schaltfläche "Kaufen" anzeigen lassen möchtest. Informiere dich unterCode der Schaltfläche "Kaufen" zu HTML hinzufügen.

  10. Füge den Code an der Stelle im HTML ein, wo die Schaltfläche "Kaufen" angezeigt werden soll, und speichere dann die Änderungen.

Schaltfläche "Kaufen" für eine Kategorie erstellen

Wenn du eine Schaltfläche "Kaufen" für eine Kollektion erstellst, erstellst du für jedes Produkt in der Kollektion tatsächlich einen Schaltfläche.

Wenn du die Schaltfläche "Kaufen" erstellst, kannst du eine Vorlage auswählen und die Farbe, den Text und das Erscheinungsbild der Schaltfläche sowie die Aktion anpassen, die ausgeführt wird, wenn ein Kunde darauf klickt. Erfahre mehr über dasAnpassen von Schaltflächen "Kaufen".

Bevor du eine Schaltfläche "Kaufen" für eine Kategorie erstellst, musst du folgende Schritte durchführen:

Schritte:

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

  2. Klicke auf der SeiteApps und VertriebskanäleaufBuy Button.

  3. Klicke aufVertriebskanal öffnen.

  4. Klicke aufSchaltfläche "Kaufen" erstellen.

  5. Klicke aufSchaltfläche "Kaufen" für Kategorie.

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

  7. Optional: Passe die Schaltfläche "Kaufen" an.

    1. Wähle dieAktionaus, die ausgeführt wird, wenn ein Kunde auf den Buy Button klickt. Du kannst auch dasAussehen der Schaltfläche anpassen.
    2. Standardmäßig wird beim Aufrufen des Checkouts ein neues Fenster geöffnet, aber du kannst einstellen, dass der Checkout im selben Browser-Tab wie deine Website geöffnet wird. Klicke aufErweiterte Einstellungen>Weiterleitung im selben Tab.

  8. Klicke aufWeiter.

  9. Klicke aufCode kopieren.

  10. Öffne den HTML-Editor für die Webseite, auf der du die Schaltfläche "Kaufen" anzeigen lassen möchtest. Informiere dich unterCode der Schaltfläche "Kaufen" zu HTML hinzufügen.

  11. Füge den Code an der Stelle im HTML ein, wo die Schaltfläche "Kaufen" angezeigt werden soll, und speichere dann die Änderungen.

  1. Tippe in derShopify-Appauf die Schaltfläche....
  2. Tippe im AbschnittVertriebskanalaufSchaltfläche "Kaufen".
  3. Klicke aufSchaltfläche "Kaufen" erstellen.
  4. Klicke aufSchaltfläche "Kaufen" für Kategorie.
  5. Wählen Sie die Kategorie aus oder verwenden Sie die Suche, um die Kategorie zu finden. Klicken Sie aufAuswählen.

  6. Optional: Klicke aufAnpassen.

    1. Wähle dieAktionaus, die ausgeführt wird, wenn ein Kunde auf den Buy Button klickt. Du kannst auch dasAussehen der Schaltfläche anpassen.
    2. Standardmäßig wird beim Aufrufen des Checkouts ein neues Fenster geöffnet, aber du kannst einstellen, dass der Checkout im selben Browser-Tab wie deine Website geöffnet wird. Klicke aufErweiterte Einstellungen>Weiterleitung im selben Tab.

  7. Klicke aufFertig.

  8. Klicke aufCode kopieren.

  9. Öffne den HTML-Editor für die Webseite, auf der du die Schaltfläche "Kaufen" anzeigen lassen möchtest. Informiere dich unterCode der Schaltfläche "Kaufen" zu HTML hinzufügen.

  10. Füge den Code an der Stelle im HTML ein, wo die Schaltfläche "Kaufen" angezeigt werden soll, und speichere dann die Änderungen.

  1. Tippe in derShopify-Appauf die Schaltfläche....
  2. Tippe im AbschnittVertriebskanalaufSchaltfläche "Kaufen".
  3. Klicke aufSchaltfläche "Kaufen" erstellen.
  4. Klicke aufSchaltfläche "Kaufen" für Kategorie.
  5. Wählen Sie die Kategorie aus oder verwenden Sie die Suche, um die Kategorie zu finden. Klicken Sie aufAuswählen.

  6. Optional: Klicke aufAnpassen.

    1. Wähle dieAktionaus, die ausgeführt wird, wenn ein Kunde auf den Buy Button klickt. Du kannst auch dasAussehen der Schaltfläche anpassen.
    2. Standardmäßig wird beim Aufrufen des Checkouts ein neues Fenster geöffnet, aber du kannst einstellen, dass der Checkout im selben Browser-Tab wie deine Website geöffnet wird. Klicke aufErweiterte Einstellungen>Weiterleitung im selben Tab.

  7. Klicke aufFertig.

  8. Klicke aufCode kopieren.

  9. Öffne den HTML-Editor für die Webseite, auf der du die Schaltfläche "Kaufen" anzeigen lassen möchtest. Informiere dich unterCode der Schaltfläche "Kaufen" zu HTML hinzufügen.

  10. Füge den Code an der Stelle im HTML ein, wo die Schaltfläche "Kaufen" angezeigt werden soll, und speichere dann die Änderungen.

Bereit, mit Shopify zu verkaufen?

Kostenlos testen