Oxygen Builder – Der beste PageBuilder für WordPress

Im heutigen Beitrag stellen wir dir das in unseren Augen beste Tool vor, um Kundenwebsites komplett individuell zu gestalten und aufzubauen. Der Oxygen Builder erfreut sich einer liebevollen Fangemeinde und wird konstant weiterentwickelt. Das Hauptaugenmerk liegt hier auf absoluter Anpassbarkeit und schlankem Code.

Informationen zum Oxygenbuilder

Der Oxygen Builder ist ein leistungsstarkes Tool für die Erstellung von Websites mit WordPress. Mit diesem Plugin kannst du deine Website komplett nach deinen Vorstellungen und Vorstellungen gestalten und entwickeln, ohne dabei auf Themes oder andere externe Plugins angewiesen zu sein.

Einer der größten Vorteile von Oxygen ist die Möglichkeit, jedes Element auf deiner Seite vollständig anpassen zu können. Du kannst Texte, Bilder, Formulare und sogar ganze Seitenlayouts ändern, um deine Website genau so zu gestalten, wie du es wünschst.

Das Plugin bietet auch eine Vielzahl von Vorlagen und Designs, die du verwenden kannst, um schnell und einfach professionelle Websites zu erstellen.

Hier kannst du beispielsweise sog. wiederverwendbare Blöcke erstellen und diese per JSON Code schnell und einfach auf einer neuen Seite einfügen. Dies ist eine enorme Arbeitserleichterung und spart einiges an Zeit.

Außerdem gibt es bereits vorgefertigte Layouts und Sektionen. Diese Vorlagen sind in verschiedenen Kategorien wie Blog, Geschäft, Portfolio und vielem mehr verfügbar und können ganz einfach an deine Bedürfnisse angepasst werden. Auch hier gibt es kostenfreie Designvorlagen und welche, die du käuflich erwerben kannst. Beispielsweise im monatlichen Abonnement.

Oxygen ist enorm SEO-freundlich und bietet eine Reihe von Funktionen, die dazu beitragen, dass deine Seite in den Suchmaschinen besser gefunden wird. Dazu gehören die Möglichkeit, Titel und Beschreibungen für jede Seite und jeden Beitrag anzupassen, sowie die Integration von Open Graph-Tags, die dazu beitragen, dass deine Seite in sozialen Netzwerken besser angezeigt wird.

Ein weiteres Plus von Oxygen ist die Möglichkeit, Reaktionszeiten und Seitenladegeschwindigkeiten zu optimieren. Dies hilft dabei, die Benutzererfahrung zu verbessern und dazu beizutragen, dass deine Seite in den Suchmaschinen besser rankt.

Insgesamt ist der Oxygen Builder ein leistungsstarkes Plugin, das dir die Möglichkeit gibt, professionelle und benutzerfreundliche Websites mit WordPress zu erstellen. Wenn du die volle Kontrolle über das Design deiner Website haben willst, ist Oxygen das richtige Tool. Allerdings ist die Lernkurve bei diesem Tool extrem steil, sodass es anfänglich möglicherweise etwas länger dauern kann, bis du dich zurecht findest. Am Ende wird sich diese Arbeit aber mehr als auszahlen, da du deutlich flexibler bist, als bei anderen Tools.

Ein weiterer Vorteil von Oxygen ist seine Benutzerfreundlichkeit. Das Plugin verfügt über eine intuitive Drag-and-Drop-Oberfläche, mit der du ganz einfach Elemente auf deiner Seite verschieben und anordnen kannst. Du musst keine Kenntnisse in HTML oder CSS haben, um das Plugin zu verwenden, diese empfehle ich dir allerdings, da es sich beim Oxygenbuilder mehr um ein Tool für Entwickler handelt, als für Designer. Das soll aber nicht heißen, dass es nicht möglich ist, grafisch anspruchsvolle Webseiten mit Oxygen zu erstellen.

Der Oxygen Builder bietet auch zahlreiche Dokumentation und Tutorials, die dir bei der Verwendung des Plugins helfen.

Dazu gehören Anleitungen zur Einrichtung und Verwendung des Plugins, Tipps zur Verbesserung der Benutzererfahrung und vieles mehr.

Wenn du jedoch Schwierigkeiten haben solltest oder Unterstützung benötigst, bietet OxygenBuilder auch eine aktive Community und einen Kundensupport, der dir gerne weiterhilft.

Ein weiterer Vorteil von OxygenBuilder ist seine Kompatibilität mit anderen WordPress-Plugins und -Tools. Das Plugin ist kompatibel mit den meisten WordPress-Themes und -Plugins und bietet auch Integrationen mit populären Marketing- und E-Commerce-Tools wie Mailchimp und WooCommerce.

Insgesamt ist OxygenBuilder ein leistungsstarkes und benutzerfreundliches Plugin, das dir die Möglichkeit gibt, professionelle und ansprechende Websites mit WordPress zu erstellen. 

Wenn du die volle Kontrolle über das Design deiner Website haben willst, ist der Oxygenbuilder eine ausgezeichnete Wahl.

Wer entwickelt den Oxygenbuilder?

Der Oxygenbuilder wird von Soflyy, einem Technologie- und Softwareunternehmen aus Kalifornien unter der Führung von Louis Reingold. Vizepräsident von Oxygen ist Elijah Mills, welcher sich mit seinem Team um die konstante Weiterentwicklung des Plugins kümmert und bei Fragen jederzeit zur Verfügung steht.

Gibt es noch andere Tools von Soflyy?

Ja, die gibt es. Soflyy entwickelt noch einen anderen PageBuilder mit dem Namen “Breakdance”. Außerdem entwickelt Soflyy in Zusammenarbeit mit Basecape und der PlugCorp Pty Ltd. das sehr beliebte Tool “WP ALL IMPORT”.

Was unterscheidet den Oxygenbuilder von anderen Pagebuildern auf dem Markt?

Eine der größten Unterschiede zwischen Oxygen und anderen klassischen Pagebuilder ist, dass es sich hierbei nicht um ein Theme handelt, sondern um ein Plugin.

Oxygen hebelt alle aktiven Themes aus und lässt dich komplett eigene Themes (sog. Templates) erstellen. Du kannst eigene Template für alle wichtigen Seiten erstellen (z.B. mit einer Navigation und einem Footer-Bereich). Du kannst ein Template für deinen Blog-Bereich erstellen oder deine 404-Seite anpassen. Alle Templates können aufeinander aufbauen, müssen sie aber nicht.

So ist es dir beispielsweise möglich, für jede Seite eine individuelle Navigation zu erstellen. Im Design bist du somit komplett flexibel.

Was kostet Oxygen?

Noch hast du die Möglichkeit, den Oxygenbuilder fast geschenkt zu bekommen. Das muss man einfach sagen, denn dieses Tool wird dir einfach ungeahnte neue Möglichkeiten eröffnen. Bald wird es keine Lifetime-Lizenzen mehr geben und der Oxygen Builder wird in ein monatliches Abonnement umgewandelt. Bereits bestehende Kunden und deren Lizenzen sind hiervon nicht betroffen. Außerdem hast du 60 Tage lang die Möglichkeit, dein Geld zurück zu verlangen. Dies musst du auch nicht begründen. Eine kurze Mail genügt und du erhältst dein Geld zurück.

Oxygen gibt es in 3 Versionen:

Basis-Version

In dieser Version ist eine unbegrenzte Lifetime-Lizenz enthalten. Diese kostet 129,00 $.

WooCommerce-Version

In dieser Version erhältst du noch die WooCommerce Integration dazu. Damit ist es dir möglich, Oxygen mit WooCommerce zu nutzen und großartige Onlineshops zu erstellen. Diese kostet 149,00 $.

Oxygen Ultimate

Mit der Ultimate Edition von Oxygen erhältst du das gesamte Kraftpaket in einem! Nicht nur eine unbegrenzte Lifetime-Version, sowie WooCommerce Integration ist enthalten, sondern auch der Gutenberg Block Builder und „Composite Elements“. Composite Elements sind besondere vorgefertigte Module, welche dir die Arbeit enorm erleichtern, da nicht alles selbst entwickeln musst. Außerdem steht dir der großartige Support bei Fragen lebenslang zur Verfügung. Diese Version kostet einmalig 179,00 $. Für das, was mit Oxygen möglich ist, ist dies ein enorm geringer Preis, da Oxygen sich sehr schnell amortisiert hat.

Was ist noch möglich mit Oxygen?

Mit Oxygen ist es beispielsweise möglich, schnell und einfach HTML, CSS und JavaScript Code hinzuzufügen. Außerdem ist es deutlich leichter als bei anderen Themes, Tools und Plugins, Elemente auf deiner Webseite genau nach deinen Wünschen und Vorstellungen zu platzieren und zu stylen. Oxygen Builder ist auch ganz stark mit bedingter Logik (sog. „Conditions“). Damit hast du die Möglichkeit, Elementen bestimmte Werte zuzuweisen. Wenn du möchtest, dass ein Element nur dann erscheint, wenn es bestimmte Inhalte auf deiner Seite gibt, ist dies möglich.

Vorteile vom Oxygenbuilder

Oxygen bietet ein reichhaltiges Angebot an Funktionen und Möglichkeiten! Ob es umfangreiche Designbibliotheken sind oder Conditions, die mit einer bestimmten Logik verknüpft sind. Außerdem bietet Oxygen in Verbindung mit Advanced Custom Fields enorme Möglichkeiten, deine Website genau nach deinen Vorstellungen (und den deiner Kunden) zu realisieren.

Ein besonders großer Vorteil ist auch, dass du an jeder Stelle HTML, CSS und JavaScript hinzufügen kannst. Haben wir eigentlich schon den lächerlich niedrigen Preis angesprochen und die Lifetime-Lizenz angesprochen?

Designsets

Es gibt nicht nur einen ganzen Haufen an nützlicher Plugins für Oxygen, eine weitere wichtige und vor allem arbeitserleichternde Maßnahme sind Designsets. Seien wir mal ehrlich! Du musst das Rad ja nicht gleich neu erfinden oder deine wertvolle Zeit damit „vergeuden“, dir Gedanken darüber zu machen, welche schönen Elemente du noch auf deine Website (und die deiner Kunden) bringen könntest. Die Oxygen-Community ist groß und es gibt viele kleinere Anbieter, aber auch größere Unternehmen, die dir teilweise ganze Design-Bibliotheken zur Verfügung stellen. Hier gibt es kostenlose, als auch kostenpflichtige Anbieter. Designsets stellen dir viele vorgefertigte Blöcke (wie Navigationen, Footer-Bereiche oder bestimmte Elemente wie einen CTA-Bereich (Call-to-Action) zur Verfügung, die du nur noch einfügen musst. Anschließend kannst du diese Bereiche individuell bearbeiten und an dein Design anpassen.,

Nachteile von Oxygen

Einen Nachteil von Oxygen sehen wir eher als Vorteil. Er bietet eine enorm steile Lernkurve. Wenn du wirklich gewillt bist, dich mit dem Plugin auseinanderzusetzen, ist dein Erfolg vorprogrammiert!

In den letzten Monaten ging es heiß her in der Oxygen-Community. Louis Reingold, der Gründer von Soflyy (dem Unternehmen hinter Oxygen) hat einen weiteren Page-Builder auf den Markt gebracht und damit für einen kurzen Moment viele Nutzer sehr verunsichert. Aber es ist schnell klar geworden, dass Breakdance nicht viel mit Oxygen zu tun hat. Wenn man es herunterbrechen möchte, kann man die beiden Tools so vergleichen: Oxygenbuilder ist für Entwickler, Breakdance für Designer. Mit Oxygen wirst du schnell ein Basisverständnis vom Programmieren erhalten, wie du mit HTML, CSS und JavaScript und Co. umgehen musst. Breakdance ist darauf ausgelegt, dem Nutzer das Arbeiten so einfach wie möglich zu machen. Dadurch kannst du komplett auf Code verzichten.

Auch das seitenübergreifende Arbeiten ist in Oxygen aufgrund der langen Wartezeiten sehr gewöhnungsbedürftig.
Bei Buildern wie Bricks kannst du mit einem Klick zwischen verschiedenen Seiten wählen. Aber nicht nur das: Mehrere Personen können gleichzeitig an einem Beitrag arbeiten (was ich dir nicht raten würde) und du kannst mehrere Beiträge auf einmal öffnen und bearbeiten.
Beim Oxygenbuilder musst du erst die Seite schließen, in der du gerade arbeitest und anschließend musst du die neue Seite öffnen.
Dies kann auf Dauer viel Zeit fressen. Wir sind jedoch davon überzeugt, dass die Zeit von Oxygen noch lange nicht vorbei ist!
Die letzten Updates kamen immer häufiger und man merkt deutlich, dass Soflyy noch einiges mit dem Page-Builder vor hat.

Welche zusätzlichen Plugins werden für Oxygen benötigt oder empfohlen?

Oxygen funktioniert wunderbar ohne jegliche andere Plugins, allerdings eröffnen dir zusätzliche Drittanbieter-Plugins wie OxyExtras, AutomaticCSS oder OxyUltimate unzählige neue Möglichkeiten und lassen dich deine Webseite noch individueller gestalten.

Hydrogen Pack

Elemente Kopieren

Du hast die Möglichkeit, Elemente schnell und einfach über die Standard-Shortcuts Strg+C und Strg+V zu kopieren und an einer anderen Stelle einzufügen.

Stile kopieren

Du hast ein besonderes Feld erstellt oder ein Element mit CSS angepasst? Auch hier kannst du die Styles blitzschnell über die Shortcuts Strg+C und Strg+V auf andere Elemente übertragen.

Menü per Rechtsklick

Auch das Rechtsklick-Menü ist eine großartige Funktion. Dies verkürzt dir die Zeit für manche Dinge enorm. Beispielsweise kannst du damit Elemente duplizieren, kopieren, Stile übertragen oder bestimmte Conditions setzen.

Shortcuts

Du kannst aus über 60 verschiedenen Shortcuts wählen. Außerdem hast du die Möglichkeit, individuelle Tastenbelegungen für die einzelnen Shortcuts zu hinterlegen.

Beachte: Als Mac-User musst du statt der Strg-Taste die Cmd-Taste drücken

Aktion	Shortcut
Section hinzufügen	Strg + C
Div-Container hinzufügen	Strg + D
Überschrift hinzufügen	Strg + H
Textfeld hinzufügen	Strg + T
Bild hinzufügen	Strg + I
Code-Block hinzufügen	Strg + C
Spalten hinzufügen	Strg + M
Shortcode hinzufügen	Strg + O
Button hinzufügen	Strg + B
Easy-Posts-Element hinzufügen	Strg + E
Text-Link hinzufügen	Strg + L

Sandbox-Modus

Mit Hydrogen bekommst du die Möglichkeit, neue Funktionen oder Elemente in einem eigenen, isolierten Bereich zu testen, ohne dass hiervon deine Live-Website beeinflusst wird. So musst du dir keine Sorgen machen, dass das Nutzererlebnis deiner User in irgendeiner Weise beeinträchtigt wird.

Breite des Strukturpanels selbst festlegen

Außerdem wird es dir noch möglich sein, die Breite des Strukturpanels selbst festzulegen, sodass du nicht mehr scrollen musst, sondern alle Elemente auf einen Blick erkennen kannst.

Arbeit auf kleinen Bildschirmen wird erleichter

Zudem erleichter Hydrogen Pack dir die Arbeit auf kleinen Bildschirmen, z.B. auf Laptops ungemein. Es entfernt alle Bereiche, die du nicht zum Arbeiten benötigst, sodass du mehr Platz für deine Entwicklung hast.

Weitere kleine Arbeitserleichterungen

Weiterhin erhält jedes Element ein individuelles Icon. Dies hilft dir dabei, dich leichter im Strukturbereich zurechtzufinden und Elemente schneller zu finden.

Bearbeite mehrere Seiten gleichzeitig

Ein weiterer enormer Vorteil ist, dass du gleichzeitig an mehreren Seiten arbeiten kannst. Alle Oxygen Nutzer kennen dieses Problem. Sobald du eine Seite geöffnet hast, kannst du nur auf dieser Seite arbeiten. Wenn du eine andere Seite bearbeiten möchtest, musst du den Oxygenbuilder erst schließen und dann die neue Seite im Oxygenbuilder öffnen. Nun hast du die möglichkeit, an so vielen Seiten wie du möchtest gleichzeitig zu arbeiten. Hier solltest du allerdings wissen was du tust, damit es nicht zu ungewünschten Nebenwirkungen kommt.

OxyExtras

Mit OxyExtras fügst du weitere coole Funktionen zum Oxygen Builder hinzu.

Besonders das Off-Canvas Menü von OxyExtras finden wir sehr gelungen und setzen wir gerne ein. Außerdem musst du dir deinen „Zurück-nach-oben-Button“ nicht selbst erstellen, sondern kannst diesen einfach einfügen und bearbeiten.

Du kannst ein vorgefertigtes Login-Feld einfügen und anpassen, eine Leiste einbauen, die den Lesefortschritt deiner User anzeigt und vieles mehr.

Folgende Dinge werden mit OxyExtras möglich sein:

• Adjacent Posts
• Alert Box
• Author Box
• Back to Top Button
• Burger Trigger
• Carousel Builder
• Cart Counter
• Circular Progress
• Content Switcher
• Content Timeline
• Copyright Year
• Countdown Timer
• Counter
• Dynamic Tabs
• Extras Login Form
• Fluent Form
• Gutenberg Reusable Block
• Header Search
• Horizontal Slide Menu
• Hotspots & Popovers
• How to Get Started
• Infinite Scroller
• Interactive Cursor
• Lightbox
• Lottie Animation
• Mega Menu
• Mini Cart
• Off Canvas
• Post Modified Date
• Post Terms
• Preloader
• Pro Accordion
• Pro Media Player
• Read More / Less
• Reading Progress Bar
• Reading Time
• Slide Menu
• Social Share
• Table of Contents
• Toggle Switch

OxyUltimate

Mit OxyUltimate erhältst du weitere nützliche Möglichkeiten, dir deine Arbeit zu erleichtern. Du wirst Kontaktformulare von Fluent Forms, Contact Forms, Gravity Forms und WPForms nach deinen Vorstellungen anpassen können. Du erhältst besondere Effekte für Überschriften, wie Highlights oder Animationen, Du kannst Tooltips nutzen oder einstellen, dass deine Bilder in einer Lightbox geöffnet werden sollen.

• Ultimate Gallery
• Fancy Heading
• Animated Heading
• Highlighted Heading
• Dual Color Text
• Dual Button
• Hover Animated Button
• Before After Image
• Fluent Forms Styler
• Contact Forms 7 Styler
• Gravity Forms Styler
• WPForms Styler
• Comment Form
• Image Lightbox
• Image Accordion
• Countdown
• ACF Gallery Accordion
• Ultimate Video
• Gallery Slider
• Formidable Forms Styler
• Icon List
• Classic Accordion
• Dynamic Accordion
• Show More/Less
• Content Slider
• CSS Grid
• Smooth Scrolling
• Hotspot
• Tooltip
• Off Canvas
• Sliding Menu
• Accordion Menu
• AJAX Lightbox
• Image Mask

Anbei erhältst du die besten Tools noch einmal als übersichtliche Liste.

Anbieter	Link
Hydrogen Pack	https://www.cleanplugins.com/products/hydrogen-pack/
OxyToolbox	https://oxyplugins.com/downloads/oxy-toolbox/
OxyExtras	https://oxyextras.com/
OxyUltimate	https://oxyultimate.com/
OxyPowerPack	https://oxypowerpack.com/
Editor Enhancer	https://editorenhancer.com/
Swiss Knife for Oxygen Builder	https://wordpress.org/plugins/swiss-knife-for-oxygen-buider/
Asura	https://dplugins.com/products/asura/
Agency Base	https://oxyagency.tools/
OxyNinja Core	https://oxyninja.com/
oxymaven	https://oxymaven.com/
Nimbufy	https://nimbufy.com/

Wo finde ich Unterstützung, wenn ich Hilfe brauche?

Die Oxygen Community ist extrem liebenswert und immer da!
Wenn du Hilfe benötigst oder dir anschauen möchtest, was sonst noch mit Oxygen möglich ist, findest du hier ein paar nützliche Informationen.

Anbieter	Link
Offizielle englischsprachige Oxygen Gruppe	https://www.facebook.com/groups/1626639680763454
Deutsche Oxygen Gruppe	https://www.facebook.com/groups/oxygen.deutsch/
Ressourcen für Oxygen	https://www.facebook.com/groups/resources4oxygenbuilder/
Offizielle Oxygen Webseite und YouTube Kanal	https://oxygenbuilder.com/tutorials/ https://www.youtube.com/@OxygenBuilder/
James LePage	https://isotropic.co/ https://www.youtube.com/@IsotropicDesign
Kevin Geary	https://digitalambition.co/ https://www.youtube.com/@DigitalAmbition/
Udoro Essien (Design with Cracka)	https://www.youtube.com/@DesignwithCracka/
Jonathan Jernigan	https://permaslug.com/ https://www.youtube.com/@Permaslug/
Fabrizio Van Marciano	https://www.fabriziovanmarciano.com/ https://www.youtube.com/@vanmarciano/