Kaufen-Schaltfläche
Mit der Kaufen-Schaltfläche können Sie einzelne Produkte zu einer externen Website oder zu einem Blog hinzuzufügen. Sie können verschiedene Produktlayout-Optionen verwenden, von einer einzelnen Jetzt kaufen-Schaltfläche bis hin zu einer vollformatigen Produktkarte.
Nachdem das Produkt in eine Seite eingebettet ist, können die Kunden auf die Schaltfläche klicken, um das Produkt in den Warenkorb zu legen und weiter zur Kasse zu gehen, ohne die Seite zu verlassen. Die Bestellungen können über die Seite Verkäufe → Bestellungen in Ihrer Shop-Verwaltung nachverfolgt werden.
Layout für Kaufen-Schaltfläche
Abhängig von Ihrem Anwendungsfall können Sie Produktkarten mit unterschiedlichen Layout-Optionen einbinden:
| Layout | Anwendungsfall |
| Nur Schaltfläche | Einfach eine Jetzt kaufen-Schaltfläche, nicht mehr. Sie können dieses Layout verwenden, wenn ein Produkt bereits auf Ihrer Seite angezeigt wird und Sie müssen nur die Option Online-Kasse hinzufügen (z. B. ein Blog-Beitrag, um Ihren Artikel zu bewerben, oder Sie haben bereits die Seite entworfen, die diesem Produkt auf Ihrer Website gewidmet ist). |
| Kompakt | Eine minimalistische Produktkarte mit einer Jetzt kaufen-Schaltfläche. In diesem Layout können Sie eine kurze, einspaltige Zusammenfassung eines Produkts mit dessen Hauptbild, Name und Preis angeben. Sie können zusätzlich verfügbare Produktoptionen und Menge anzeigen lassen. Wenn Sie einen Verkaufspreis für dieses Produkt haben, wird er ebenfalls angezeigt. |
| Volle Größe |
Eine umfassende Produktkarte mit einer In den Warenkorb-Schaltfläche. In diesem Layout können Sie alle verfügbaren Informationen zum Produkt anzeigen. Sie können zwischen zwei Layoutoptionen wählen:
|
Erstellen einer Kaufen-Schaltfläche
Um eine Kaufen-Schaltfläche zu einer Webseite hinzuzufügen, müssen Sie den individuellen Integrationscode eines Produkts generieren. Danach können Sie Ihr Produkt in beliebige Webseiten oder Blogs einbetten. Die Produktkarte kann überall auf einer Webseite, in einer Seitenleiste, in eine Seitenfußzeile oder auf einer Fehlerseite platziert werden.
Vor dem Erstellen einer Kaufen-Schaltfläche müssen Sie Ihr Shop-Konto mit Optionen für Produkte und Zahlung/Versand einrichten, die Sie Ihren Kunden anbieten möchten. Wenn Sie später Änderungen an den Produktdetails in Ihrer Shop-Verwaltung vornehmen (Produkt umbenennen, seinen Preis oder Beschreibung usw.), werden diese Änderungen sofort auf der Kaufen-Schaltfläche angezeigt.
So erstellen Sie eine Kaufen-Schaltfläche:
- Gehen Sie von der Shop-Verwaltung aus zu Verkaufskanäle.
- Scrollen Sie nach unten zur Karte Kaufen-Schaltflächen.
- Klicken Sie auf Jetzt loslegen.
-
Klicken Sie auf der geöffneten Seite auf Produkt wählen und verwenden Sie die Suchleiste, um ein Produkt auszuwählen, das Sie einbetten möchten.
Sie können auch direkt auf den Assistenten zur Erstellung eines bestimmten Produkts über die Detailseite des Produkts zugreifen (die Registerkarte Jetzt kaufen-Schaltfläche). -
Passen Sie die „Jetzt kaufen“-Schaltfläche an:
-
wählen Sie ein Layout — Kompakt, Nur Schaltfläche, oder Volle Größe.
- bestimmen Sie das Aussehen der Schaltfläche: Wählen Sie aus, welche Produktdetails Sie anzeigen möchten (Produktname, Preis, Optionen usw.) und wie.
Im Rahmen der Anpassung der Schaltfläche können Sie eine Vorschau Ihrer Änderungen anzeigen.
-
- Klicken Sie auf Code generieren, dann klicken Sie auf Code kopieren.
-
Melden Sie sich nun bei Ihrem Website-Backend an und öffnen Sie die Seite, auf der Sie die Kaufen-Schaltfläche anzeigen möchten.
Wenn Ihr Schaufenster für Kunden geschlossen ist, wir die Kaufen-Schaltfläche nicht auf der Webseite angezeigt. Ob Ihr Schaufenster geöffnet ist, können Sie unter Einstellungen → Allgemein → Shopprofil in Ihrer Shop-Verwaltung überprüfen. - Fügen Sie den Integrationscode in eine Seite ein. Je nach Webseite kann das HTML, eine Quellcode-Registerkarte oder eine separate Schaltfläche zum Hinzufügen von Codes sein. Wenn Sie sich nicht sicher sind, wie Sie benutzerdefinierten Code zu Ihrer Webseite hinzufügen können, wenden Sie sich bitte an den Entwickler Ihrer Website, um genauere Anweisungen zu erhalten.
- Speichern Sie die Änderungen.
Das war's! Sie haben jetzt eine Produktkarte in Ihre Webseite eingebettet.
Wenn Kunden auf die Jetzt kaufen/In den Warenkorb-Schaltfläche klicken, wird das Produkt in den Warenkorb gelegt und sie können direkt zur Kasse gehen.
Wenn Sie möchten, dass das Kassenfenster sofort geöffnet wird, wenn ein Kunde auf die Schaltfläche klickt, können Sie zu Einstellungen → Allgemein → Warenkorb → Zahlungseinstellungen gehen und den Schalter neben „Warenkorb bei Klick auf „in den Warenkorb“ öffnen“ betätigen.
Individualisieren einer Kaufen-Schaltfläche
Neben der Anpassung des Textes auf einem Kaufbutton können Sie auch dessen Erscheinungsbild an Ihre Marke und Ihr Website-Design anpassen:
-
Blenden Sie die untere Navigation oder die Breadcrumbs auf Produktdetailseiten aus. Sie können dies über den Editor des eCom-Website-Builders tun. Gehen Sie dazu zu Ihrem Website-Editor und wählen Sie in der Dropdown-Liste Seite oben Produkte aus, klicken Sie dann oben rechts auf Einstellungen und wählen Sie Shop-Design. Klicken Sie auf Produktdetails. Klicken Sie auf verschiedene Einstellungen in der Dropdown-Liste, um Navigationsänderungen vorzunehmen. Wenn Sie die Bearbeitung abgeschlossen haben, klicken Sie auf Veröffentlichen.
Änderungen, die Sie vornehmen, wirken sich auf alle Produkte in Ihrem Shop aus. - Ändern Sie das Aussehen der Produktkarte und der Schaltflächen, um sie an das Design Ihrer Website anzupassen. Sie können dies den Editor des eCom-Website-Builders tun. Gehen Sie dazu zu Ihrem Website-Editor und wählen Sie in der Seite-Dropdown-Liste oben Katalog aus, klicken Sie dann oben rechts auf Einstellungen und wählen Sie Shop-Design. Klicken Sie auf Kategorien & Produktraster. Klicken Sie auf verschiedene Einstellungen in der Dropdown-Liste, um Änderungen vorzunehmen. Wenn Sie die Bearbeitung abgeschlossen haben, klicken Sie auf Veröffentlichen. Für eine weitergehende Anpassung verwenden Sie CSS-Codes. Sie können beispielsweise Farben und Schriftarten einer „Jetzt kaufen“-Schaltfläche mithilfe des CSS-Codebuchs bearbeiten.