Hinzufügen von Shop-Blöcken im Elementor-Seitenersteller

Elementor ist ein kostenloser Drag-and-Drop-Seitenersteller für WordPress, mit dem Sie im Handumdrehen wunderschön gestaltete Seiten erstellen können, ohne dass Sie programmieren müssen. Wenn Sie Ihren Ecwid-Shop zu Ihrer mit Elementor erstellten WordPress-Website hinzufügen möchten, können Sie dies direkt im Elementor-Editor tun. Sie können einen ganzen Shop, eine Shop-Kategorie oder einzelne Produkte in Form von Kaufschaltflächen hinzufügen.

Bevor Sie mit der Erstellung einer E-Commerce-Website in WordPress mit Elementor beginnen, sollten Sie sich vergewissern, dass Sie:

• das Plug-in Elementor Page Builder installieren
• das Ecwid E-Commerce-Plug-in für WordPress installieren

Hinzufügen eines ganzen Schaufensters oder einer Kategorie

Sie können Ihren gesamten Ecwid-Shop oder eine ausgewählte Shop-Kategorie zu einer beliebigen Seite Ihrer WordPress-Website hinzufügen. Danach können Kunden im Shop nach allen Produkten suchen, die Sie in Ihrer Ecwid-Verwaltung erstellt und aktiviert haben.

Um einen Shop oder eine Shop-Kategorie hinzuzufügen:

1. Gehen Sie zu WordPress-Dashboard → Seiten und öffnen Sie die Seite, auf der Sie den Shop oder Ihre Shop-Kategorie hinzufügen möchten. Sie können sie zu einer neuen oder bestehenden Seite hinzufügen.
2. Klicken Sie auf Bearbeiten mit Elementor (Edit with Elementor), um den Elementor-Editor zu öffnen und suchen Sie in der Symbolleiste auf der linken Seite nach dem Ecwid-Shop.
3. Ziehen Sie das Widget „Online-Shop“ und legen Sie es ab:
   

   

4. Klicken Sie auf das Widget im rechten Teil des Bildschirms und suchen Sie links nach Online-Shop bearbeiten (Edit Online store). Wählen Sie auf der Registerkarte Inhalt (Content), was Sie hinzufügen möchten: einen ganzen Shop oder eine Shop-Kategorie.
   

   

   Wenn Sie einen ganzen Laden hinzufügen möchten, wählen Sie Shop-Grundkategorie (Store root category). Wenn Sie eine bestimmte Kategorie hinzufügen möchten, wählen Sie diese Kategorie aus der Liste aus.
   Auf der Registerkarte „Erweitert“ (Advanced) können Sie verschiedene Effekte anwenden, den Hintergrundtyp ändern, die Positionierung ändern und andere erweiterte Eigenschaften einstellen. Das Aussehen Ihres Shops können Sie auf der Seite Gestaltung in Ihrer Ecwid-Verwaltung anpassen.
5. Klicken Sie auf Vorschau der Änderungen, um zu sehen, wie Ihr Schaufenster oder Ihre Kategorie aussieht. Klicken Sie auf Veröffentlichen oder Aktualisieren, um die Änderungen zu speichern.

Das war's! Sie haben nun im Elementor Page Builder ein ganzes Schaufenster oder eine ausgewählte Shop-Kategorie zu Ihrer WordPress-Webseite hinzugefügt.

Einzelne Produkte hinzufügen

Sie können zu jeder Seite Ihrer WordPress-Website einzelne Produkte in Form von Kaufschaltflächen hinzufügen. Kaufschaltflächen sind spezielle Buttons mit einer Kaufoption. Sie können diese auf Landingpages, in Ihrem Blog, in der Seitenleiste oder sogar auf der 404-Fehlerseite einfügen.

Um ein einzelnes Produkt hinzuzufügen:

1. Gehen Sie zu WordPress-Dashboard → Seiten und öffnen Sie die Seite, auf der Sie ein Produkt hinzufügen möchten. Sie können es zu einer neuen oder bestehenden Seite hinzufügen.
2. Klicken Sie auf Bearbeiten mit Elementor (Edit with Elementor), um den Elementor-Editor zu öffnen und suchen Sie in der Symbolleiste auf der linken Seite nach dem Ecwid-Shop.
3. Ziehen Sie das Widget „Jetzt kaufen“-Button (Buy Now Button) und legen Sie es ab:
   

   

4. Klicken Sie auf das Widget im rechten Teil des Bildschirms und suchen Sie auf der linken Seite nach „Jetzt kaufen“-Button bearbeiten (Edit Buy Now Button). Auf der Registerkarte Inhalt (Content) wählen Sie anschließend das Produkt, das Sie der Seite hinzufügen möchten, aus dem Dropdown-Menü „Produkt auswählen“ (Choose product):
   

   

   Auf der Stil-Registerkarte (Style) können Sie das Aussehen Ihrer Kaufschaltfläche ändern. Auf der Registerkarte „Erweitert“ (Advanced) können Sie verschiedene Effekte anwenden, die Art des Hintergrunds ändern, die Positionierung ändern und andere erweiterte Eigenschaften einstellen.
5. Klicken Sie auf Vorschau der Änderungen, um zu sehen, wie Ihre Kaufschaltfläche aussieht. Klicken Sie auf Veröffentlichen oder Aktualisieren, um die Änderungen zu speichern.

Das war's! Sie haben Ihrer WordPress-Seite nun im Elementor Page Builder ein einzelnes Produkt in Form einer Kaufschaltfläche hinzugefügt.

Verwandte Artikel:

Hinzufügen Ihres Ecwid-Shops zur WordPress-Website
Ecwid für Elementor (Ecwid Blog)