Visual Composer vs. Elementor: Eindeutige Anleitung für Anfänger

Veröffentlicht: 2021-05-30

Die Wahl zwischen Visual Composer und Elementor ist keine leichte Aufgabe. Persönlich habe ich beide Tools verwendet und fand es immer noch schwierig, den Komfortraum zu überwinden, den ich bei der Verwendung jedes dieser Page Builder-Tools habe.

Da es mir aus eigener Erfahrung schwer fiel, mich zu entscheiden, suchte ich nach unterschiedlichen Nutzerperspektiven und fasste sie schlussendlich in einem Artikel zusammen.

Sowohl Elementor- als auch Visual Composer-Website-Builder sind sehr beliebt und flexibel und haben ihren Platz in der Liste der Top-5-Seiten-Builder-Tools des Jahres 2021 gefestigt.

Aber jemand muss die Grenze ziehen und die Unterschiede aufzeigen, damit es leicht zu verstehen ist, worauf er sich einlässt, bevor er beginnt.

Ich werde mein kollektives Verständnis der Angelegenheit platzieren.

Wenn Sie sich also im Detail über Visual Composer und Elementor Website Builder entscheiden möchten, bleiben Sie bis zum Ende bei mir.

Ich kann Ihnen garantieren, dass Ihre Probleme für immer vorbei sein würden.

In Eile? Hier ist ein hilfreicher Vorschlag

Zwischen Visual Composer und Elementor würde ich aus vielen Gründen auf der Seite von Elementor stehen, die meiner Meinung nach offensichtlich sind.

Obwohl Sie mit beiden Tools die gleiche Arbeit erledigen können, basiert mein Urteil auf dem Verständnis des Benutzers für das Tool im Voraus, der Einfachheit, der Benutzererfahrung, der Flexibilität und anderen Aspekten, die jedem mehr oder weniger wichtig sind.

Eine kurze Einführung

Elementor

Elementor ist fast allen WordPress-Benutzern bekannt und die erstaunliche Zahl von 5 Millionen Benutzern zeigt, wie weit es als das Go-to-Page-Builder-Tool zum Erstellen von WordPress-Websites akzeptiert wurde.

Dies liegt hauptsächlich an der Einfachheit, Flexibilität, Vielseitigkeit und erstklassigen Unterstützung, die das Tool mit sich bringt.

Darüber hinaus sind keine Codekenntnisse erforderlich, um eine minimalistisch gestaltete, sauber aussehende Website zu erstellen.

Preis: $49 – $199

Angebote: Die Testversion ist 30 Tage nutzbar

Visual Composer

Ab 2017 wurde Visual Composer überarbeitet und in WPBakery Page Builder umbenannt.

Die neuere Version ist ohne Zweifel flexibler und übersichtlicher als der Vorgänger.

Zweifellos ist es eines der beliebtesten Tools zum Erstellen von Seiten und macht sich mit seiner einzigartigen Bibliothek einzigartiger Widgets und Vorlagen leicht einen Namen in der Top-5-Liste der WordPress-Website-Builder.

Preis: $45 – $245

Angebote: 15% Rabatt beim Kauf

Visual Composer vs. Elementor: Vergleichstabelle

Thema des Vergleichs Elementor Visual Composer
Frontend-Funktion (Drag and Drop) Hocheffizient Hocheffizient
Suchmaschinenfreundlich ja ja
Geschwindigkeitsfaktor Schnell Schnell
No-Code-Erfahrung Einfach zu benutzen Einfach zu benutzen
Ressourcen hinzugefügt Demo-Websites, -Designs und -Blöcke Riesige Vorlagenbibliothek für jedes Widget
Zugriff auf zukünftige Updates Lebenslanges Update sowohl kostenlos als auch als Premium verfügbar Update ein Leben lang verfügbar – kostenlose und Premium-Versionen
Kundendienst Engagierter Kundenservice mit der Erfahrung, komplexe Probleme zu lösen Setzen Sie auf den Kundenservice mit überzeugenden Bewertungen
Preismodell Kostenloses Jahresabonnement Einmalige Zahlung
Integrationen von Drittanbietern Die nahtlose Integration unterstützt externe Themes, Plugins, Widgets, CRM-Systeme, E-Mail-Marketing-Dienste, Facebook, WooCommerce usw. Kompatibel mit externen Themen
Zielkunde Kleine Unternehmen Mittlere Unternehmen Große Unternehmen Freiberufler Kleine Unternehmen Mittelständische Freiberufler
Preisklasse Der Preis ist für jede Kategorie unterschiedlich und beginnt bei $49 – $999 pro Jahr Der Preis hat zwei Kategorien, jeweils 45 $ und 245 $, gemäß den Bedingungen und Dienstleistungen

Visual Composer vs. Elementor: Was sind die Ähnlichkeiten?

Sowohl Visual Composer als auch Elementor sind in Bezug auf die Verwendung ähnlich. Wir können also sagen, dass die Basis dieser beiden Tools ziemlich gleich ist.

Beide Seitenersteller können 100% responsive Websites erstellen, die sowohl suchmaschinenfreundlich als auch wirklich einfach zu bedienen sind.

Das unkomplizierte Design ist faszinierend und das Wichtigste an diesen Page Builder Tools.

Sie können in wenigen Sekunden verfolgen, was Sie finden möchten und wonach Sie suchen, ohne dass Sie das System gründlich verstehen müssen.

Die visuellen Drag-and-Drop-Systeme sind in beiden Tools vorhanden, was die offensichtlichste Ähnlichkeit ist.

Sie können Ihre eigene benutzerdefinierte Webseite mit dem visuellen Seitenersteller auf einer leeren weißen Leinwand erstellen, und Ihre Website würde nach dem Erstellen genau gleich aussehen.

Sie können benutzerdefinierte Widgets aus der Bibliothek auswählen oder Ihr eigenes Themenkonzept von Grund auf neu erstellen, was ebenfalls möglich ist.

Schließlich, wenn Sie in Schwierigkeiten geraten und eine exemplarische Vorgehensweise benötigen, um sie loszuwerden, bieten diese beiden Tools einen umfassenden Kundensupport, der Ihre Fragen innerhalb von 30 Minuten bis maximal 24 Stunden beantwortet.

Visual Composer vs. Elementor: Unterschiede aus der Perspektive eines allgemeinen Benutzers

Feine Unterschiede sind schwer zu unterscheiden und da beide Tools die gleichen Funktionalitäten bieten. Sie wissen, dass Sie sich mit der Plattform vertraut machen müssen, bevor Sie anfangen, Dinge zu bemerken.

Hier sind einige Unterschiede, die Sie im Voraus bemerken sollten, wenn es um Visual Composer vs. Elementor geht.

Benutzeroberfläche

Elementor

Die Benutzeroberfläche von Elementor besteht aus zwei Teilen. Die Seitenleiste links und die Leinwand rechts.

Der Vorschaubereich oder die Leinwand nimmt den größten Teil des Bildschirms ein, da er alle visuellen Aspekte zeigt, die Sie in Ihre Websites einfügen.

Die Leinwand bietet Ihnen die Live-Vorschau-Option, die jedem wichtig ist.

Ehrlich gesagt, macht diese Live-Vorschau das No-Coding-Erlebnis so viel Spaß, wenn es darum geht, ordentliche und minimalistische Websites zu erstellen.

Außerdem gibt es auf der rechten Seite ein Mega-Menü, das alle Widgets, Elemente und Einstellungen anzeigt.

Es gibt Ihnen die Möglichkeit, Vorlagen aus der riesigen Sammlung von Vorlagen aus der Elementor-Bibliothek auszuwählen. Ihre benutzerdefinierten gespeicherten Vorlagen, Widgets und mehr.

Unten links auf dem Bildschirm stehen Ihnen drei weitere Optionen zur Verfügung – Allgemeine Einstellungen, Verlauf, Navigator und Reaktionsmodus.

  1. Mit den allgemeinen Einstellungen können Sie den aktuellen Status der Seite sehen, ob sie veröffentlicht wurde oder nicht, ihren Titel, das vorgestellte Bild auf der Seite und einige andere hervorgehobene Informationen.
  2. Im Verlauf können Sie die verschiedenen Versionen der gespeicherten Projekte anzeigen, die wiederhergestellt werden können.
  3. Der Navigator erstellt einen Popup-Navigationsbaum, um die Navigation zu vereinfachen.
  4. Im Responsive-Modus können Sie Ihre Website auf allen Geräten mit nur einem Bildschirm anzeigen.

Visual Composer

Visual Composer hat eine ähnliche Benutzeroberfläche wie der Elementor. Tatsächlich können Sie es auch einen WYSIWYG-Frontend-Editor (What You See Is What You Get) nennen.

Dies bedeutet, dass Sie alles sehen können, was Sie auf der Leinwand erstellen, dh Sie haben im Wesentlichen keine Platzhalter, die einen bestimmten Seitenblock darstellen.

Hier sind die folgenden Teile, die Sie im Visual Composer-Dashboard finden:

  • Das Element-Editor-Fenster
  • Der Live-Editor oder Frontend-Editor (Drag-and-Drop-Funktion)
  • Die Navigationsleisten
  • Einstellungen
  • Eine Baumansicht der Website

Das Element-Bearbeitungsfenster liegt schwebend über jedem blockierten Element der Website. Bewegen Sie den Mauszeiger einfach über das ausgewählte Element, um die Liste der änderbaren Optionen aus einem Dropdown-Menü anzuzeigen.

Der Frontend-Editor ist der visuelle Editor des Visual Composer. Sie können verschiedene Komponenten anordnen und ausrichten, indem Sie sie per Drag & Drop aus der Widget-Leiste in den Editor ziehen.

Das Beste ist, dass Sie nach Belieben herumspielen können und das Design trotzdem nicht verkomplizieren, da das alles im Hintergrund erledigt wird, ohne dass Sie es bemerken.

Über das Navigationspanel können Sie auf die Einstellungen zugreifen, in denen Sie die verschiedenen Elemente Ihrer Website wie Ändern der Bilder, Höhe und Breite einer Komponente, Schriftgröße und -stärke usw.

Die Einstellungen haben nicht viel mit dem Rest der Website zu tun.

Als Anfänger müssen Sie sich für Ihr erstes Projekt nicht damit herumschlagen.

Sie können jedoch damit beginnen, die Optionen zu erkunden, nachdem Sie mit Ihrer ersten Website fertig sind.

Die Baumansicht ist eine effiziente Möglichkeit, ganz einfach über verschiedene Seiten Ihrer Website zu navigieren.

Tatsächlich können Sie den Baumansichtsmodus auch verwenden, um jede beliebige Komponente auf der Webseite unterwegs zu bearbeiten.

Die Premium-Edition von Visual Composer bietet zusätzliche Optionen zum Bearbeiten der Sidebars, Tooter, Header, was ebenfalls ein sehr gutes Verkaufsargument ist.

Urteil

Beide Schnittstellen haben die gleichen Funktionen mit subtilen Änderungen. Ich würde jedoch wegen der kleinen kreativen Designaspekte zu Elementor tendieren.

Verfügbare Elemente

Elementor

Elemente helfen Ihnen beim Erstellen einer Webseite mit Page Builder-Tools. Ein guter Seitenersteller wie Elementor muss also eine beträchtliche Anzahl von Elementen enthalten.

In dieser Hinsicht hat Elementor 3 Haupttypen von Elementen – Abschnitte, Spalten und Widgets in dieser bestimmten Reihenfolge.

Die kostenlose Version von Elementor enthält 30 verschiedene Widgets für Ihre Website, die sich nach dem Kauf der Elementor Pro-Version auf 50 erhöht.

Außerdem gibt es ein riesiges Archiv kreativ gestalteter Vorlagen, die Sie in der Elementor-Bibliothek finden.

Ich würde dich anlügen, wenn ich dir nicht sagen würde, dass ich von dem, was die Elementor-Bibliothek zu bieten hat, gründlich beeindruckt war.

Der erste Unterschied besteht darin, dass es sich auf den gesamten Abschnitt auswirkt, wenn Sie Änderungen an einem bestimmten Abschnitt vornehmen.

Das gleiche passiert, wenn Sie die Änderung auf eine Spalte anwenden.

Wenn Sie die Änderung jedoch auf ein Widget anwenden, bleibt die Änderung nur auf dieses Widget beschränkt.

Visual Composer

Visual Composer-Elemente bestehen aus Inhaltsblöcken wie Symbolen, Schaltflächen, Textblöcken usw.

Als Benutzer können Sie diese Blöcke in Ihre Webseite integrieren, um ein Layout für Ihre Webseite zu erstellen.

Es gibt über 100 Inhaltselemente sowohl in der kostenlosen als auch in der Premium-Version von Visual Composer, die in die folgenden logischen Gruppen eingeteilt sind – Basic, Media, Containers, Social, WordPress und Content.

Der cloudbasierte Vorlagen-Hub ermöglicht es Ihnen, den spezifischen Inhaltsblock herunterzuladen, den Sie benötigen, und verhindert so das Risiko einer Verlangsamung Ihrer Website.

Dies reduziert auch die Abhängigkeit von Plugins von Drittanbietern, sodass Ihre Site ohne zusätzliche Assets noch schneller ausgeführt werden kann.

Urteil

Es ist eine Krawatte. Beide Tools bieten Bündel von Vorlagen, Widgets und Komponenten zur Verwendung, und das ist für mich ein großer Gewinn.

Styling-Optionen

Elementor

Die Styling-Optionen sind in Elementor unkompliziert. Wenn Sie ein Element auswählen, werden die globalen Stile automatisch auf Ihren vorhandenen Inhalten platziert.

Die Einstellungen können in den „Stileinstellungen“ nach Belieben angepasst werden, indem Widgets, Abschnitte und Spalten geändert werden.

Außerdem stehen Ihnen viele Styling-Optionen zur Verfügung, die Sie nach und nach erkunden können, während Sie sich wohl fühlen und das Styling verstehen.

Visual Composer

Es gibt Hunderte von Gestaltungsoptionen, die in einem Fenster zusammengefasst sind, um dem Benutzer bei der Verwendung von Visual Composer ein nahtloses Verständnis des Systems zu ermöglichen.

Man kann sagen, dass es in vielerlei Hinsicht Elementor ähnelt, da Sie die gleichen Dinge in Visual Composer tun können.

Urteil

Beide Tools bieten vereinfachte, aber umfangreiche Optionen für das Styling. Dieses ist eine Krawatte.

Vorlagen

Elementor

Elementor bietet 40 übersichtlich gestaltete Vorlagen in der kostenlosen Version mit lebenslangen Updates, wenn Sie sie weiterhin verwenden.

Aber dem sind Grenzen gesetzt. Die Anzahl der Widgets, die Sie in der kostenlosen Version verwenden können, ist auf eine bestimmte Anzahl beschränkt.

Wenn Sie sich jedoch für die Pro-Version entscheiden, erhalten Sie sofort Zugriff auf mehr als 300 zusätzliche unterschiedliche Komponenten und Vorlagen.

Blockvorlagen werden verwendet, um einen bestimmten Abschnitt der Seite zu erstellen, wie z. B. Kontaktformulare, CTA-Formulare usw. Seitenvorlagen hingegen sind eher darauf ausgerichtet, eine ganze Seite zu erstellen.

Visual Composer

Visual Composer verfügt über zwei verschiedene Arten von Vorlagen – vordefinierte und benutzerdefinierte Vorlagen.

Natürlich ist jede Vorlage einzigartig gestaltet, um bestimmten Zwecken gerecht zu werden, oder Sie können sie nach Belieben umgestalten.

Diese anpassbaren Optionen werden jedoch eingeschränkt, wenn Sie die kostenlose Edition verwenden, die sich offensichtlich verzehnfacht, wenn Sie sich für ein Premium-Abonnement entscheiden.

Urteil

Dies war am schwierigsten zu entscheiden, da beide Tools so viele vielversprechende und einzigartige Elemente bieten. Ich würde sagen, das ist auch eine Krawatte.

WooCommerce-Integration

Elementor

Die nahtlose WooCommerce-Integration ist meiner Meinung nach das wesentliche Merkmal, und Elementor macht das gut.

Darüber hinaus sind die Anpassungsfunktionen mit dem Produktarchiv-Widget einfach zu handhaben, das Ihnen bei der Ermittlung hilft.

Welche Produkte werden in der Liste angezeigt, passen Sie das Erscheinungsbild jedes Elements in dieser Liste, Typografie, Farbpaletten und andere Funktionen an?

Es gibt Optionen zum Anpassen der Ergebnisseiten der Produktsuche und zum Integrieren zusätzlicher Widgets, um die Seite interaktiver zu gestalten.

Der Menü-Warenkorb ist eine weitere großartige Option, mit der Sie Ihrer Seite eine Schaltfläche zum Hinzufügen zum Warenkorb hinzufügen können, die Sie nach Ihren Wünschen anpassen können, um das Klicken ansprechender zu gestalten.

Visual Composer

Visual Composer unterstützt die nahtlose Integration von WooCommerce mit seinen Themes, sodass jeder es nützlich findet, eine E-Commerce-WordPress-Website zu erstellen.

Sie können über den Visual Composer Hub auf die WooCommerce-Elemente zugreifen, um die Produktseite zu erstellen. Hier sind einige der Elemente, die Sie nutzen können:

WooCommerce In den Warenkorb, Produktkategorie, Produktseite, Neue Produkte, Verwandte Produkte, Bestellverfolgung, Checkout-Seite, Empfohlene Produkte, Warenkorb, Warenkorb Checkout usw.

Urteil

Dies ist ein wesentlicher Punkt von allen. Wenn Sie nur das WooCommerce-Plugin und WooCommerce-Elemente integrieren, dann ist es ein Unentschieden.

Wenn Sie jedoch noch ein paar weitere Dinge wie die CRM-Integration hinzufügen, ist Elementor die beste Wahl.

Ich sage dies, weil Sie oft andere komplexe Tools außer WooCommerce integrieren müssen, und Sie werden feststellen, dass Elementor im Gegensatz zum Visual Composer alle Arten von Integration bietet.

Theme-Builder

Elementor

Mit dem Theme-Builder-Plugin können Sie Ihr eigenes Theme erstellen – entweder von Grund auf oder auf einer vorhandenen Vorlage, wie Sie eine Webseite auf Elementor erstellen können.

Der Prozess ist der gleiche, wenn Sie Ihr eigenes Konzept auf einer leeren Leinwand entwerfen und die Kopf- und Fußzeilen an das Thema Ihrer Website anpassen.

Sie können den gleichen Vorgang anwenden, um Kopfzeilen, Site-Logos, Menüs und andere relevante Komponenten zu erstellen, die für Ihre Site wichtig sind.

Visual Composer

Visual Composer Premium ermöglicht es Ihnen, Ihr eigenes Thema zu erstellen, ähnlich wie der Webseiten-Builder, und in diesem Fall gibt es keinen großen Unterschied zu Elementor.

Wenn Sie sich die Arbeitsfläche und die Bearbeitungswerkzeuge ansehen, werden Sie feststellen, dass es subtile Änderungen gibt. Beispielsweise ist der Höhen- und Breiteneditor jeder Komponente stärker in Richtung der Seitenleiste ausgerichtet.

Bevor Sie Ihr eigenes Design in Visual Composer erstellen, stellen Sie sicher, dass das Theme Builder-Add-On installiert ist.

Damit Sie auf den Kopfzeilen-, Fußzeilen- und Seitenleisten-Editor und vor allem auf die Komponenten zugreifen können, die Sie von Visual Composer Hub herunterladen müssen.

Außerdem können Sie mit den globalen Steuerelementen Kopf- und Fußzeilen viel einfacher bearbeiten. Sie können benutzerdefinierte Beitragstypen, Beiträge und Seiten sowie Standard-WordPress-Seiten aktivieren. Es kommt damit, wie zum Beispiel – Suchergebnisseite, 404 Fehlerseite, Archivseite, WooCommerce-Seiten können geändert werden.

Urteil

Dies ist ein Pluspunkt für Visual Composer. Sie boten mit ihren Kopf- und Fußzeilen-Editoren und einigen anderen Teilen eines Themas genügend Bearbeitungsoptionen, die ich in Elementor nicht sah.

Add-ons

Elementor

Das Elementor-Team arbeitet ständig daran, intuitiv gestaltete Ressourcen zu erstellen, die sich vom Rest des Marktes abheben, wo Sie kostenlose Vorlagen, Themen, Widgets usw. finden.

Eine große Anzahl von Add-Ons verleiht Ihrer Website einen kreativeren Vorteil und wird durch zusätzliche Blöcke unterstützt, Widgets, die ein komplettes Paket ergeben.

Visual Composer

Wenn vorgefertigte zusätzliche Widgets oder Vorlagen für Ihre Arbeit nicht ausreichen, wissen Sie, dass es an der Zeit ist, etwas außerhalb der aktuellen Kapazität von Visual Composer zu entwickeln. Aber hier ist eine schnelle Lösung.

Gehen Sie zum Addons-Bereich von Visual Composer Hub, wo Sie exklusive Erweiterungen finden, die speziell für spezielle Zwecke erstellt wurden und die Sie kostenlos herunterladen können.

Außerdem können Sie auch die globalen Vorlagen, Import und Export, Vorlagen-Widget, Gutenberg-Blöcke, Theme Builder, dynamische Felder, Wartungsmodus-Seite, Popup-Builder, Premium-Symbolbibliotheken und andere Premium-Design-Optionen verwenden.

Aber seine Funktion ist nur für Visual Composer Premium-Benutzer verfügbar.

Urteil

Dieser geht an Visual Composer für seine immense Sammlung von Add-Ons im Visual Composer Hub.

Elementor ist in diesem Aspekt kreativ gleich, aber Visual Composer hat den numerischen Vorteil.

Einzigartige Funktionen

Elementor

Elementor verfügt über einige Funktionen, die nur Elementor-Benutzern vorbehalten sind.

Eine dieser Funktionen ist die Funktion Embed Anywhere, mit der Sie eine ausgewählte Vorlage einbetten und mithilfe von Shortcodes replizieren können.

Tatsächlich akzeptieren alle Abschnitte in Elementor Shortcodes, und die Entwicklung wird viel schneller.

Global Widget ist eine weitere großartige Funktion, mit der Sie ein benutzerdefiniertes Design einmal speichern und jederzeit in der Zukunft replizieren können, wie eine Vorlage auf mehreren Websites.

Schließlich verfügt es über einen vereinfachten Popup-Builder, mit dem Sie kreative Hallo-Leisten, Vollbild-Anzeigenachrichten, Fly-In-Nachrichten und andere Arten von Popups entwerfen können.

Diese Dinge sind unerlässlich, um die Conversion-Rate Ihrer Website zu erhöhen und den Verkaufsprozentsatz Ihres am besten bewerteten Produkts auf Ihrer Website zu erhöhen.

Visual Composer

Visual Composer Hub ermöglicht Premium-Benutzern die Auswahl aus einer Vielzahl von Add-Ons, Vorlagen, Archivbildern und anderem aus ihrem Cloud-Speicher.

Es besteht aus fast allen Arten von Designs, von Addons, Blöcken, Fußzeilenelementen, Kopfelementen und die Liste geht weiter.

Wenn Sie ein Premium-Abonnent von Visual Composer Hub sind, erhalten Sie außerdem jede Woche Zugriff auf neue Vorlagen.

Urteil

Elementor verfügt über einige einzigartige Funktionen, die in keinem anderen von mir getesteten Seitenerstellungstool angeboten werden, und daher werde ich in diesem Fall auf der Seite von Elementor stehen.

Visual Composer vs. Elementor: Unterschiede aus der Entwicklerperspektive

Der Vergleich zwischen Visual Composer und Elementor zieht eine ganz neue Ebene, wenn Sie ihn aus der Perspektive eines Entwicklers sehen, insbesondere wenn Sie einige ganz neue Vergleichswinkel sehen, die Sie möglicherweise nützlich finden.

Hier ist, was Sie nützlich finden werden.

Lizenz

Die Theme-Integration ist ein wesentlicher Aspekt bei der Verwendung der WordPress Page Builder-Tools. Es ermöglicht den Entwicklern, neue Designs in bestehende Themes zu integrieren und nach aktuellen Standards neu zu entwickeln.

Einige könnten sogar versuchen, es weiterzuverkaufen, was absolut nicht ideal ist.

Die Option zur Theme-Integration ist nur für die kostenlose Version von Elementor und Visual Composer Website Builder verfügbar.

Sie können jedoch keines der Premium-Themes einschließen und gegen die Bedingungen und Vereinbarungen weiterverkaufen.

Elementor

Die kostenlose Version von Elementor ist im Plugin-Repository von WordPress.org erhältlich.

Alternativ können Sie es von der Elementor-Website herunterladen.

Ein großes Ergebnis von Elementor ist, dass es in WordPress gehostet wird und Sie es daher nicht in Ihr Plugin-Paket aufnehmen müssen.

Die Premium-Version enthält alle Arten von Widgets, Vorlagen, Kopf- und Fußzeilen-Builder und ein Vorlagensystem zum Erstellen eigener benutzerdefinierter Vorlagen.

Visual Composer

Visual Composer hat zwei Versionen – eine kostenlose und eine Premium-Version, die auf ihrer Website verfügbar sind.

Allerdings lässt sich Visual Composer nicht ohne weiteres in WordPress integrieren, was für Visual Composer-Benutzer ein Nachteil ist.

Sie können jedoch weiterhin die kostenlose Version von ihrer Website herunterladen oder den Download-Link mit dem TGM-Aktivator verwenden.

Die Premium-Version verfügt über einen Header- und Footer-Builder, der ein großes Verkaufsargument ist, und ganz zu schweigen von dem Templating-System, das das Arbeiten mit separaten Komponenten erheblich erleichtert.

Allgemeine Anforderungen

Elementor

Elementor erfordert keine zusätzlichen Abhängigkeiten außer den üblichen allgemeinen Anforderungen von WordPress.

Visual Composer

Visual Composer wird nicht standardmäßig mit der WordPress-Installation geliefert, daher müssen Sie die zusätzlichen Abhängigkeiten installieren, um es auszuführen. Hier ist eine Liste mit dem, was Sie brauchen:

  1. Webpack 4.0 oder höher
  2. Knoten 8.0 oder höher

Entwickler-API

Elementor

Die Fülle an Entwickler-APIs ist eine der Stärken eines guten Seitenerstellungstools.

Und während Sie dies als Ergebnis betrachten, sollten Sie auch wissen, dass Sie dank dieser Flexibilität benutzerdefinierte Elemente mit React-Komponenten erstellen können.

Der beste Weg, um zu verstehen, wie Sie mit der Entwickler-API jedes Element der Website als unabhängigen Teil des Systems erstellen können, besteht darin, sie separat zu verwenden, wo immer Sie es benötigen.

Visual Composer

Der Website-Builder von Visual Composer arbeitet Hand in Hand mit den React-Komponenten.

Jedes Element wird so erstellt, dass es unabhängig als separater Codeblock funktioniert, der auf einem eigenen Satz von HTML-, CSS-, PHP-, JavaScript- und JSON-Abhängigkeiten ausgeführt wird.

Auf diese Weise bleibt es nicht mehr wie in den früheren Versionen vom Shortcode-System abhängig.

Dieses System zum Erstellen benutzerdefinierter Widgets unterscheidet sich nicht vom Erstellen nativer WordPress-Widgets.

In dieser Hinsicht muss ich mich auf Visual Composer verlassen, da ich mit React vertraut bin.

Und für Leute, die React verstehen, wird es einfacher sein, die Dateistruktur und den Entwicklungsprozess zu verstehen.

Vergleichende Analyse

Thema des Vergleichs Elementor Visual Composer
Aktive Installationen 5 Millionen+ und es werden noch mehr 100k +
Angebote für kostenlose Version 30 Standard-Widgets mit lebenslangem Update 50 Elemente mit lebenslangen Updates
Entwickler-API Exzellent Exzellent
Installationsvoraussetzungen N / A Webpack 4.0 oder höher Node 8.0 oder höher
Erweiterungen von Drittanbietern 10+ offizielle Unterstützungen N / A
Kompatibel mit Themeforest 350+ kompatible Themen auf Themeforest und steigend N / A
Einfache Integration (von 5) 5 3.5
Einfache Entwicklung (von 5) 5 4
Starter-Theme Wird nur mit Elementor Pro geliefert ja
Gesamtpunktzahl 8,7 8.3

Zusammenfassend

Die Wahl zwischen Visual Composer und Elementor ist subjektiv abhängig vom Verständnis des Tools und vom eigenen Geschmack, etwas, das wir ändern können oder nicht. Aber hey, wir können immer ein oder zwei Dinge aus einer anderen Perspektive lernen.

Hier sind meine 2 Bits zur gesamten Debatte zwischen Visual Composer und Elementor. Erstens, wenn es auf die Nutzung ankommt und Sie ein einzelner Benutzer/Entwickler sind, dann ist Visual Composer die günstigere Option mit einer einmaligen Zahlung und bietet so viel wie Elementor.

Wenn Sie jedoch eine Agentur leiten und es vorziehen, mehr Flexibilität für die Entwicklung zu nutzen und bereit sind, mehr Geld auszugeben und die Entwicklungszeit zu verkürzen, ist Elementor genau das Richtige für Sie.