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

Inhaltsverzeichnis

Ecwid-Blöcke im Gutenberg-Editor hinzufügen

Nachdem Sie das Ecwid E-Commerce Plug-in für WordPress installiert haben, erhalten Sie Zugang zu einer Reihe von Shop-Inhaltsblöcken. Sie sind direkt im standardmäßigen codefreien Seiteneditor und Veröffentlichungstool verfügbar, das auch als Gutenberg-Editor bekannt ist. Mit diesen Blöcken können Sie jeder Seite Ihrer WordPress-Website in wenigen Minuten Online-Shop-Funktionen hinzufügen.

Shop-Blöcke hinzufügen

Sie können zu jeder WordPress-Seite einen oder mehrere E-Commerce-Blöcke hinzufügen und sie dann an das Design Ihrer Website anpassen.

Um einen Shop-Block hinzuzufügen:

  1. Gehen Sie zu WordPress-Dashboard → Seiten und öffnen Sie die Seite, auf der Sie Shop-Elemente hinzufügen möchten. Sie können sie zu einer neuen oder bestehenden Seite hinzufügen.
  2. Klicken Sie oben links auf das +. Im Abschnitt Ecwid sehen Sie eine Liste der verfügbaren Shop-Inhaltsblöcke:

    Adding_Ecwid_blocks_in_the_Gutenberg_editor__2_.png

  3. Klicken Sie auf einen Block, um ihn zu Ihrer Seite hinzuzufügen.
  4. Um das Erscheinungsbild des Blocks zu ändern, klicken Sie auf ihn auf der Seite der Website und verwenden Sie die Blockeinstellungen auf der rechten Seite:

    Adding_Ecwid_blocks_in_the_Gutenberg_editor__1_.png

  5. Klicken Sie auf Veröffentlichen oder Aktualisieren, um die Änderungen zu speichern.

Das war's! Sie haben Ihrer WordPress-Webseite einen E-Commerce-Block hinzugefügt.

Übersicht über Shop-Blöcke

Eine vollständige Liste der Shop-Inhaltsblöcke von Ecwid für den Standard-WordPress-Editor umfasst:

  • Ihr gesamtes Schaufenster
  • Individuelle Kategorieseiten
  • Individuelle Produktkarten in Form von Kaufschaltflächen (drei Layout-Optionen)
  • Produktsuche (mit oder ohne Filter)
  • Warenkorb- und Kassen-Seite
  • Kategorienmenü
  • Warenkorb-Symbol

Sie können je nach Bedarf einen oder mehrere Blöcke pro Seite hinzufügen.

Shop-Startseite

Die Shop-Startseite-Block ermöglicht es Ihnen, Ihr gesamtes Schaufenster zu einer beliebigen WordPress-Seite hinzuzufügen:

Adding_Ecwid_blocks_in_the_Gutenberg_editor__8_.png

Sie können das Erscheinungsbild Ihres Shops direkt im WordPress-Editor verwalten: Wählen Sie die Größe und das Seitenverhältnis für die Produkt- und Kategorie-Miniaturansichten, legen Sie das Aussehen der Produktseiten fest, wählen Sie die Produktansicht auf der Shop-Startseite, fügen Sie Navigationselemente hinzu und vieles mehr.

Kleine Produktkarte

Der Block Kleine Produktkarte ist ideal, um ein oder mehrere Produkte in einem Blogbeitrag oder auf Ihrer Homepage einzufügen. Sie können sie auch verwenden, wenn Sie nur einige wenige Produkte verkaufen und nicht gleich einen ganzen Shop auf Ihrer Website einrichten möchten.

Adding_Ecwid_blocks_in_the_Gutenberg_editor__7_.png

Sie können ein Produkt für den Block auswählen, indem Sie auf Produkt wählen klicken, nachdem Sie den Block zu einer Seite hinzugefügt haben.

Außerdem können Sie, nachdem Sie die Produktkarte hinzugefügt haben, ihr Aussehen direkt im WordPress-Editor verwalten: Wählen Sie aus, welche Elemente angezeigt werden sollen und ändern Sie das Aussehen der Schaltfläche.

Schaltfläche „Jetzt kaufen“

Sie können den minimalistischen Block „Jetzt kaufen“-Button verwenden, um für bestimmte Produkte Kaufschaltflächen mit einer Kaufoption hinzuzufügen. Zum Beispiel, wenn Sie eine CTA (Call to action) auf der Produktbeschreibungsseite haben möchten, die Sie selbst auf Ihrer WordPress-Website gestaltet haben.

Adding_Ecwid_blocks_in_the_Gutenberg_editor__9_.png

Sie können ein Produkt für die „Jetzt kaufen“-Schaltfläche auswählen, indem Sie auf Produkt wählen klicken, nachdem Sie den Block zu einer Seite hinzugefügt haben. Außerdem können Sie, nachdem Sie die Schaltfläche hinzugefügt haben, ihr Aussehen im WordPress-Editor bearbeiten und festlegen, dass der Preis in der „Jetzt kaufen“-Schaltfläche ausgeblendet wird.

Produktsuchfeld

Der Block Produktsuchfeld ermöglicht es Ihnen, zu jeder Seite einen kompakten Sucheingabeblock hinzuzufügen:

Adding_Ecwid_blocks_in_the_Gutenberg_editor__4_.png

Für Benutzer des klassischen WP-Themes: Wenn Sie allen Seiten Ihrer Website gleichzeitig ein Suchfeld hinzufügen möchten, gehen Sie zu Erscheinungsbild → Widgets und fügen Sie das Widgets für die Produktsuche zur Seitenleiste hinzu.

Menü für Shop-Kategorien

Mit dem Block Kategorienmenü können Sie ein Kategorienmenü oben (oder unten) auf Ihrer Seite einfügen. Mit diesem Menü können sich Ihre Kunden in Ihrem Shop zurechtzufinden, und es kann als Blickfang dienen.

Adding_Ecwid_blocks_in_the_Gutenberg_editor__3_.png

Das Kategorienmenü enthält alle aktivierten Kategorien, die Sie in Ihrem Shop haben.

Warenkorb-Symbol

Mit dem Block Warenkorb-Symbol können Sie Ihren Warenkorb noch mehr hervorheben. Es kann dazu beitragen, die Anzahl der abgebrochenen Bestellvorgänge zu reduzieren und die allgemeine Shop-Navigation zu verbessern. Wenn ein Kunde auf das Symbol klickt, wird er auf die Kassenseite weitergeleitet.

Adding_Ecwid_blocks_in_the_Gutenberg_editor__12_.png

Sie können das Erscheinungsbild Ihres Warenkorb-Symbols direkt im WordPress-Editor verwalten: Wählen Sie aus, wo das Warenkorb-Symbol ausgerichtet werden soll (links, mittig oder rechts) und wie es aussehen soll (Tasche, Einkaufswagen oder Korb, Größe, Artikelanzahl usw.).

Für Benutzer des klassischen WP-Themes: Wenn Sie allen Seiten Ihrer Website gleichzeitig ein Warenkorb-Symbol hinzufügen möchten, gehen Sie zu Erscheinungsbild → Widgets und fügen Sie das Warenkorb-Widget zur Seitenleiste hinzu.

Shop-Kategorieseite

Der Block Shop-Kategorienseite ermöglicht es Ihnen, eine bestimmte Shop-Kategorie zu einer beliebigen Seite Ihrer WordPress-Website hinzuzufügen. Dies kann jede Kategorie sein, die in Ihrem Shop existiert.

Adding_Ecwid_blocks_in_the_Gutenberg_editor__6_.png

Sie können die Kategorie, die Sie hinzufügen möchten, in der Dropdown-Liste Kategorie wählen in den Blockeinstellungen auf der rechten Seite auswählen. Um darauf zuzugreifen, klicken Sie auf den Block, nachdem Sie ihn der Seite hinzugefügt haben.

Nachdem Sie die Kategorie hinzugefügt haben, können Sie ihr Aussehen direkt im WordPress-Editor verwalten: Wählen Sie die Größe und das Seitenverhältnis für die Produkt- und Kategorie-Miniaturansichten, legen Sie das Aussehen der Produktseiten fest, fügen Sie Navigationselemente hinzu und vieles mehr.

Große Produktkarte

Der Block Große Produktkarte ist perfekt für den Aufbau individueller Produktseiten auf Ihrer WordPress-Website. Zum Beispiel, wenn Sie ein bestimmtes Produkt vorstellen möchten – wie etwa einen Bestseller oder einen limitierten Artikel – und Sie keine Zeit für die Gestaltung der Seite aufwenden möchten.

Große Produktkarten enthalten alle Informationen, die auch eine normale Produktdetailseite enthält: Produkttitel, Bilder, Beschreibung, Optionen (falls vorhanden), Preis usw.

Adding_Ecwid_blocks_in_the_Gutenberg_editor__5_.png

Sie können ein Produkt für den Block auswählen, indem Sie auf Produkt wählen klicken, nachdem Sie den Block zu einer Seite hinzugefügt haben.

Nachdem Sie die Produktkarte hinzugefügt haben, können Sie ihr Aussehen direkt im WordPress-Editor verwalten: Wählen Sie das Layout der Produktseite und der Bildergalerie, legen Sie den Inhalt der Produkt-Seitenleiste fest und vieles mehr.

Produktsuche und Produktfilter

Der Block für die Produktsuche und Produktfilter ermöglicht es Ihnen, eine erweiterte Suche hinzuzufügen. Ihre WordPress-Webseite enthält nicht nur ein Suchfeld, sondern auch alle Ihre Produkte sowie eine Liste von Produktfiltern. Auf diese Weise können Kunden schneller finden, wonach sie suchen.

Erfahren Sie, wie Sie Produktfilter in Ihrem Shop hinzufügen →

Adding_Ecwid_blocks_in_the_Gutenberg_editor__11_.png

Nachdem Sie den Block für die Produktsuche und Produktfilter hinzugefügt haben, können Sie das Aussehen direkt im WordPress-Editor verwalten: Wählen Sie die Position des Filters, legen Sie das Aussehen der Produktliste und der Shop-Navigation fest und vieles mehr.

Warenkorb und Kasse

Mit dem Block Warenkorb und Kasse können Sie die Kassenseite zu jeder Seite Ihrer WordPress-Website hinzufügen. Zum Beispiel, um sie mit dem Hauptmenü Ihrer Website zu verknüpfen, damit Kunden, die den Kauf abschließen möchten, sie schneller finden können.

Adding_Ecwid_blocks_in_the_Gutenberg_editor__10_.png

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?
2 von 4 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