Einrichten des Kaufbuttons auf einer beliebigen Website
Mit Ecwids Kaufbutton können Sie eine anpassbare Produktkarte und eine sichere Kasse auf jeder externen Website, jedem Blog oder jeder Nicht-Ecwid-Plattform mit einem einfachen Code einbetten. Sie können zwischen einer vollständigen Produktkarte, die das Produktbild, die Beschreibung und den Preis anzeigt, oder einer kompakten Version mit nur einer Schaltfläche wählen. Kunden können stöbern, Artikel in ihren Warenkorb legen und den Kauf abschließen – ohne Ihre Website zu verlassen.
Alle Aktualisierungen eines Produkts in Ihrer Ecwid-Verwaltung werden automatisch auf dem Kaufbutton angezeigt. Sie können den Text, die Farbe und das Erscheinungsbild ganz einfach an Ihre Marke anpassen. Bestellungen, die über einen Kaufbutton aufgegeben werden, erscheinen auf der Seite Verkäufe → Bestellungen, was die Verfolgung und Verwaltung von Käufen nahtlos macht.
Verwendungsmöglichkeiten für Kaufbuttons
Ecwids Kaufbutton ist ein vielseitiges Tool, mit dem Sie Produkte, Dienstleistungen, Abonnements verkaufen oder sogar Spenden von nahezu jeder Online-Plattform entgegennehmen können. Da es sich um einen einbettbaren, anklickbaren Button handelt, können Sie ihn auf Websites, in Blogs, E-Mails und sogar in Social-Media-Beiträgen hinzufügen – und so jeden digitalen Raum in ein Schaufenster mit Kassenfunktion verwandeln.
Hier sind einige großartige Möglichkeiten, Kaufbuttons zu verwenden:
- Direkt aus Ihrem Blog verkaufen: Betten Sie einen Kaufbutton in Blogbeiträge ein, um Produkte passend zu Ihrem Inhalt zu präsentieren und zu verkaufen.
- Produkte auf Ihrer bestehenden Website präsentieren: Halten Sie Ihre meistverkauften oder empfohlenen Artikel auf jeder Seite sichtbar.
- Kasse zu bestehenden Produktseiten hinzufügen: Wenn Sie bereits Produkte auf Ihrer Website auflisten, fügen Sie einfach einen Kaufbutton ein, um die Online-Kasse zu aktivieren.
- Eine Produktpräsentation erstellen: Erstellen Sie eine dedizierte Seite, die jeden Vorteil Ihres Produkts hervorhebt, komplett mit einem direkten Kaufbutton für eine einfache Kasse.
Mit Ecwids Kaufbutton kann jeder Online-Raum zu einem Verkaufskanal werden, was es einfacher denn je macht, Kunden zu erreichen und Konversionen zu steigern.
Bevor Sie beginnen
Um Ecwids Kaufbutton nutzen zu können, müssen Sie zunächst ein Ecwid-Konto einrichten – dafür benötigen Sie nur Ihren Namen und Ihre E-Mail-Adresse. Führen Sie nach der Registrierung diese Schritte aus, um loszulegen:
- Fügen Sie ein Produkt hinzu. Richten Sie mindestens ein Produkt in Ihrem Ecwid-Shop ein, das Sie über den Kaufbutton verkaufen möchten.
- Aktivieren Sie ein unterstütztes Zahlungsgateway. Der Kaufbutton erfordert einen kompatiblen Zahlungsanbieter, um Zahlungen entgegenzunehmen.
- Richten Sie eine Versandart ein. Erfahren Sie mehr über die Wahl der richtigen Versandstrategie für Sie.
- Schließen Sie die Einrichtung Ihres Shops ab. Wenn Sie neu bei Ecwid sind, empfiehlt es sich, die Anleitung Erste Schritte mit Ecwid zu lesen, um Ihre Shop-Einstellungen, den Versand und die Steuern zu konfigurieren.
Sobald Ihr Shop bereit ist, können Sie Kaufbuttons generieren und auf Ihrer Website, Ihrem Blog oder anderen Online-Plattformen einbetten – damit Kunden nahtlos einkaufen können.
Layouts für Kaufbuttons
Es gibt drei Möglichkeiten, einen Kaufbutton auf Ihrer Website anzuzeigen: als Schaltfläche, kompakte oder Vollansicht:
| Layout | Anwendungsfall |
| Nur Button | Nur eine Jetzt kaufen-Schaltfläche ohne Bild oder Preis. Am besten geeignet für Blogbeiträge und Seiten mit vollständigen Produktbeschreibungen. Wenn Sie zum Beispiel ein Produkt beschreiben oder es bereits auf der Seite präsentiert haben, fügen Sie einen Kaufbutton hinzu, um eine Online-Kasse anzubieten. |
| Kompakt | Eine minimalistische Produktkarte mit einer Jetzt kaufen-Schaltfläche. Am besten geeignet für Website-Seiten mit einer ausführlichen Produktbeschreibung. Fügen Sie eine kurze Produktzusammenfassung mit Bild, Name und Preis hinzu. Außerdem können Sie Produktoptionen, Eingabefelder und eine Menge anzeigen. Wenn Sie für dieses Produkt einen Ausverkaufspreis festgelegt haben, wird dieser ebenfalls angezeigt. |
| Vollständig |
Eine vollständige Produktkarte mit einer In den Warenkorb-Schaltfläche.
Pro Seite kann es nur ein vollständiges Layout geben. Der Abschnitt Verwandte Produkte wird auf der Produktkarte nicht angezeigt.
|
Erstellen eines Kaufbuttons
Bevor Sie einen Kaufbutton erstellen, müssen Sie das Produkt in Ihrer Ecwid-Verwaltung hinzufügen und alle notwendigen Funktionen einrichten, wie Zahlungs- und Versandoptionen.
Beim Generieren eines Kaufbuttons können Sie einen Layout-Stil auswählen und Farbe, Text und Erscheinungsbild anpassen. Um einen Kaufbutton auf einer Webseite oder einem Blog einzubetten, kopieren Sie den automatisch generierten Integrationscode und fügen Sie ihn an der Stelle Ihrer Website ein, an der die Schaltfläche erscheinen soll. Die Produktkarte kann an beliebiger Stelle auf der Seite platziert werden, z. B. in einer Seitenleiste, der Fußzeile oder sogar auf einer Fehlerseite.
Um einen Kaufbutton zu erstellen:
- Gehen Sie in Ihrer Ecwid-Verwaltung zu Verkaufskanäle.
-
Blättern Sie nach unten zur Karte Kaufbuttons und klicken Sie auf Loslegen:
-
Klicken Sie auf der geöffneten Seite auf Produkt aussuchen und verwenden Sie die Suchleiste, um ein Produkt auszuwählen, das Sie einbetten möchten.
Sie können den Assistenten zur Erstellung von Kaufbuttons für ein bestimmtes Produkt auch direkt von der Seite mit den Produktdetails aus aufrufen (Registerkarte „Jetzt kaufen“-Schaltfläche → Produkt einbetten). - Passen Sie Ihren Kaufbutton an – wählen Sie ein Layout und klicken Sie auf Erscheinungsbild, um festzulegen, welche Produktdetails angezeigt werden sollen.
- Klicken Sie auf Code generieren und dann auf Code kopieren.
- Öffnen Sie den Site-Editor Ihres Website-Builders oder melden Sie sich im Backend Ihrer Website an. Wenn Sie nicht wissen, wie Sie auf das Backend Ihres Shops zugreifen können, wenden Sie sich an Ihren Website-Administrator oder einen Designer, der die Website erstellt hat.
- Wählen Sie die Seite, auf der Sie den Kaufbutton anzeigen möchten.
- Fügen Sie den Integrationscode in eine Seite ein. Je nach Website kann dies eine HTML- oder Quellcode-Registerkarte oder eine separate Schaltfläche zum Hinzufügen von Codes sein. Wenn Sie nicht sicher sind, wie Sie Ihrer Website benutzerdefinierte Codes hinzufügen können, wenden Sie sich an Ihren Website-Entwickler, um genauere Anweisungen zu erhalten.
Das war’s!
Alle Aktualisierungen, die nach dem Platzieren eines Kaufbuttons an einem Produkt vorgenommen werden – wie Umbenennung, Preisänderung oder Aktualisierung der Beschreibung – werden automatisch auf dem Button widergespiegelt. Wenn ein Produkt oder eine Produktvariante nicht auf Lager ist, wird die Schaltfläche „Jetzt kaufen“ oder „In den Warenkorb“ deaktiviert, sodass Kunden den ausverkauften Artikel nicht kaufen können. Der Kaufbutton selbst bleibt jedoch auf der Seite sichtbar.
Mit dem Kaufbutton können Kunden direkt auf Ihrer Website Bestellungen aufgeben, ohne woanders weitergeleitet zu werden. Alle Bestellungen, die über einen Kaufbutton aufgegeben werden, erscheinen auf der Seite Verkäufe → Bestellungen in Ihrer Ecwid-Verwaltung.
Wenn Ihre Website mit einem der folgenden Website-Builder erstellt wurde, können Sie sich eine detaillierte Anleitung zum Hinzufügen eines Kaufbuttons durchlesen:
- Hinzufügen der Kaufen-Schaltfläche auf WordPress
- Hinzufügen der Kaufen-Schaltfläche auf Wix
- Hinzufügen der Kaufen-Schaltfläche auf Squarespace
- Hinzufügen der Kaufen-Schaltfläche auf Joomla (auf Englisch)
Ändern des Kaufbutton-Texts
Sie können den Text auf dem Kaufbutton anpassen, um den Ton und die Botschaft Ihrer Marke widerzuspiegeln. Ob „Monstera kaufen“, „Das will ich!“ oder „Angebot anfragen“ – Sie haben die volle Kontrolle darüber, was Ihre Kunden sehen. Der Standardtext „Jetzt kaufen“ oder „In den Warenkorb“ kann mit dem Shop-Label-Editor geändert werden.
So ändern Sie den Wortlaut eines Kaufbuttons:
- Gehen Sie in Ihrer Ecwid-Verwaltung zu Einstellungen → Textlabels bearbeiten.
- Klicken Sie auf + Loslegen.
- Verwenden Sie die Suchleiste, um das gewünschte Label zu finden. Zum Beispiel: „Jetzt kaufen“.
- Geben Sie in das Feld Ihren eigenen Text ein. Geben Sie zum Beispiel „Jetzt bestellen“ statt „Jetzt kaufen“ ein.
- Die Änderungen gelten automatisch für alle „Jetzt kaufen“-Schaltflächen in Ihrem Shop, einschließlich der Schaltfläche, die Sie auf Ihrer Website oder in Ihrem Blog platziert haben.
Anpassen des Erscheinungsbilds des Kaufbuttons
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 Ecwid CSS-Codebuchs bearbeiten.
- Sie können einen Kunden sofort zur Kasse weiterleiten, nachdem er auf die „Jetzt kaufen“-Schaltfläche geklickt hat.
Verwandte Artikel
Kaufbutton: 7 Wege, über ein Schaufenster hinaus zu verkaufen (Ecwid-Blog, auf Englisch)
Kaufbutton auf WordPress hinzufügen
Kaufbutton auf Wix hinzufügen
Kasse-Schaltflächen