ProductX WooCommerce Builder für Online-Shops

Die Popularität des WooCommerce-Plugins zum Erstellen von Online-Shops steigt weiter. Das WooCommerce-Ökosystem ist weit verbreitet und derzeit die erste Wahl für die Erstellung von E-Commerce-Shops. Heutzutage erstellen die meisten Kleinunternehmer ihren Online-Shop in WooCommerce. Aus diesem Grund ist es schwierig, eine Website zu erstellen, die sich von anderen Geschäften abhebt.

Darüber hinaus fehlen WooCommerce viele wesentliche Funktionen, die für einen Idol-Online-Shop erforderlich sind. Wenn Sie diese Situation überwinden möchten, können Sie versuchen, ein WooCommerce-Builder-Plugin zu verwenden. Es ermöglicht das Erstellen verschiedener Arten von wesentlichen Seitenvorlagen mit allen erforderlichen Funktionen und das Ändern mit Standardvorlagen. Daher werde ich in diesem Blog einen der vielversprechendsten WooCommerce-Builder diskutieren, der alle wesentlichen Funktionen bietet, ohne das Gutenberg-Ökosystem zu verlassen.

Wir stellen ProductX vor: Gutenberg WooCommerce Builder

ProductX ist eine Gutenberg-basierte All-in-One-Lösung zur Erweiterung der Funktionalitäten des WooCommerce-Plugins, um Idol-Online-Shops zu erstellen. Es bietet mehrere Produktblöcke, wesentliche Funktionen und verschiedene Add-Ons.

WooCommerce Builder ist eines der leistungsstarken Add-Ons von ProductX. Es hilft, Vorlagen für mehrere Seiten dynamisch zu erstellen und die vorhandenen WooCommerce-Vorlagen zu überschreiben.

Die Hauptattraktion des Builder-Add-Ons von ProductX ist, dass es als Gutenberg-Editor funktioniert. Aus diesem Grund verfügt es über vollständige dynamische Gebäudefunktionen ohne Redundanz.

Was können wir mit dem WooCommerce Builder von ProductX machen?

Da ich bereits über das Add-on Gutenberg WooCommerce Builder von ProductX gesprochen habe, ist es an der Zeit zu diskutieren, was wir damit machen können. Wenn Sie mit einem der beliebten Builder-Plugins vertraut sind, ist es für Sie einfacher zu verstehen.

Wie jeder andere Builder hilft es, Vorlagen für die meisten wichtigen Seiten von WooCommerce-Shops zu erstellen und anzupassen. Dazu gehören:

• Shop-Seite
• Produktarchiv
• Produktkategorien
• Warenkorb-Seite
• Einzelne Produktseiten und vieles mehr

Nachdem Sie Vorlagen für die oben genannten Seiten erstellt haben, werden die Standardvorlagen Ihrer vorhandenen Seiten durch neue ersetzt.

So verwenden Sie den WooCommerce Builder von ProductX

Offensichtlich ist es nicht die beste Wahl, nur eine Lösung zu haben. Eine offensichtliche Lösung muss auch eine gute Benutzererfahrung haben. Die meisten WordPress-Benutzer möchten, dass jede Lösung einfach und benutzerfreundlich ist. Lassen Sie uns also überprüfen, wie der WooCommerce Builder von ProductX funktioniert.

Wie ich bereits in diesem Blogbeitrag sagte, ist der WooCommerce Builder ein Add-on zu ProductX. Um es zu verwenden, müssen wir es also aktivieren, nachdem wir das ProductX-Plugin ordnungsgemäß installiert und aktiviert haben. Hier ist wie:

• Gehen Sie in Ihrem WordPress-Dashboard zum Abschnitt ProductX
• Klicken Sie nun auf den Add-ons-Bereich von ProductX
• Aktivieren Sie den Builder aus allen verfügbaren Add-Ons

Nachdem Sie das Builder-Add-On aktiviert haben, können Sie unbegrenzt viele Vorlagen erstellen und diese durch die standardmäßigen WordPress-Vorlagen ersetzen.

Mal sehen, wie wir eine Vorlage erstellen können, damit Sie leichter verstehen, wie es funktioniert. Sie müssen also die folgenden Schritte ausführen, um eine Vorlage zu erstellen:

• Gehen Sie zum Builder-Bereich
• Klicken Sie auf die Schaltfläche „Neu hinzufügen“.
• Fügen Sie einen Namen für die Vorlage hinzu
• Wählen Sie den Typ der Vorlage
• Wählen Sie ggf. Bedingungen aus
• Klicken Sie auf die Schaltfläche „Vorlage erstellen“.

Aus der Typauswahloption müssen Sie die Seite auswählen, für die Sie die Vorlage erstellen müssen. Wählen Sie dann die Bedingung gemäß Ihren Anforderungen aus.

Erstellen und passen Sie benutzerdefinierte Shop-Seiten mit dem WooCommerce Builder an

Sehen wir uns nun an, wie Sie eine benutzerdefinierte Shop-Seitenvorlage von Grund auf neu erstellen können. Wählen Sie zunächst Shop als Typ aus, während Sie eine Vorlage erstellen. Es müssen keine Bedingungen ausgewählt werden, da WooCommerce Shop nur eine Vorlage hat.

Nachdem Sie den Typ ausgewählt haben, klicken Sie auf die Schaltfläche „Vorlage erstellen“, und Ihre Vorlage ist fertig. Die Vorlage ist jedoch leer und Sie müssen sie von Grund auf neu anpassen.

Beim Anpassen des Shopseiten-Templates liegt es an Ihnen, was und wie Sie es anzeigen möchten. Mach dir keine Sorgen; ProductX hat alle Optionen, um eine perfekte Shop-Seite zu erstellen. Wie Sie wissen, muss die perfekte Shop-Seite Produkte mit Filtershops enthalten, damit die Käufer ihre gewünschten Artikel leicht finden können.

Sehen wir uns nun an, wie Sie Produkte und Filteroptionen zur Shop-Seite hinzufügen können. Zum Beispiel zeige ich Produkte auf der rechten Seite und Filteroptionen auf der linken Seite an. Sie können jedoch auch umgekehrt vorgehen.

Um Produkte und Filteroptionen korrekt nebeneinander anzuzeigen, müssen Sie den Gutenberg-Spaltenblock verwenden. Also füge ich eine Spalte mit einem Verhältnis von 70/30 hinzu.

Dann können wir den Produktfilterblock auf der linken Seite und alle verfügbaren Produktblöcke auf der rechten Seite hinzufügen. Zum Beispiel füge ich den Block Product Grid 1 hinzu.

Jetzt müssen wir den Produktblock mit den Filterblöcken verbinden. Klicken Sie dazu auf die Rasterauswahloption und wählen Sie das Produktraster aus, das Sie der Shop-Seite hinzugefügt haben.

Machen Sie sich keine Sorgen, wenn Ihnen das Standardansichts-Produktraster und die Filterblöcke nicht gefallen, denn ProductX hat eine vollständige Anpassungsoption für alle Blöcke.

Zu guter Letzt können Sie auch aus zwei Arten von Paginierungen wählen, laden Sie mehr und numerisch, wenn Sie Ihre Shop-Seite paginieren möchten.

Nach der Anpassung können Sie die Shopseitenvorlage veröffentlichen und prüfen, wie sie für die Käufer aussieht.

Erstellen und passen Sie Kategorieseitenvorlagen mit dem WooCommerce Builder an

Jetzt, da Sie wissen, dass Sie gelernt haben, eine benutzerdefinierte Shop-Seitenvorlage zu erstellen. Es ist an der Zeit zu lernen, wie man dasselbe mit der Kategorieseitenvorlage macht. So wird es Ihnen leichter fallen, richtig zu verstehen, wie der Builder von ProductX funktioniert.

Wählen Sie also Archiv als Vorlagentyp und wählen Sie dann die Bedingung „alle Produktkategorien“, da Sie eine Vorlage für alle Kategorien erstellen möchten. Es steht jedoch auch eine spezifische Produktkategorie-Auswahloption zur Verfügung, wenn Sie separate Vorlagen für bestimmte Kategorien erstellen möchten.

Klicken Sie jetzt auf und beginnen Sie mit der Bearbeitung der Vorlage. Dann können Sie damit beginnen, es wie die Vorlage für die Shop-Seite anzupassen.

Zuerst müssen Sie den Titelblock des Archivs hinzufügen, der den Namen des Kategorietitels anzeigt. Nachdem Sie den Block hinzugefügt haben, ändern Sie Größe, Farbe und Typografie.

Danach können Sie der Vorlage Ihre gewünschten Produktblöcke hinzufügen. Anschließend werden die Produkte entsprechend ihrer jeweiligen Kategorien dynamisch angezeigt.

Wenn Sie mit der Vorlage zufrieden sind, veröffentlichen Sie sie und sehen Sie, wie die Produktkategorien nach der Implementierung der Vorlage aussehen.

Fazit

Das ist alles über den Gutenberg WooCommerce Builder von ProductX. Die Fähigkeiten des Builders enden hier jedoch nicht. Sie können auch WooCommerce-Vorlagen für einzelne Produktseiten erstellen und anpassen. Jetzt, da Sie einen Überblick über den vielversprechendsten Gutenberg Builder für WooCommerce haben, können Sie ganz einfach mit der Neugestaltung Ihres WooCommerce-Shops beginnen.