My highly-favorable review of the Oxygen pagebuilder by Louis Reingold (Soflyy).
If you’re a diehard coder (or developer-minded WordPress user) looking to build custom WordPress site designs…Oxygen deserves to be on your shopping list.
I don’t even like pagebuilders…actually, I HATE THEM…but I’m absolutely smitten by Oxygen.
Brief history on pagebuilders
Before pagebuilders, there really wasn’t a user-friendly way to customize WordPress sites. Most people were begging for help on theme support forums and hacking in random snippets that sometimes worked but other times broke their site (especially after updates).
Somebody came up with a fantastic idea of this god-like WordPress editor that took over your website entirely and forced you into an entirely different interface but gave you seemingly limitless power to edit every element of your page AND add tons of flashy effects. Whatever cool effect or animation you saw in those agency sites…you could now do the same! Average WordPress users everywhere were given the magic wand over night and boy did they go to town on their sites! (LOL)
But with great power, comes great responsibility.
Great responsibility that users (and even developers) did not take into account. Many popular themes were weighed down by incessant displays of effects, and page load speeds were getting so bad it spawn a subculture of “WordPress speed” addicts. As expected, buffets do not encourage moderation.
So what happened next?
The evolution away from pagebuilders (and toward Gutenberg blocks)
It’s happening as we speak. More and more developers creating custom blocks for building pages. Some blocks are for design. Others are for content. Even more powerful is that you can mix and match to your heart’s content. Why waste your time with a big bloated pagebuilder when you can recreate the same cool effects with just individual blocks?
Search “blocks” in the WordPress plugin repo and you’ll see for yourself. I’m telling you! The future WordPress themes will be customized using blocks, not pagebuilders.
And you know why?
It’s because pagebuilders were only necessary to customize content, not necessarily the theme.
Theme customizations are easy. Usually there’s theme options or customizer settings for colors, fonts, and all that. The only hard part was making multi-column layouts, adding cool backgrounds, and styling libraries (the silly effects).
So when you think of it, pagebuilders were really only necessary as a “content builder”. (The key word being “WERE”.) And now with Gutenberg blocks, you can build and style content in a much better way!
So what makes the Oxygen Builder so great?
What makes it so great is that it’s not a pagebuilder. It’s not a bloated piece of bad-code spitting content builder taking over your WordPress content-editing process and page templates in a non-native WordPress way!
REASON #1 – Oxygen is really a themebuilder.
Oxygen is so much more powerful than mere “pagebuilders”.
How Oxygen works is that it still appears (and functions) like a pagebuilder, BUT it also takes over the entire theme function. In other words, Oxygen BECOMES your theme. Whatever theme you had activated before, activating Oxygen will deactivate it. Your theme is not used at all whatsoever. This key behavior is the main reason why Oxygen is a “love it or hate it” kind of tool.
You will LOVE Oxygen if:
- You want full design control of your theme and pages.
- You hate wasted code bloat from unnecessary overlap of theme and pagebuilder styling.
- You like to design from scratch.
You will HATE Oxygen if:
- You only wanted a pagebuilder for a few simple layouts or effects.
- You hate (or don’t feel comfortable) from a developer’s point of view.
- You like your theme styling already and don’t want to change much.
REASON #2 – Oxygen was built for developers.
To clarify, it’s built for responsible-developers and logic-abiding designers!
You couldn’t have gotten my attention any better than with this. Oxygen truly is built for developers. Beautiful code, beautiful design, interface, logic. And by “developers”, I mean like legit coders who can build themes from scratch. And I’m NOT talking about lazy developers who don’t want to code, or low-budget agencies who can’t afford a coder.
- Want to add unique ID’s or re-use CSS classes? Easily done.
- Want to individually CSS style or assign JS to specific elements? Easy!
- Want to throw raw code onto your layout or content? Also easy!
- Want a super cool outline of your content tags/blocks? Also done.
There are so many things about Oxygen Builder that feels so friendly and intuitive for developers; I can’t list them all. There’s nothing more inviting for developers than being able to see the live view as well as the wires at the same time.
I knew I’d fall in love with Oxygen the moment I joined the Facebook group and saw tons of developer-minded questions. Lots of questions about css fixes, hooks and filtering logic, efficiently building content with the included dynamic query. It was a pleasant relief from the usual newb questions I see in Elementor/Beaver Builder groups like “how do I change header size? font color?” or even worse…”is Bluehost a good webhost?” Hahaha.
I mean absolutely no offense to newbies (and there’s nothing wrong with their questions). My only point is that there are more experienced developers using Oxygen Builder.
Oxygen community will make you a better developer.
I always love being in communities with experienced developers/designers. You learn more. You get more inspiration. You’re part of a much more impassionate bunch of people working on way cooler projects and deploying way more skills. Enthusiasm is infectious. Everybody is doing cool sh*t and sharing how they make it happen.
You get to rub shoulders with much better developers, meet people you would actually hire. Get interesting thoughts. Talk to developers who are literally creating the future of web development. You see new ways of doing things (rather than questions from people who don’t even understand basic web design).
Oxygen lets you code from scratch.
Want to build some areas with a convenient editor but hand-code other parts? Oxygen lets you do that. You aren’t stuck or handcuffed to a visual editor. It allows programmers the best of both worlds (working in code, or in a visual editor). I don’t think you can get any more flexible than that.
Do you already have a finished design to work off of? No problem! No stupid distractions, example widgets and layouts and effects to get in your way. You’re not a newb wandering around in the backend. You’re a damn professional with a crystal clear vision of the end goal!
Oxygen labels things by their proper “programmatic” terminology.
Section, div, header, id, class, container. Not “modules” or “row”. This might seem unfriendly for non-coders but it makes way more sense when people want to look things up or ask for help from developers. We already have standardized programming terminology; there’s no need to invent a new one for non-coders!
Just working in a tool that uses proper coding terms will help you understand programming and developer’s lingo that much quicker. Without realizing it, you’ll subconsciously learn how different parts of HTML, PHP, and CSS fit together and know how to refer to them when talking to developers. Having a common language helps you pick up technical concepts so much quicker!
Oxygen was inspired by Webflow
If you don’t know what Webflow is. It’s a super popular and widely-adored design tool used by professional designers (considered by many as the “finest visual builder” ever made). Basically allows you to turn fancy agency-grade designs into live functioning websites. Industry-grade stuff right here. Used by PROS! And I’m not surprised at all considering Oxygen feels lightyears ahead of any pagebuilder right now. If you want to build and design like a pro in WordPress, Oxygen is the closest you can get to being both non-coder-friendly AND coder-friendly!
REASON #3 – Oxygen is the leanest visual-builder.
Oxygen outputs about 5-10 times less code than other pagebuilders.
Beaver Builder is somewhat clean. Elementor ain’t too bad. But none of them will ever be as lean as Oxygen because:
- They load a full-featured (bloated) pagebuilder on top of your (already) full-featured theme. That’s gonna be way more CSS styles, way more JS scripts…and waaaaayyyyyyyy more DOM elements to render. Way more code to process and reprocess.
- They create far more html code for the same amount of visual elements.
You may have seen that funny video where Oxygen’s founder shits on pagebuilders for throwing tons of divs and messy code. Also that those divs make a mess out of your content when disabling the pagebuilder (aka “shortcode soup”). Perhaps some of you were even offended by it or felt he was just too full of himself.
Well, I’m here to say Louis is a genius. I’m gonna tell you what he did is nothing short of being absolutely extroadinary. He’s built the first true clean-coded WYSIWYG editor that I’ve ever seen in any CMS. Really…he coulda have just made it his own damn CMS. Why even waste time integrating it into WordPress? Hahaha.
And in case you think I’m kidding, I’ve seen this theme-builder concept attempted time and time again for the past 10 years. Nearly 10 years ago, there was the Dynamik themebuilder for Genesis themes. It was a respectable child theme builder, but far from “user-friendly”. Around that time was also the Thesis theme which is a theme made of Matryoshka containers, and later the supposedly superior Headway theme. But those fell out of popularity rapidly because A) they weren’t friendly for users, and B) they weren’t friendly for developers either. Hahaha.
But here we have…for the first time in all of WordPress history, a freaken WYSIWYG website-builder that actually looks easy enough for average users to understand, yet respects developers’ workflow logic, ANNNND actually spits out valid code. Holy f*cken sh*t! GUYS! This is the pyramids of Egypt in terms of WordPress extensions. It’s been attempted numerous times throughout the years but only achieved by one.
What’s more impressive is that it seemed (to me) like he did it easily. He saw what pagebuilders were failing to do (for both average users and developers/designers) and saw how he could do better. He had a clear vision and saw it through in such short time. No wasted time pivoting back and forth to “stay ahead of the trend”. No wasted discussions fielding ideas from other staff and “industry leaders”. Not so many wasted beta-years collecting community feedback to figure out what the market needed. Oxygen Builder is the Model T automobile in the age of trains and horses (pagebuilders).
REASON #4 – Oxygen has the best pagebuilder UI.
Oxygen builder is easier to use.
I look at it and I understand it within a few seconds. All the panels and labels look intuitive for me. It feels like a mix between a graphics editor (Photoshop/Sketch) and a desktop code editor. Even if I don’t know where certain settings are, I feel like I know where to look for them.
Maybe I’m biased because I understand basic HTML, coding syntax, and how CSS is applied to content and containers. I can’t help but see how easy it is to not only add what I want but EDIT what I want. With other pagebuilders, I’m often lost clicking on the wrong elements like 70% of the time. (Granted, I’m no pagebuilder expert. I only use them because my clients have them).
The Oxygen editor lets you see everything clearly (visually AND in code).
There’s no silly flipping back and forth between “frontend view” and “editor/code view”.
- You can see the entire design all at once.
- You can see EXACTLY what it looks like live. (Without stupid settings icons over each element.)
- You can see exactly the boundaries of each element (upon mouseover).
- You can see the code for each element.
- You can see exactly which element you’re editing. (AHHH YESSS!)
- You can easily target the next parent container up. (Instead of guessing for the parent div).
It’s an absolute thing of beauty. And it sounds so simple yet other pagebuilders can’t even do that right. Many of them show some weird backend version with confusing box outlines and only shortcodes to the content instead of the content itself…zero help whatsoever when you don’t know what they’re connected to. Put it in “frontend view” and you still can’t figure out which or where is the parent container. You’ll mis-click a hundred times before inevitably editing the wrong thing and then pulling your hair out trying to UN-DO. Yeeesh, I can only imagine what end-clients have to go through!
The Oxygen interface is so much cleaner (yet more informative).
- Settings panels are quiet grey colors (not distracting purple, orange, blue, red, yellow, etc).
- All settings are shown neatly within the left panel and accessible within 2 clicks. There’s no fear of overlooking settings elsewhere. Oh and no [email protected]$$ settings panels covering the freaken content they’re affecting! ARGHHH!
- All element settings show size and spacing in the first panel tab, then effects in the second. So much cleaner this way compared to the usual pagebuilders with seemingly-arbitrary settings for spacing and styling that don’t explain exactly how those settings affect your element IN RELATION to other elements!
- The structure outline panel (on the right) is so freaken beautiful. I wanted to cry when I saw that. You have no idea how comforting it is to see an outlined version of your page design. It’s how developers like to work. I’m amazed to hear only Elementor has the same feature (and only very recently).
Oxygen is so much easier to re-use elements, sections, styles.
One tedious part of design is doing repetitive functions. Make a section, put a box in it, size it, style it. Then make another one just like the first. Then maybe take that whole section and copy it elsewhere. Aghh…sounds like a lot of work. Not only that but it’s scary.
Take DIVI for example…if I want to copy an element styling, I click on “Copy Module Styles”. Now what “styling” does it copy? Just the CSS stuff? Or does it include the design settings or effects, too? I have no idea. I hate having to learn new terminology when there’s already existing ones. Label translation is not fun!
With Oxygen, everything is called exactly by it’s proper coding terminology. An “id”, a “class”, etc. If I want to copy styles, I can easily create a global CSS class and style it and then apply that class to other elements.
Now put aside the styling. What if I want to re-use an element and copy-paste it elsewhere onto the same page? Easy. Or if I want to re-use a whole section that encompasses several elements on another? Also easy!
Oxygen can create parent containers above your chosen element.
This may sound like a silly feature but hear me out. Pretend you created an element and then realized you forgot to put a big background behind it. With most pagebuilders, you gotta delete or “CUT” the element you were working on. Create a parent container for it and then paste or rebuild it back in. With Oxygen, you can easily 1-click create a parent div around any element. This is a fantastic time-saver for those design moments when you put the cart before the horse so-to-speak.
REASON #5 – Oxygen can output plugin-like functionality.
Honestly, the Oxygen Builder was already the best pagebuilder from all my other reasons but this is where it’s just being a total showoff. It’s now a gym bully, like some 300lb bodybuilder flexing next to a scrawny middle-schooler.
Oxygen Builder can output dynamic calls.
I’ll do my best to explain in layman’s terms. If you think about it…all content is either static or dynamic. Static content is entered manually through the content editor. Dynamic content is (usually) entered through a plugin which then outputs the content based on the settings you choose.
Don’t worry, I’ll provide some real-world examples:
- A plugin that shows a bunch of posts (based on recency, popularity, category, or manual selection).
- A plugin that shows a specific post type (products, testimonials, directory/home listings).
- A plugin that shows images in some animated effect (slider, grid, carousel).
- A plugin that shows content from somewhere else (social network activity, weather, game scores, rss feed).
And if you think of it again, what content plugins do is output dynamic content. SoooOOOOOoooOOOoo…if Oxygen can output dynamic content (just like plugins), that’s a big freaken deal because that means you can build plugin-like functions using just Oxygen….and forego the use of more unnecessary plugins! How freaken awesome is that?!
- Less CSS/JS to load. (Faster page loads.)
- Less plugin CSS/JS to conflict with theme CSS/JS! (Fewer conflict issues.)
- Less custom-styling hassles for developers (faster development).
Sure, I think Elementor and Beaver Builder have “dynamic content” options as well but nowhere near Oxygen’s level.
Oxygen Builder also allows PHP function return and also Conditions.
I think most people (including me) are not on the level to care about these but they’re incredibly powerful in controlling how dynamic content is displayed and when/where it’s displayed. With the “Conditions” feature, you can decide whether to show certain elements depending on whether the user is logged in, or has certain roles/capabilities. It’s really incredible stuff.
Imagine showing a login or purchase form for regular visitors, but then special info or upsells for logged-in users. There are so many possibilities for not only developers but also non-coders as well.
- If you’re a developer, you’ll appreciate a simple GUI interface to put together plugin-like functions.
- If you’re a regular user, you’ll appreciate the ability to follow tutorials (by other people) and also use the same GUI interface to make plugin-like functions.
A visual design-builder is really cool…but a visual PLUGIN-builder? Mannnn…that’s next level stuff!
Here’s where I get to be really critical and try my best to tear down this incredible tool. I haven’t even used Oxygen much to be a credible auditor but will try…
No UN-DO function
It’s a running joke among Oxygen users. You would think such an immersive tool would allow a simple CMD/CTRL + Z hotkey. Or at least some undo button somewhere. I think this function is especially important when you accidentally mis-click and drag things.
However, Oxygen does have revisions and then there’s this checkpoints. Other workarounds are to constantly save your work and if you ever mis-click, just refresh the page without saving. You can install a plugin to hotkey the “save” function to CMD/CTRL + S.
EDIT: Sridhar Katakam just told me he’s releasing a 3rd-party addon plugin to resolve this. Woohoo!!!
Fewer 3rd party integration
I’m grasping at straws here but it’s a valid statement nonetheless. There are fewer companies and theme-makers out there using Oxygen. That means fewer prebuilt designs out of the box. Fewer 3rd-party plugins to integrate with. Of course…that doesn’t really matter because quality beats quantity and you probably don’t need 99% of the junk out there anyway. I could care less because most of those designs and products are made for the (unrefined) masses. But for regular users…yeah, it definitely means fewer options for them to play with.
Prebuilt designs need more mobile-menu styles
I wish the prebuilt mobile-menus had more variety. You can see what I mean by visiting their Design Library and clicking on the hamburger menu on all their designs (in mobile view, of course). All of them have the same white background with links dead center. I want variations of dropdown panels, or side-panels pushing the site over. Luckily for me, I’m a guy who hates hamburger menus but just thinking for others.
Another mobile design stickler of mine is how the search function is designed in mobile. Does a searchbox magically slide down into view? Does a solid background and search line take over the screen? Sadly, there are no prebuilt layouts for this in their design library. A massive oversight for content/ecommerce sites which also aren’t featured at all in their design library.
Lack of template overrides options
Toted by Sridhar Katakam as “Oxygen’s only one true limitation“, Oxygen does not (natively) allow for custom template overrides by plugins. Many themes use that to customize pages for certain plugins (WooCommerce, forums, tables, etc). Some themes already come with custom templates. Others don’t and you have to create one yourself. Since Oxygen completely disables the WordPress theme function, it obviously won’t be able to override plugin styling from theme directories.
Luckily, there are some workarounds (and not all that hard either):
- There’s an Oxygen Theme Enabler plugin made by Sridhar. What a freaken hero! It allows you to re-enable your theme for only certain pages.
- You could also copy the code and put it in a “Code Block” inside the corresponding Oxygen templates. I don’t think that’s too hard at all! Anybody savvy enough to hack page templates would also be savvy enough to copy over their code. I’m relieved at how easy this is, actually.
- Also code snippets from the community. WooCommerce, Easy Digital Downloads, Restrict Content Pro.
Oxygen is an all-or-nothing tool
You can’t (officially) run it alongside your existing theme. Once you activate it, your entire theme is Oxygen. This makes it inconvenient in several scenarios:
- Theme preservation – you like your theme and only wanted Oxygen to build some content layouts. (It’s ok, use 3rd-party blocks in this case.)
- Gradual conversion – you want to switch from one pagebuilder to another or remove it entirely. With other pagebuilders, you can slowly remove your pagebuilder reliance one page at a time. You don’t have to do it all at once.
- Testing purposes – you want to test Oxygen on certain pages before enabling it globally. With Oxygen, the only way to test is to rebuild your entire theme (content areas AND header/footer) otherwise…your site looks totally different. That’s a lot of initial effort just to test.
In short, Oxygen feels fun and empowering if you want to do a whole new site design. But if you only want to change a few areas, Oxygen (inconveniently) forces you to rebuild your entire existing design in another tool. Hey, that’s still a massive benefit in code reduction…but you could also get similar results going the Gutenberg blocks route.
Element ID’s could be cleaner
Oxygen outputs a unique ID for each HTML element, about 10-15 characters long and usually unnecessary. But in retrospect, they only take a tiny bit of space and still far more lightweight than the “divception” brought on by other pagebuilders. Thanks to Sridhar Katakam for pointing this out.
Oxygen isn’t totally newb-friendly.
The fun of it for me is that it’s totally clear and clutter-free. No distractions. An empty canvas with limitless possibilities. But that’s just me. A newbie user might prefer something more like a giant toybox with all kinds of fun widgets and effects to choose from. Perhaps something more like this. But hey that’s the difference between someone working off a clear vision (or finished design) versus someone just randomly clicking around.
Don’t get me wrong, Oxygen has all those toybox options too but it forces you to deploy things in a more programmer-like way. First you have to know which container you’re working in, then decide how much space you want to allot to this element, and then FINALLY you get to deploy whatever widget thingy you want.
The way programmers place things onto the page, the WHERE is much more important than the WHAT. But when you think about how newbie-design tools are made, they let you choose the object first and THEN you figure out how to shove it onto the page. Of course, that method will always be messier.
Oxygen has some autoloads
If you’re longtime user, you know exactly what I’m talking about. That big ct SVG set thing and also the Google fonts. What a shame and I hope they improve this soon.
I can’t wait to play with Oxygen Builder
The most exciting visual builder for aspiring professionals.
If you’re a developer or DIY who loves pagebuilders and you appreciate learning how to develop websites in a more professional way, the Oxygen Builder is an absolute no-brainer. I’ve long been an advocate for hard-coding everything and will have to say this is the first visual builder that’s ever made me rethink my workflow.
I love that it never called itself the “Oxygen Pagebuilder”. Pagebuilders don’t deserve to be compared to Oxygen whatsoever. They’re little more than convoluted prebuilt wireframes and endless dropdown effects. Oxygen is actually meant for converting professional designs into coded themes.
Oxygen Builder still has “Lifetime Pricing Deals”
At the time of this writing, you can get the unlimited sites and updates/support forever package for only $169 (one-time purchase).
The competition pricing:
- Beaver Builder – $99, $199, and $399 per year for varying packages.
- DIVI – $89/year or $250/lifetime for unlimited access.
- Elementor – has FREE version, PRO costs $49/year (1 site), $99/year (3 sites), and $199/year (1000 sites).
Go try the Oxygen Builder!
- Try Oxygen Builder today.
I’d also like to give a special shout out to Sridhar Katakam who’s unloaded a wealth of tutorials for Genesis (my favorite theme for developers) and also runs WPDevDesign.com (an incredible site for Oxygen tutorials). He regularly gives me a heads up on developer products and services worth trying and was the one to give me a personal walk-through of the Oxygen Builder. I felt like I learned 90% of the important areas within 1-2 hours and there’s no doubt others could learn just as easily. (Hey Sridhar, maybe start a service for that.)
One more “don’t like” thing is when you need to delete a div or a link wrapper (that you might just have added around some elements). You can’t delete theme alone, it also deletes everything that’s inside of that div or link wrapper. So you have to move all the elements out of them, and then delete them. Which takes additional time and your nerves))
Ahhhh yeah…..although that does sound like normal behavior. Perhaps there’s a way where you can drag items into the parent before getting rid of the div. Or deleting JUST the div.
“No UN-DO function – It’s a running joke among Oxygen users” ??
It’s a really annoying whine from beginners and hobbyists who don’t understand how database driven web applications work and think everything just happens by magic with no overhead or compromise. The same people who don’t want to learn any kind of markup or scripting, have never designed a WordPress theme, and have the temerity to advertise themselves as “web designers” because they once bought a copy of Divi. Grrrr!!! lol.
Ahahaha. I can’t speak for others but I’m used to an un-do in media tools. Even the crudest browser-based image editors have an un-do.
Maybe for people who witnessed dinosaurs it’s annoying, but beginners do like to have “un-do” buttons. There is nothing wrong about that 😉
To greatly increase the power of Oxygen this also another one of the best plugins
I have no affiliation.
Thank you for sharing this, Francis! I love the powerful 3rd-party tools.
Thanks for this Johnny. I enjoy reading your articles.
I really like Oxygen. Conceptually its brilliant but it doesn’t yet feel like a polished product in terms of the execution of the idea (although its not very far off)
Spend a few hours building with it and let me know what you think of the drag and drop.
Most people buying it would assume an undo function exists in the core and not via a third party plugin.
I can’t think of a page builder that doesn’t have an Undo function.
Now it does help that a third party plugin is available for this but it should also be noted that this Undo plugin costs $69.99.
As an aside, any Oxygen users reading this please make sure you do request the developers to include the Undo feature in the core. You can do so on Github here:
Oxygen doesn’t play nicely with all other plugins including SEO plugins, social sharing plugins and so on. I know you’re not a fan of those but many people are.
Finally, I don’t think it will be the last page builder standing.
Just as Gutenberg incorporated Page Builder functionality into the core with blocks (technically killing Pagebuilders over time) , the logical continuation is for the WordPress core to incorporate theme building / template building functionality just like Oxygen does.
That may be a while off though and Oxygen is a great tool to use in the meanwhile (its shortcomings notwithstanding)
Hehe, I made my vote on that Github link just now. I’m sorry to hear Oxygen doesn’t play nice with other plugins. I’m curious which SEO plugin functions you felt were broken. As for social-sharing, I’ve usually implemented those via hard code.
Thanks for your insights and feedback!
Thanks for adding your vote 🙂
In terms of SEO plugins they don’t seem to be always fully functional off the bat with Oxygen.
For example, for Rankmath you will need
And you can see this example:
As you can see, other plugins sometimes need to specifically make changes to their their plugin so that it is compatible with Oxygen.
Heres the changelog from SEOPress. I do find it funny that he describes the change as being “little tricky”
Yes…I’m guessing because of the missing theme template thing. Thanks for all this helpful info.
Yes, I think you are right.
This is actually the biggest problem with Oxygen (much more important than the lack of an undo) and the reason I don’t use it as my primary tool.
Plugins are a major part of what makes WordPress attractive. And if you are not able to confidently add any plugin without worrying about the site breaking (which I’ve experienced) that puts it at a huge disadvantage.
And it’s not only SEO plugins. If you look at the Facebook group you will find other plugins also giving issues.
If this plugin issue is fixed (and the undo, drag and drop, etc) this truly can be the one tool to rule them all.
When I first discovered Oxygen and purchased it I really thought I was going to ditch everything else in favor it. However, once I started building with it I discovered these issues and had to quickly disabuse myself of that notion.
It is also unfortunate that the developers, as a policy, have no public roadmap.
So you’re not sure if they ever plan to fix these issues.
From what you’re saying, I think Oxygen doesn’t fit your workflow. For developers, the template problem is not so hard to work around since they can throw the template code into the code blocks. In any case, maybe you’re better off with just a regular theme and Gutenberg blocks.
Google and other search engines continue to index the content added via Oxygen builder just fine with or without a SEO plugin and/or helper plugins that make the SEO plugins read Oxygen content.
The SEO companion plugins are only needed for your own satisfaction – they only help you see the SEO keyword density, score and such metrics.
You can quite simply add code for that via a Code Snippets plugin if you don’t like to install a plugin.
I understand that your content is still indexed by Google and you don’t need an SEO plugin for that.
But most professional SEO’s do use a plugin.
You very often want to be able to easily change the meta title and meta description of a page (this can make a difference to to Click through rates and rankings).
Also – its not just SEO plugins.
I’m not a developer but correct me if I’m wrong – there are certain plugins that will not work at all with Oxygen unless the developer makes some changes to the code of their plugin to accommodate Oxygen
Yes, I can see how Oxygen might not be as easily-compatible with some SEO plugins/functions…
but FWIW, I no longer believe meta description helps CTR much since Google often grabs text from random areas of your page. They don’t necessarily respect meta-descriptions. I consider myself extremely SEO-savvy but I don’t use SEO plugins whatsoever. I’m sure many respected devs use SEO and have found their way around your concerns.
Yes I would have to agree with you as I’m not sure how to remove a plugin conflict by adding template code to a code block. Something I need to look into as I do like the tool.
That said, it is quite important that anyone considering Oxygen is aware of this issue upfront as it does mean Oxygen won’t be ideal for a large chunk of WP users.
Yes, absolutely. It’s more of a visual tool for developers. I think regular users are better off with Gutenberg blocks. Easier and less hassle.
What I actually want is a way to develop custom post templates visually (without having to hard code them) and be able to integrate ACF fields into those templates. Oxygen does this brilliantly and was the main reason I liked it (besides the speed).
Is there another way to do this just using Gutenberg and a theme ?
Or is hand coding the full templates the only way?
If you want to do it without having to hard code…using GeneratePress “elements” and “sections” is your best chance.
I checked with GeneratePress. It’s not possible currently with GP to visually create the custom post template and add ACF fields.
This is one of the reasons I suppose Elementor, Divi, Beaver Builder (+ Beaver theme) are quite popular. They make it easy to do this without having to code.
SORRY! I just read that you wanted to create CUSTOM post template, not just regular post templates. Yes…you need ACF for that but I don’t think it’s too hard if you can read online guides.
I agree that you can research this online and do it yourself. I’ve done so myself.
But I have many friends who aren’t comfortable with FTP’ing into a site and editing PHP templates and so on.
For them there’s a world of difference between
OPTION A – CODING IT MANUALLY
Creating a child theme
Adding a function to register the CPT in functions.php
FTP into the site to create a copy of the single.php template for the custom post template
Editing the custom post template to include calls to the_field ACF function for new fields etc
CSS styling the above
Hahaha, yes….there are very few easy options that allow newbies to do pro-stuff.
Having been burnt multiple times by using oh-so-clever starter themes or theme frameworks that can‘t be simply upgraded or started malfunctioning, I‘m a bit hesitant to use a plugin that has the power to completely break client sites, however elegant working with it and its output may be. And Oxygen is really really nice in both regards, I‘m constantly tempted to start using it instead of Genesis Child themes.
Hi Johnny, I enjoyed your blog.
Hopefully, Zunaid does not prove prophetic that Oxygen will not be the last man standing. Clearly Gutenberg is positioned to draw in new less savvy WP users who will accept Gutenberg as their default editor.
For me, Oxygen still offers far more in terms of flexibility, so I don’t think $99 is much to recoup in design work with such a powerful tool in our hands.
I have purchased Oxygen builder. The learning curve seems to be huge.
Just make one test website and start to play with it, it will make sense very shortly. I thought same as you (as someone who was developing in WP for 7 years, from underscore theme development to using Fusion Builder, Elementor, Divi… ), but when I started I fell in love with Oxygen after 4 hours. Just give it a chance, Johnny is 100% right…
Thnx for showing Oxygen, looks great!
However, I was wondering how the client/end user can edit pages, and found this tutorial:
Feels a bit clumsy, especially the editing of background images, buttons, icons, etc.
Hope they’ll make it easier to understand for end users how to edit these things…
form today it seems undo is a fact 🙂
Yes, they’ve come a long way! 🙂
Hi there Johnny, thanks a lot for such in-depth tutorials and guides.
I am NOT a web developer but I am starting to learn HTML, CSS and JS so I can offer much better all-in-one service as an SEO consultant and, to be able to finally make the switch from Elementor to Oxygen.
It´s a bit scary since sometimes I feel overwhelmed but, I don´t mind taking the time to know my way around it.
Also, I feel a bit sad with all the time I´ve invested in learning Elementor but, the more I try Oxygen and the more time I spend on my client´s sites trying to improve their page loading speed, makes me realize switching to Oxygen is the best move.
A question, is there a way to convert Elementor templates/elements to Oxygen compatible?
Have you considered Nimbufy?
Hey Johnny. Great guide. Much appreciated. It’s so good a read it all twice (on two different days)! I love the idea of Oxygen and it totally appeals to my professional coding/css background (on top of being an agency ‘designer’) but I’m slightly concerned about a couple of aspects that I would you/other actual Oxygen users could feedback on (if at all possible):
1. Client hand-over/client editing. I’ve seen lots of videos on this now – but we usually build reasonably complex sites with hundreds of pages for smaller to mid-size SME’s how do most clients adapt to being given such a heavy-weight tool just to make text edits, add new posts, add/edit images etc? IE All the normal stuff that normal, non-technical clients want to do?
2. It looks like the Oxygen devs (who have done a remarkable job) didn’t see Gutenberg coming (which I suspect isn’t that unusual) but their ‘workround’ of allowing blocks to be converted for Gutenberg editing seems a little clunky and for my clients I expect we would prefer to train them to use the Oxygen’s otherwise excellent visual editor – but this seems to be underdeveloped in terms of only allowing ‘full editing’ or ‘no editing’ as full editing allows the hand grenade option of allowing PHP snippets via the editor, etc, etc – which for many clients is a strict ‘no-no’ and if the only option is converting everything (relevant) to Gutenburg blocks you’re then throwing away the visual power and simplicity of their absolutely excellent visual editor. This might be a ‘hand-break’ for me/other visual developers. Whatcha fink?
3. It feels to me as though Oxygen needs the ability to allow (add) a new ‘text-only’ user-role permission for clients/editors that literally only need to update the text via the visual editor. Any rumours/ideas if that’s a future possibility?
Keep up the great work meantime. Many thanks.
1. I think it’s ok for smaller sites and perhaps “un-native” for large sites. You’ll have to try to really know. I have no idea of your client’s technical ability.
2. I don’t know the answer to this question but it’s a good one. You’ll have to check the documentation to their Facebook groups to see the full scope of Oxygen’s role management capabilities.
3. I have no idea.
I’m a pure Gutenberg guy myself. Oxygen is awesome but doesn’t fit my usual workflow.
Conveniently for you, a feature EXACTLY how you described is coming to Oxygen in the next update! The beta release for that update is out now, so I’d expect the full release within a few weeks. https://oxygenbuilder.com/2020/09/15/oxygen-3-6-alpha-1-now-available/
Thanks Alec. Just read that and watched the video. That’s a great, comprehensive update with a really great new set of edit roles/permissions and granular settings. Love the new REM and custom calc() css abilities too. Very nice.
thanks for another awesome read!
One of the weaknesses of Oxygen Builder you mentioned (it not being totally newbie-friendly) turned out to be an awesome thing for me – made me, a total noob, go, and start educating myself in frontend development so I can understand the terminology and use Oxygen’s potential. This opened up a whole other world for me I never thought I would be interested in.
I have so so so much distance to cross yet, but I am confident and happy to be in a great company of all the expert and selfless people who dig Oxygen Builder. Couldn’t be more grateful!
Marina, that is awesome exploration work you’ve done. You’re an inspiration! 😉
Someone over the seas saw your comment, I was hesitating to use oxygen!
Then guess! All the magic doors opened since he started crafting oxygen, CSS… etc.
All because of this genuine article! And your comment helped me consider a BIG decision to jump out from bloated page builder!
I want to mention that I’ve recently moved to Bricks Builder! with all of my expertise learned and earned from my time with Oxy!
So thank you very much!
yeah, stepping into the unknown never goes without the thrill of the discovery and more often than not the line “I’m so glad I did it!”
Thank you for reaching out and letting me know about my small role in it, that really fills me with joy and you genuinely just made my day 🎶🎉
Have a great time with Bricks and all the adventures on your map and I wish you to make all kinds of great decisions that will make your life, your work and your heart full 🤩
Once again! Thank you for sharing your comment and thoughts about your experience!
Sometimes these little things people missed others don’t! Can change a lot!
And FYI I made this decision 6 months ago! And didn’t forget to come back here and thank you ^__^
Wish you all the best…
Also thx to Johnny for his authentic website!
Multi-language sites with Oxygen Builder must only have pure pages, posts, menus. Dynamic content like loops cannot be translated.
New player in this category:
Yeaup. Already on my radar!
is it worth doing an update to this review as we now have Oxygen v3.8 with various new features?
Would love to know if a V4.0 is coming …
thanks for all the GREAT articles!
What about the oxymade? It will make the site slow？
I don’t see why it would slow the site. It’s simply CSS design kits based off the existing underlying Oxygen pagebuilder framework.
Hi johnny what u thinking about the future of tools like oxygen in 2022 when wp 5.9 releases?
i work with toolset and kadence blocks pro … can build a lot of custom sites.
a developer friend works with oxygen.
just what is ur statement for the future 🙂
I prefer Gutenberg to Oxygen because Oxygen is overkill for a lot of what I do. It fits my work-style as I like to build things in a programmer-way, not a designer way. Now it’s up to you to figure out your own workflow. But regardless, I expect Oxygen to stay relevant. It’s a beautiful tool with passionate users and developers.
I think they key answer for me is if it stays relevant for the future for new sites build.
If oxygen has not a big benefit i prefer gutenberg cause its the core wp infrastructur and getting closer to full site editing like oxygen.
and for performance reason i think if u do propper with gutenberg u can have similar fast pages.
Big fan! I visit your website almost daily! Searching, Reading, Learning ^__^
This website has helped me a lot to understand SEO/Dev…WP!
Thank you for your genuine posts. Infrequent and hard to find such a thing in this world like your website.
Oxygen was a fantastic platform. It seems now it’s about to sink or already for greed! Ego! a lot of things going on!
But need to be said, you are one of our people who wrote such a thing without “affiliate drugs.”
Thank you from my heart!
I am looking forward to your update about the whole story!