Oxygen Builder – Performanter Page-Builder für WordPress

Im heutigen Beitrag stellen wir Ihnen den Oxygen Page-Builder aus dem Hause Soflyy vor.

Dieser erfreut sich einer liebevollen Fangemeinde und wird konstant weiterentwickelt.

Das Hauptaugenmerk liegt hier auf absoluter Anpassbarkeit und schlankem Code.

Informationen zum Oxygen Builder

Der Oxygen Builder ist ein leistungsstarkes Plugin für die Erstellung von Websites und Onlineshops mit WordPress.

Mit diesem Plugin können Sie Ihre Website komplett nach Ihren Vorstellungen und Wünschen gestalten, ohne auf Themes oder andere externe Plugins angewiesen zu sein.

Einer der größten Vorteile von Oxygen ist die Möglichkeit, jedes Element auf Ihrer Seite vollständig anzupassen.

Sie können Texte, Bilder, Formulare und sogar ganze Seitenlayouts (Templates) anlegen, um Ihre Website genau so zu gestalten, wie Sie es wünschen.

Das Plugin bietet auch eine Vielzahl von Vorlagen und Designs, mit denen Sie schnell und einfach professionelle Websites erstellen können.

Diese Vorlagen gibt es in verschiedenen Kategorien wie Marketing Agency, Financial, One Page und vielem mehr, und sie lassen sich ganz einfach an Ihre Bedürfnisse anpassen.
Auch hier gibt es kostenfreie Designvorlagen und solche, die Sie kaufen können.
Zum Beispiel im monatlichen Abonnement.

Hier können Sie zum Beispiel sogenannte wiederverwendbare Blöcke erstellen und diese per JSON-Code auf einer neuen Seite einfügen.
Das ist eine enorme Arbeitserleichterung und spart einiges an Zeit.

Oxygen für WordPress ist enorm SEO-freundlich und bietet eine Reihe von Funktionen, die dazu beitragen, dass Ihre Seite in den Suchmaschinen besser gefunden wird.

Dazu gehört die Möglichkeit, Titel und Beschreibungen für jede Seite und jeden Beitrag anzupassen, sowie die Integration von Open-Graph-Tags, die dafür sorgen, dass Ihre Seite in sozialen Netzwerken besser angezeigt wird.

Ein weiteres Plus von Oxygen sind großartige Reaktionszeiten (im Frontend) und die Ladegeschwindigkeit.
Das verbessert die Benutzererfahrung und trägt dazu bei, dass Ihre Seite in den Suchmaschinen bessere Rankings erzielt.

Insgesamt ist der Oxygen Builder ein leistungsstarkes Plugin, mit dem Sie professionelle und benutzerfreundliche Websites mit WordPress erstellen können.

Wenn Sie die volle Kontrolle über das Design Ihrer Website haben wollen, ist Oxygen das richtige Tool.

Allerdings ist die Lernkurve bei diesem Tool extrem steil, sodass es anfangs möglicherweise etwas länger dauert, bis Sie sich zurechtfinden.

Am Ende zahlt sich diese Arbeit aber mehr als aus, da Sie deutlich flexibler sind als bei anderen Themes oder Plugins.

Ein weiterer Vorteil von Oxygen ist seine Benutzerfreundlichkeit.

Das Plugin verfügt über eine intuitive Drag-and-Drop-Oberfläche, mit der Sie ganz einfach Elemente auf Ihrer Seite verschieben und anordnen können.

Für Oxygen brauchen Sie keine Kenntnisse in HTML, CSS und Co.

Diese empfehlen wir Ihnen jedoch, da der Oxygen Builder eher ein Tool für Entwickler als für Designer ist.

Das soll aber nicht heißen, dass es nicht möglich ist, grafisch anspruchsvolle Webseiten ohne Code-Kenntnisse mit Oxygen zu erstellen.

Das Tool bietet auch umfangreiche Dokumentation und Tutorials, die Ihnen bei der Verwendung des Plugins helfen.

Wenn Sie jedoch Schwierigkeiten haben oder Unterstützung benötigen, bietet Oxygen auch eine aktive Community und einen Kundensupport, der Ihnen gerne weiterhilft.

Ein weiterer Vorteil vom Oxygen Builder 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 Oxygen ein leistungsstarkes und benutzerfreundliches Plugin, mit dem Sie professionelle und ansprechende Websites mit WordPress erstellen können. 

Wenn Sie die volle Kontrolle über das Design Ihrer Website haben wollen, ist der Oxygen Builder eine ausgezeichnete Wahl.

Wer entwickelt den Oxygen?

Der Oxygen Builder wird von Soflyy, einem Technologie- und Softwareunternehmen aus Kalifornien unter der Führung von Louis Reingold, entwickelt.
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 den Breakdance Pagebuilder.
Außerdem entwickelt Soflyy in Zusammenarbeit mit Basecape und der PlugCorp Pty Ltd. das sehr beliebte Tool “WP ALL IMPORT”.

Was unterscheidet den Oxygen Builder von anderen Page-Buildern 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.

Das Oxygen-Plugin hebelt alle aktiven Themes aus und lässt Sie komplett eigene Themes (sogenannte Templates) erstellen.

Sie können eigene Templates für alle wichtigen Seiten und Bereiche erstellen.

Darunter fallen:

• Header & Footer
• 404-Seite
• Beitrags-Template
• Templates für Archiv-Seiten

Mit dem Header Builder von Oxygen können Sie großartige Navigationsbereiche und Menüs erstellen.

Die Templates können aufeinander aufbauen und miteinander verknüpft werden.
Sie legen bei einem Beitrags-Template fest, dass das Eltern-Template mit eingebunden werden soll, sodass Sie Header und Footer nicht noch einmal anlegen müssen.

So können Sie zum Beispiel für jede Seite eine individuelle Navigation erstellen.

Im Design sind Sie somit komplett flexibel.

Oxygen Builder: Preise im Überblick

Für das Ultimate-Paket zahlen Sie einmalig 179$, was für die umfangreichen Möglichkeiten fast schon geschenkt ist.

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 haben Sie ganze 60 Tage lang die Möglichkeit, Ihr Geld zurück zu verlangen.
Das müssen Sie auch nicht begründen.
Eine kurze Mail genügt, und Sie erhalten Ihr Geld zurück.

Oxygen gibt es in 3 Varianten

• Basis-Version: In dieser Version ist eine unbegrenzte Lifetime-Lizenz enthalten.
  Diese kostet 129,00$.
• WooCommerce-Version: In dieser Version erhalten Sie zusätzlich die WooCommerce-Integration.
  Damit können Sie Oxygen mit WooCommerce nutzen und großartige Onlineshops erstellen. Hier liegt der Preis bei 149,00$.
• Oxygen Ultimate: Mit der Ultimate Edition von Oxygen erhalten Sie das gesamte Kraftpaket in einem!
  Kostenpunkt: einmalig 179,00$.
  Ein absolutes Schnäppchen!

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, die Ihnen die Arbeit enorm erleichtern, da Sie nicht alles selbst entwickeln müssen.

Außerdem profitieren Sie von lebenslangem Support, der Ihnen bei Fragen immer zur Verfügung steht.

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 direkt im Builder hinzuzufügen.

Außerdem ist es deutlich leichter als bei anderen Themes, Tools und Plugins, Elemente auf Ihrer Webseite genau nach Ihren Wünschen und Vorstellungen zu platzieren und zu stylen.

Oxygen Builder ist auch ganz stark mit bedingter Logik (sog. “Conditions”).

Damit haben Sie die Möglichkeit, Elementen bestimmte Werte zuzuweisen.

Wenn Sie möchten, dass ein Element nur dann erscheint, wenn es bestimmte Inhalte auf Ihrer Seite gibt, ist das möglich.

Zum Beispiel können Sie festlegen, dass bestimmte Elemente je nach Standort angezeigt werden oder je nachdem, welches Endgerät der Nutzer verwendet.

Sie können bestimmte Elemente auch nur zu einer bestimmten Uhrzeit anzeigen lassen.

Vorteile vom Oxygen Page-Builder

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, Ihre Website genau nach Ihren Vorstellungen (und denen Ihrer Kunden) umzusetzen.

Ein besonders großer Vorteil ist auch, dass Sie an jeder Stelle HTML, CSS und JavaScript hinzufügen können.

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.

Sie müssen das Rad ja nicht neu erfinden oder sich Gedanken darüber machen, welche Elemente Sie noch auf Ihre Website bringen könnten.

Die Oxygen-Community ist groß, und es gibt viele Anbieter, die Ihnen teilweise ganze Design-Bibliotheken zur Verfügung stellen.

Hier gibt es kostenlose, als auch kostenpflichtige Anbieter.

Designsets stellen Ihnen viele vorgefertigte Blöcke (wie Navigationen, Footer-Bereiche oder bestimmte Elemente wie einen CTA-Bereich (Call-to-Action)) zur Verfügung, die Sie nur noch einfügen müssen.

Anschließend können Sie diese Bereiche individuell bearbeiten und an Ihr Design anpassen.

Nachteile von Oxygen

Einen Nachteil von Oxygen sehen wir eher als Vorteil.
Er bietet eine enorm steile Lernkurve.
Wenn Sie wirklich gewillt sind, sich mit dem Plugin auseinanderzusetzen, ist Ihr 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 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 erhalten Sie schnell ein Grundverständnis vom Programmieren und lernen, wie Sie mit HTML, CSS, JavaScript und Co. umgehen.

Breakdance ist darauf ausgelegt, dem Nutzer das Arbeiten so einfach wie möglich zu machen.
Dadurch können Sie komplett auf Code verzichten.

Auch das seitenübergreifende Arbeiten ist in Oxygen aufgrund der langen Wartezeiten sehr gewöhnungsbedürftig.

Beim Oxygen Builder müssen Sie erst die Seite schließen, in der Sie gerade arbeiten, und anschließend die neue Seite öffnen. Auch hier müssen Sie (je nach Hosting) mit längeren Wartezeiten rechnen.
Das kann auf Dauer viel Zeit fressen.

Großartige Neuigkeiten:

Elijah hat gestern (18.10.2023) in der Facebook-Gruppe Oxygen 4.8 BETA 2 vorgestellt.

Nun ist es endlich möglich, die Seiten und Templates zu wechseln, ohne die Seiten erst schließen zu müssen.

Was für eine großartige Verbesserung!

Mit dem Plugin Brickslabs Bricks Navigator ist dies auch in Bricks möglich.

Aber nicht nur das:
Mehrere Personen können gleichzeitig an einem Beitrag arbeiten (wovon wir Ihnen abraten), und Sie können mehrere Beiträge auf einmal öffnen und bearbeiten.

Wir sind 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 Pagebuilder vor hat.

Welche zusätzlichen Plugins erweitern Oxygen um nützliche Funktionen?

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

Hydrogen Pack

Elemente Kopieren

Sie können Elemente schnell und einfach über die Standard-Shortcuts Strg+C und Strg+V kopieren und an einer anderen Stelle einfügen.

Stile kopieren

Sie haben ein besonderes Feld erstellt oder ein Element mit CSS angepasst? Auch hier können Sie 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. Es verkürzt Ihnen die Zeit für manche Dinge enorm. Zum Beispiel können Sie damit Elemente duplizieren, kopieren, Stile übertragen oder bestimmte Conditions setzen.

Shortcuts

Sie können aus über 60 verschiedenen Shortcuts wählen. Außerdem haben Sie die Möglichkeit, individuelle Tastenbelegungen für die einzelnen Shortcuts zu hinterlegen.

Beachten Sie: Als Mac-User müssen Sie 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 bekommen Sie die Möglichkeit, neue Funktionen oder Elemente in einem eigenen, isolierten Bereich zu testen, ohne dass Ihre Live-Website davon beeinflusst wird. So müssen Sie sich keine Sorgen machen, dass das Nutzererlebnis Ihrer User in irgendeiner Weise beeinträchtigt wird.

Breite des Strukturpanels selbst festlegen

Außerdem können Sie die Breite des Strukturpanels selbst festlegen, sodass Sie nicht mehr scrollen müssen, sondern alle Elemente auf einen Blick erkennen.

Arbeit auf kleinen Bildschirmen wird erleichter

Zudem erleichtert Ihnen das Hydrogen Pack die Arbeit auf kleinen Bildschirmen, z. B. auf Laptops, ungemein. Es entfernt alle Bereiche, die Sie zum Arbeiten nicht benötigen, sodass Sie mehr Platz für Ihre Entwicklung haben.

OxyExtras

Mit OxyExtras fügen Sie dem Oxygen Builder weitere coole Funktionen hinzu.

Besonders das Off-Canvas-Menü von OxyExtras finden wir sehr gelungen und setzen es gerne ein. Außerdem müssen Sie Ihren “Zurück-nach-oben-Button” nicht selbst erstellen, sondern können ihn einfach einfügen und bearbeiten.

Sie können ein vorgefertigtes Login-Feld einfügen und anpassen, eine Leiste einbauen, die den Lesefortschritt Ihrer 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 (Lesefortschrittsbalken)
• Reading Time
• Slide Menu
• Social Share
• Table of Contents
• Toggle Switch

OxyUltimate

Mit OxyUltimate erhalten Sie weitere nützliche Möglichkeiten, sich die Arbeit zu erleichtern. Sie können Kontaktformulare von Fluent Forms, Contact Forms, Gravity Forms und WPForms nach Ihren Vorstellungen anpassen. Sie erhalten besondere Effekte für Überschriften wie Highlights oder Animationen, können Tooltips nutzen oder einstellen, dass Ihre Bilder in einer Lightbox geöffnet werden.

• 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

Wichtige Zusatz-Plugins für Oxygen im Überblick

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 Sie Hilfe benötigen oder sich ansehen möchten, was sonst noch mit Oxygen möglich ist, finden Sie 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/