Toolonomy Logo

Oxygen Builder Best Practices: Ultimate Beginner's Guide

If you're a beginner Oxygen Builder user and struggling to use it due to not having a proper process in place yet, then in this post I am going to share with you all my best practices to consider while using one of the Best WordPress Builders to build websites easier and faster.
Mohammed Wasim Akram
Blog Post Author
Last Updated: March 21, 2022
Blogpost Type:

If you're a beginner Oxygen Builder user and struggling to use it due to not having a proper process in place yet, then in this post I am going to share with you all my best practices to consider while using one of the Best WordPress Builders to build websites easier and faster.

When I started using Oxygen Builder it was so overwhelming for me especially due to the reason that I had come from the Elementor arena which seems so easy to use being a non-coder point of view at that time.

But I made up my mind that I would keep trying and learning Oxygen because I knew it will push my limits to become more comfortable with coding, and gradually I get to understand more and more about Oxygen.

So down the road, I have learned so many things about Oxygen Builder from the most helpful Oxygen Community, and still learning every single day as I believe there is much more to learn as compared to whatever I know today.

Hence I wanted to share my learnings with you through this post regarding the best practices while working with Oxygen so that you don't have to learn things hard way as I did.

Keep All the Oxygen-Related Essential Resources Handy

If you have just started to work with Oxygen then the very first thing you should consider doing is to bookmark all the essential resources as they are going to help you every single time while building websites with Oxygen.

A resource can be anything in this context starting from the tutorials, tips and tricks, code snippets, design sets, forums etcetera.

However, I have put together a very important resource post that contains all the Oxygen Builder Learning Hubs, you could consider bookmarking it for future reference.

Create A System & Process to Work with Oxygen Builder

Don't just jump on working with Oxygen instead you should create a process to make the workflow smoother. There are so many things you could incorporate into this part such as creating a design system, CSS Class structure, Utility Class System etcetera.

You should start with a design system as it is the most important part of this process. You can find a very nice video tutorial about this topic by Elijah Mills from the Oxygen Team.

Use A Lightweight Blank Theme as Oxygen Doesn't Need It

If you are new to Oxygen space then let me inform you that Oxygen Builder doesn't let you use the WordPress theme as it completely disables it once you activate Oxygen.

Hence whatever theme you use with Oxygen Builder doesn't matter, thus I prefer to use a lightweight blank theme just because WordPress requires it and in this way, you will also save some server space.

Hide Oxygen Editor for the Necessary Post & User Types

Oxygen gives you the option to hide the editor for the selected post types and users OR/AND user types where it's not necessary to use it.

For example, when you already created a template for certain post types for example blog posts then it is better to hide the Oxygen editor for that post type to prevent any accidental edits which can cause the broken layout.

If you want to give limited access to certain user types or specific users then consider giving them limited access so that they can't mess with the design you have created, for more details check this post about Oxygen Client Control.

Use the Oxygen Builder Compatible WordPress Plugins

Oxygen Builder is a little different from all the other WordPress Website Builders, as you already know that it completely disables the theme features, for that reason sometimes a few plugins that require a theme to work don't work with Oxygen.

Therefore it is a safe practice to find and use the plugins that are compatible with the Oxygen Builder in the first place, hence keeping that in mind I have put together a list where you could find the Oxygen Compatible Plugins suggested by the community.

Use the Oxygen Builder Add-Ons to Make Your Life Easier

Oxygen Builder is a powerful tool to build great websites but still, it is not perfect and many things lack in this tool, so to fill those gaps many talented developers jumped in and created addon plugins to complement the Oxygen Builder in many ways like by enhancing its workflow, providing exclusive elements etcetera.

If you want to see all the Oxygen Builder Add-Ons in a single place then consider checking our list of all the addons I put together to make things a little easier.

Also, check the reviews of our favorite Oxygen Add-Ons:

Customize Oxygen-Related Settings Before Start Working

Whether you use Oxygen, the add-ons, or any other plugins, you should always customize the basic settings as in the Oxygen Builder you need to add the license, and set up the color palettes and typography etcetera.

Hence as soon as you install and activate Oxygen Builder, the add-ons, and other plugins, consider customizing all the necessary settings of all those tools before playing with them.

Keep Element IDs as Active Selectors to Prevent Disasters

Oxygen Builder allows you to style your website using selectors like ID OR/AND Classes.

When editing an element with class selectors then you can edit multiple elements of the entire website at once if the same class is assigned to those elements which is a great feature, but sometimes it can be a disaster if you accidentally edit something and it destroys the entire website.

Therefore I always prefer to change the selector from Class to ID after editing an element and keep it as the active selector to prevent any accidental disaster because editing IDs won't change anything on the website like Classes.

Rename All the Elements from Oxygen Structure Panel

Oxygen offers a great structure panel where you can see each element you use while designing the page, creating complex designs can make it really messy to find and edit a particular element from a particular section of the design.

Hence I always prefer to rename almost all the elements of the structure panel at my convenience so that I can easily find anything quickly when I need to make some changes on any particular element.

Design One Page then Check Everything Before Cloning

It is a normal practice to design a page and then clone it to use the same design and create other pages on the same website, you can do the same thing with Oxygen but I would highly recommend first designing a single page and then checking everything carefully on that page such as the padding, merging, text sizes, names of the structure panel elements and then clone the design for other pages to keep things consistent across the site.

Re-Sign All Short Codes & Regenerate Oxygen CSS Cache

If something goes wrong (especially after website migration) and all of sudden a few parts of the designs from your Oxygen-made webpages are missing, then in most cases Re-Signing all the Short Codes & Regenerating CSS Cache could fix the styles-related issues.

Following these two steps could fix most of the style-related issues but if it doesn't help then consider checking this troubleshooting guide by Oxygen as the reason for your problem might be different and in that case, this guide could help you out.

Discuss with the Oxygen Community If You Need Help

If you face any kind of issues while working with Oxygen and you're not able to find any solution then consider posting it to the Oxygen Facebook Group to seek help as the community is really helpful and most of the time someone from the group would help you find the solution.

I can assure you that Oxygen Group alone can help you learn much more than you could learn from anywhere else only if you participate in the group discussions, and you would love the community for their helpfulness and willingness to help.

Contact Support If the Community Couldn't Help You

As I already suggested you first ask the community if you face any problem while working with Oxygen Builder and in most cases, you're going to get the solution from the community which will eliminate the need to contact support.

However if that doesn't work then consider raising a support ticket and explaining your problem to the Oxygen support team, and I'm damn sure that they will reply to your ticket with a proper solution in their first reply if you have explained everything properly with complete details.


I have written this full-fledged article about all my best practices while using Oxygen Builder with the hope to help the newbie members of the Oxygen Community.

If you find this post helpful which I strongly believe you do then consider sharing it with your friends and community to also help them figure out the best practices while working with Oxygen Builder.

Also If you think something is missing from this post then consider suggesting your best practices while working with Oxygen Builder in the comment box to help the newbies and make their lives a little easier, if I find it helpful then I would include it in this article as well.

Thank you for visiting!

Toolonomy Online Community Image
Join Toolonomy Community
Toolonomy Community is a dedicated place to explore the Discussion, Content, Deals & Hidden Details about the Business Development Tools that have the potential to help you succeed in your journey to Digital Entrepreneurship by letting you build, manage, and grow your Business Online with ease.
Free Membership
A Google & HubSpot Certified Digital Marketing Specialist, Self-Taught WordPress Expert, Useful BizDev (Business Development) Tools & Deals Explorer, and the Founder of SyncWin & Toolonomy.
Notify of
Newest Most Voted
Inline Feedbacks
View all comments
1 year ago

How can I contact the author of this post?

Mohammed Ishan Akram
Mohammed Ishan Akram
Reply to  Barclay
1 year ago

You can contact him by using the contact page.

Related Blog Posts
Explore all the other related blog posts.
Best WordPress Schema Markup Plugins: Structured Data Tools
Want to boost the SEO of your WordPress site? Look at these amazing schema-marking tools! Learn how to optimize your site's material for search engines and increase traffic to your sites....
Bit Integrations Review: No-Code WordPress Automation Plugin
Are you looking for a powerful and easy-to-use WordPress automation plugin? Checkout Bit Integrations! It is a no-code robotic process automation plugin for WordPress that seamlessly connects your website to hundre...
WordPress Header Disappeared: Restore Missing Theme PHP File
Get your disappeared WordPress header or footer back in no time with our step-by-step tutorial. Learn how to fix the vanished header or footer by restoring the missing theme PHP file with ease. Click now to bring y...
Explore Blog

Become a Toolonomy Community Member for Free!

Consider joining our Official Community Group if you want to get access to exclusive insider content and information about Exclusive Digital Tools and Technologies. Also, you will be able to get involved in interesting group discussions with like-minded people that are interested in similar topics as you.
Become a Member
Toolonomy Logo
Made with ❤ for Digital Tool & Tech Enthusiasts
Copyright © 2018 - 2023 by SyncWin | All Rights Reserved.
Top crossmenu
Copy link