Divi-Plugin-Highlight: Divi BodyCommerce

Divi BodyCommerce ist ein Drittanbieter-Plugin für Divi, das Ihnen die Kontrolle über das Design Ihres Shops von der Produktseite bis zur Checkout-Seite und allem dazwischen gibt. Es wurde unter Berücksichtigung von Konvertierungen entwickelt und gibt Ihnen mit dem Divi Builder die volle Kontrolle über das Design Ihres Shops.

Wenn ein Plugin so viele Module und Funktionen wie dieses bietet, neigen sie dazu, überwältigend zu sein. Dies war jedoch kein Problem mit diesem, da alles einfach zu befolgen ist und es mehr Schritt-für-Schritt-Videos gibt als jedes Plugin, das ich gesehen habe. In diesem Artikel werfen wir einen Blick auf Divi BodyCommerce und sehen, was es kann und wie einfach es zu bedienen ist.

Divi BodyCommerce Installation und Einstellungen

Laden Sie das Plugin wie gewohnt hoch und aktivieren Sie es. Um die Lizenz zu aktivieren, gehen Sie im Dashboard-Menü zu Divi Engine > BodyCommerce-Lizenz .

Ein Klick auf BodyCommerce im Dashboard-Menü öffnet die Einstellungen. Dies sind die gleichen Einstellungen, die Sie für WooCommerce erwarten würden. Hier können Sie Ihre Seiten auswählen. Sobald Sie die Layouts für diese Seiten erstellt haben, rufen Sie diese Einstellungsseite auf und wählen Sie sie aus. Sie können die Seiten auch auf volle Breite einstellen und für jede Kategorie eine andere Produktvorlage auswählen.

Divi BodyCommerce-Module

53 neue Module werden dem Divi Builder hinzugefügt. Dies sind alle Elemente, die Sie benötigen, um jeden Aspekt Ihres WooCommerce-Shops zu gestalten, einschließlich Produktseiten, Kontoseiten, Archivseiten, Einkaufswagen usw. Sie sind farbcodiert, damit Sie sie nicht übersehen können. Die Farben zeigen eigentlich, wofür die Module sind. Die roten Module sind zum Beispiel für die Produktseiten. Einige verwenden einen Farbverlauf, um zu zeigen, dass sie mit zwei Arten von Seiten arbeiten. Dieses Bild zeigt die ersten 24 Module.

Hier sind die nächsten 29 Module. Module fügen Seitenelemente wie Up-Sells, Cross-Sells, Slider, verwandte Produkte, Karussells, Galerien, Teilen, Tabs, Breadcrumbs und vieles mehr hinzu. Loops erstellen Produktlisten, um Ihre Shop-Seiten zu erstellen. Sie enthalten die erwarteten Registerkarten und Optionen für Inhalt, Design und Erweitert.

Hinweis – Wenn eine Seite nicht geladen wird, stellen Sie sicher, dass Sie kein Modul auf dieser Seite verwenden, das nicht für diese Seite entwickelt wurde. Einige Module sind global und funktionieren mit jeder Seite, andere sind für bestimmte Seitentypen gedacht. Sie können beispielsweise kein Produktseitenmodul auf einer Loop-Seite verwenden.

Erstellen und Zuweisen einer Seite

Sehen wir uns an, wie Sie die Seite erstellen und als Standard für diese Kategorie festlegen. Erstellen Sie zunächst das Layout in der Divi-Bibliothek.

Gehen Sie als nächstes zu Divi Engine > BodyCommerce im Dashboard-Menü. Wählen Sie die Registerkarte für den Seitentyp aus, den Sie erstellen, und wählen Sie dann Ihr Layout für diese Seite aus. Sie können beliebig viele Layouts erstellen und diese für verschiedene Seitentypen und für einzelne Kategorien verwenden.

Divi BodyCommerce-Beispiele

Hier sind ein paar Beispiele, die ich erstellt habe. Dies ist nur eine kleine Auswahl dessen, was mit diesem Plugin möglich ist.

Divi BodyCommerce Store-Seite

Für die Store-Seite habe ich gerade ein Modul für Produktschleifenarchivseiten hinzugefügt.

Hier ist die Seite mit den Standardeinstellungen. Jedes der Elemente kann mit dem Divi Builder angepasst werden.

Hier ist es innerhalb des Tea Shop-Layouts. Dies sind die Standardeinstellungen mit Ausnahme des Limits. Ich habe es so eingestellt, dass 6 Produkte angezeigt werden.

Einige der Elemente können Sie live anpassen.

Ich habe dem Verkaufsabzeichen und den Schaltflächen grüne Hintergründe hinzugefügt, das Layout so eingestellt, dass 6 Spalten angezeigt werden, den Produkten einen Kastenschatten hinzugefügt und eine grüne Überlagerung hinzugefügt. Ich bin beeindruckt von den vielen Optionen für das Layout.

Dies ist das Layout im Blog-Stil. Es wäre toll, wenn Sie längere Produktbeschreibungen hätten.

Divi BodyCommerce-Produktseite

Ich habe ein Produktseitenlayout in der Divi-Bibliothek erstellt und es als Standardlayout in den BodyCommerce-Einstellungen ausgewählt. Dies ist nur ein grundlegendes Layout, um eine Vorstellung davon zu bekommen, was die Module können.

Es ist einfach, aber es ist ein guter Anfang. Es zeigt den Titel, die Galerie und den Schieberegler des Produkts an.

Ich habe nach dem Zufallsprinzip ein paar weitere Produktseiten und globale Module hinzugefügt.

Es beginnt zu zeigen, was mit BodyCommerce möglich ist. Lass uns auf dieser Seite ein paar Divi machen.

Hier sind ein paar einfache Anpassungen mit dem Divi Builder. Alles, was ich getan habe, ist, dem Abschnitt und der Zeile einen Hintergrund hinzuzufügen und die Ränder für die Schaltflächen und das Suchfeld anzupassen.

In diesem habe ich eine neue Zeile für verwandte Produkte hinzugefügt und das Suchmodul in diese Zeile verschoben. Ich habe auch das Layout für das Produkt geändert und das Produktbild in eine Galerie geändert. Ich habe es auf vertikales Scrollen eingestellt. Wenn die WooCommerce-Demo mehr Bilder für dieses Produkt hätte, würden sie in einer vertikalen Spalte links angezeigt. Dies kratzt nur an der Oberfläche der Anpassungen, die mit Produktseiten vorgenommen werden können.

Divi BodyCommerce Warenkorb

Ich baue eine Warenkorbseite mit der Kontaktseite im Bäckerei-Layout. Ich verwende die Module Cart Products und Cart Totals. Sie zeigen ihren Inhalt beim Anzeigen im Visual Builder nicht an, aber Sie können trotzdem im Visual Builder erstellen. Die Module bieten viele weitere Funktionen wie Cross-Selling.

Hier ist der Warenkorb mit den Standardeinstellungen. Ich habe die beiden Module in einem einzigen 2-Spalten-Layout.

Hier ist die Warenkorbseite nach ein paar Änderungen. Ich wechselte zu einem einspaltigen Layout, fügte rechts und links etwas Abstand hinzu, fügte eine Hintergrundfarbe aus dem Layout hinzu, änderte die Schaltflächenfarben und die Textfarben entsprechend dem Layout und fügte einen Kastenschatten hinzu.

Divi BodyCommerce-Dokumentation

Die Dokumentation wird in schriftlicher Form auf der Website des Entwicklers und mit einer Reihe von Videos auf YouTube bereitgestellt. Ich finde es gut, dass es beides beinhaltet. Links werden im Divi Engine-Dashboard-Menü bereitgestellt. Sie können auch Videos ansehen, indem Sie auf eine der Funktionen auf der Website des Entwicklers klicken. Dadurch entsteht eine interessante Struktur, um die benötigten Videos zu finden. So fand ich eigentlich die Videos, die ich sehen wollte.

Divi BodyCommerce-Preis

BodyCommerce hat drei Lizenzen zur Auswahl:

• 1 Seite – £ 24
• 5 Websites – £ 50
• Unbegrenzte Websites – £ 96

Sie können BodyCommerce von der Website des Entwicklers kaufen.

Gedanken beenden

Divi BodyCommerce bietet ein beeindruckendes Maß an Kontrolle über WooCommerce-Produkt- und Seitendesigns. Ich habe gerade kaum berührt, was es tun kann. Sie können auch den Anmeldebildschirm, Abzeichen, Kontoseiten, Dankesseiten, Formulare, Suchseiten und vieles mehr anpassen. Es enthält sogar E-Mail-Vorlagen, benutzerdefinierte Symbole, Farbfelder und AJAX für den Warenkorb. Ich mag es, für jede Kategorie ein anderes Layout erstellen zu können.

Die Module und das Layout waren einfach zu bedienen. Ich habe die Videos auf der Entwicklerseite verfolgt, um meine Beispiele zu erstellen. Die Videos waren detailliert und leicht zu folgen. Ich hatte keine Probleme, jede Art von Seite zu erstellen, die ich wollte.

BodyCommerce bietet mehr Tools und Anpassungen als jedes WooCommerce/Divi-Plugin, das ich bisher gesehen habe. Wenn Sie WooCommerce mit Divi verwenden und Ihre WooCommerce-Seiten anpassen möchten, ist BodyCommerce eine einfache Wahl.

Wir wollen von dir hören. Haben Sie BodyCommerce für Divi und WooCommerce ausprobiert? Lassen Sie uns in den Kommentaren wissen, was Sie davon halten.

Ausgewähltes Bild über Letters-Shmetters / shutterstock.com