Oxygen Builder Review: Developer-Focused, Lean Output, Steeper Learning Curve

Oxygen global classes work differently from CSS classes: (1) in Oxygen editor, select an element and in the “Manage” section, add a global class name; (2) global class styles are edited by clicking the class name in the Selectors panel — not the element’s direct styles; (3) verify global class styles are not being overridden by more specific element-level styles; (4) global classes generate a CSS rule — verify in the browser DevTools Styles panel that the class rule is present and not overridden.

In Oxygen → Templates, each template has assigned Conditions that determine where it applies. Click the template → Edit Conditions: (1) “Entire Website” applies the template globally — use this sparingly for base templates; (2) “Single” → “Post Type” → “Pages” applies to all pages; (3) for specific pages, add a condition for “Single” → “Page” → [specific page name]; (4) priority order matters — more specific conditions override general conditions. Review each template’s conditions to ensure the correct hierarchy.

Oxygen ACF integration requires: (1) ACF (free or Pro) must be active with field groups assigned to the relevant post type; (2) in Oxygen editor, dynamic data is inserted using the “Dynamic Data” icon on text elements or background settings; (3) select the ACF field from the dynamic data picker; (4) for repeater fields, use Oxygen’s Repeater element with ACF Repeater as the data source; (5) preview in a page that has actual ACF field data filled in — empty fields show nothing.

In the Oxygen editor, design a section or element group. Select the outermost element, click the context menu (three dots), and choose “Save as Reusable Part.” Name it and save. The component appears in Oxygen → Components. Add it to any page using the Add → Components panel. Changes to the global component (via Oxygen → Components → [component]) propagate to all instances — global components function like Divi’s global elements.

Requires the WooCommerce license of Oxygen. Go to Oxygen → Templates → Add New → WooCommerce Single Product. Build the template using Oxygen’s WooCommerce elements: Product Title, Product Price, Add to Cart, Product Gallery, Product Description, Product Meta (SKU, categories), Related Products. Each WooCommerce element outputs the appropriate WooCommerce data dynamically. Assign the template to Single Product pages in the template conditions.

Breakdance is now the recommended choice from the same developer team (SoftaculusApps) for new projects — it offers a more user-friendly interface than Oxygen while maintaining the clean code philosophy, has active development momentum, and better Elementor-to-Breakdance migration tools. Oxygen is still fully functional for existing sites and developers who prefer its specific workflow. The Oxygen team’s focus has shifted to Breakdance, making Breakdance the forward-looking choice for performance-focused page building.

Oxygen has a steeper learning curve than Elementor or Divi and is designed for developers and technically inclined designers. The CSS-level control and template system require understanding of HTML structure, CSS properties, and WordPress template hierarchy. Non-developers comfortable with design tools can learn Oxygen, but it requires more time investment than more visual alternatives. Breakdance (same team) aims for a broader audience with more Elementor-like UX while maintaining Oxygen’s performance advantages.

Yes, especially if you want tight template control, but it is better suited to technical builders than plug-and-play store owners.

Compare it against Breakdance, Bricks Builder, and GenerateBlocks for performance-minded builds. Oxygen usually appeals most to users who want deeper architectural control.