Wissensdatenbank
Leitfäden
Academy
Video-Tutorials
Versuchen Sie es mit:
Zuletzt angesehene Artikel:

Inhaltsverzeichnis

Kaufen-Schaltfläche

Mit der Kaufen-Schaltfläche von Ecwid 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 Meine Verkäufe → Bestellungen in Ihrer Ecwid-Verwaltung nachverfolgt werden.

In diesem Artikel geht es um eine einbettbare Produktkarte. Um „Jetzt kaufen“-Schaltflächen im Produktraster in Ihrem Schaufenster anzuzeigen, verwenden Sie die Designeinstellungen Ihres Shops und die Einstellungen im Editor der Instant Site.

Layout für Kaufen-Schaltfläche

Es gibt drei Möglichkeiten, einen Kaufbutton auf Ihrer Website anzuzeigen: als Schaltfläche, kompakte oder Vollansicht:

Buy Button (1).png

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 ProduktoptionenEingabefelder 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:
  • 2 Spalten — falls Sie die Aufmerksamkeit auf Produktbilder lenken möchten
  • 3 Spalten — falls Sie die Aufmerksamkeit auf Produktbeschreibungen lenken möchten
Sie können nur ein Produkt pro Seite mit vollständigem Layout hinzufügen.

Änderungen an einem Produkt, die nach dem Platzieren eines Kaufbuttons vorgenommen werden (z. B. Umbenennung, Änderung des Preises oder der Beschreibung), werden auf einem Kaufbutton widergespiegelt. Wenn ein Produkt oder eine Variante nicht mehr vorrätig ist, ist die Schaltfläche „Jetzt kaufen“ oder „In den Warenkorb“ nicht länger verfügbar. Ihr Kaufbutton ist zwar noch auf der Seite vorhanden, aber es ist nicht möglich, das ausverkaufte Produkt oder die Produktvariante zu kaufen.

Erstellen eines Kaufbuttons

Um einer Webseite einen Kaufbutton hinzuzufügen, müssen Sie einen automatisch generierten Integrationscode kopieren. Danach können Sie Ihr Produkt in eine beliebige Website oder einen Blog einbinden. Die Produktkarte kann an beliebiger Stelle auf einer Webseite platziert werden, z. B. auf einer Seitenleiste, in der Fußzeile oder auf einer Fehlerseite.

Bevor Sie einen Kaufbutton erstellen, müssen Sie sich bei Ecwid anmelden und Ihr Ecwid-Konto mit Produkten einrichten sowie Zahlungsoptionen und Versandoptionen hinzufügen, die Sie anbieten möchten.

Für WordPress-Benutzer: Verwenden Sie das Ecwid-Plug-in, um schnell einen Kaufbutton auf Ihrer WordPress-Website zu erstellen, ohne Code zu generieren.

Um einen Kaufbutton zu erstellen:

  1. Gehen Sie in der Ecwid-Verwaltung zu Verkaufskanäle.
  2. Blättern Sie nach unten zur Karte Kaufbuttons und klicken Sie auf Loslegen:

    Buy_Button__2_.png

  3. 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).
  4. Passen Sie Ihren Kaufbutton an. Wählen Sie ein Layout und bestimmen Sie, welche Produktdetails angezeigt werden sollen.
  5. Klicken Sie auf Code generieren und dann auf Code kopieren.
  6. Ö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.
  7. Wählen Sie die Seite, auf der Sie den Kaufbutton anzeigen möchten.
  8. 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! Sie haben damit Ihre normale Seite oder Ihren Blog-Beitrag mit einem Kaufbutton in einen Verkaufskanal verwandelt. Jetzt können Ihre Kunden und Kundinnen eine Bestellung aufgeben, ohne Ihre Website zu verlassen. Bestellungen, die mit einem Kaufbutton getätigt wurden, 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:

Ändern des Kaufbutton-Texts

Sie können sehr genau festlegen, welcher Text auf der Schaltfläche erscheinen soll. Das kann „Monstera kaufen“, „Her damit!“, „Angebot anfordern“ oder eine andere Formulierung sein. Der Standardtext auf der „Jetzt kaufen“- oder „In den Warenkorb“-Schaltfläche kann mit dem Shop-Label-Editor ersetzt werden.

So ändern Sie den Wortlaut eines Kaufbuttons:

  1. Gehen Sie in Ihrer Ecwid-Verwaltung zu Einstellungen → Textlabels bearbeiten.
  2. Klicken Sie auf + Loslegen.
  3. Verwenden Sie die Suchleiste, um das gewünschte Label zu finden. Zum Beispiel: „Jetzt kaufen“.
  4. Geben Sie in das Feld Ihren eigenen Text ein. Geben Sie zum Beispiel „Jetzt bestellen“ statt „Jetzt kaufen“ ein.
  5. 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.
Wenn Sie Sonderanfertigungen herstellen, erfahren Sie mehr über das Anfordern eines Angebots in Ihrem Ecwid-Shop.

Anpassen des Kaufbuttons

Abseits vom Wortlaut können Sie auch das Aussehen der Schaltfläche an die Bedürfnisse und die Marke Ihres Unternehmens anpassen:

  • Verstecken Sie das Fußmenü oder die Breadcrumbs von den Produktdetailseiten unter DesignNavigation und Farben der Shop-Hauptseite und DesignNavigation. Das kann nützlich sein, wenn Sie verschiedene Produktkarten in voller Größe auf verschiedenen Websites einfügen und nicht möchten, dass Ihre Kunden und Kundinnen durch Ihren Shop navigieren.
    Änderungen, die Sie auf der Seite Design vornehmen, wirken sich auf alle Produkte in Ihrem Shop aus.
  • Ändern Sie das Aussehen der Produktkarte und der Schaltflächen mithilfe von CSS-Codes, um sie an das Design Ihrer Website anzupassen. Zum Beispiel die Farben und Schriftarten einer „Jetzt kaufen“-Schaltfläche. Sie können die Codes aus dem Ecwid CSS Cookbook (auf Englisch) verwenden oder den Code selbst konfigurieren.
  • Sie können jemanden sofort zur Kasse weiterleiten, nachdem auf „Jetzt kaufen“ geklickt wurde.

Verwandte Artikel

Hinzufügen der Kaufen-Schaltfläche auf WordPress
Hinzufügen der Kaufen-Schaltfläche auf Wix

War dieser Beitrag hilfreich?

Großartig! Vielen Dank für Ihr Feedback!

Vielen Dank für Ihr Feedback!

Das tut uns leid! Was ist schief gelaufen?
7 von 11 fanden dies hilfreich
10
Wir verwenden Cookies und ähnliche Technologien, um Ihre Präferenzen zu speichern, die Effektivität unserer Kampagnen zu messen und anonymisierte Daten zu analysieren, um die Leistung unserer Website zu verbessern. Mit der Auswahl von „Akzeptieren“ stimmen Sie der Verwendung von Cookies zu.
Cookies akzeptieren Ablehnen