Pay less than $ 3 for rest of September
Start Now

Oxygen Builder and Gutenberg - The easy way to work with clients

Since its inception in 2003, the WordPress visual editor had not changed as much as the rest of the platform's features.

Some of the most significant changes in the visual editor came with the 2014 release of WordPress 3.9. That year, the editor received drag and drop image editing, audio playlists, and live widget preview features, among other enhancements.

Gutenberg then came in with heavy changes. Here, we’ll talk more about Gutenberg and how you can use it with the revolutionary Oxygen builder.

What is Gutenberg?

The 2018 release of WordPress 5.0 was a defining moment for the visual editor. It heralded an entirely new approach to the WordPress page editing experience. The visual editor received an upgrade that rivals other popular visual editors such as Ghost or Medium.

Gutenberg is the new WordPress block editor. It makes it much easier for publishers to add rich content to their blogs naturally and enjoyably.

The block editor is named after Gutenberg, the inventor of the printing press. It uses blocks just as Minecraft does to edit or add advanced page layout options. In contrast, the older visual editor relied more on HTML and shortcodes for page design.

The benefit of using Gutenberg with Oxygen Builder

WordPress intends to make a full shift from its classic visual editor to its all-rounded page builder, Gutenberg.

The older editor is not only time consuming, but it isn't very easy to use for any new WordPress user. It requires plugins and code to implement everyday use elements such as content columns or tables. However, it is still very popular with older WordPress users.

Consequently, some have chosen to disable Gutenberg to stave off change and the new block editor's compatibility issues. Users who are finding it challenging to use Gutenberg but need easy to use, advanced, and robust visual editors use builder plugins such as the Oxygen Builder.

Oxygen Builder, referred to as a visual website designer inside WordPress, is a very lightweight and lean page builder that gives you full control of every design element on your WordPress site. Since Oxygen's code is free of bloat, its pages load fast, a perfect SEO feature.

Additionally, this builder is the first of its kind to integrate with Gutenberg. You can, therefore, use this integration to design individual blocks or pages in Oxygen, then edit or use them in the Gutenberg block editor.

How to use Gutenberg with Oxygen Builder

You can use Gutenberg to create blocks or pages, which can then be loaded into pages built with Oxygen or single post designs. Alternatively, you can design page elements or blocks in Oxygen, and then make them editable via Gutenberg. This makes it easy for your clients to edit block content via Gutenberg.

If you do not want your clients to change the page's design, you can restrict the client's editing privileges. If the client needs the block's features such as margins, padding, or border-radius edited, they can make a Gutenberg block or page-editing request that can be serviced through the Oxygen Builder editor.


How to involve your client in the creation and updating of content

One great advantage of the Oxygen Builder is that you can use it on your website and your client's websites as well. Your Oxygen Builder's license is valid for every website that you will create.

When dealing with client's websites, you have the option of handing over complete control of the site to your client or have a maintenance plan with them that allows you to update their website via Oxygen when necessary.

The Oxygen Gutenberg integration can give your client control of their WordPress site yet limit their access to Oxygen's editing features.

It is possible to switch Oxygen to client mode via Oxygen, Settings, and then Post Type Manager. Here you can select every Oxygen meta box that you would like to remain invisible to the client.

Oxygen is only accessible to the administrator by default. Still, it also has a role manager feature, which allows you to grant other users access to it via the WordPress admin area.

Simply go to Oxygen, Settings, Role Manager, then assign your clientthe WordPress traditional roles of Editor, Author, Contributor, or Subscriber role, depending on how much access to Oxygen you deem fit.

Ensure that you only grant trusted users access to Oxygen to prevent loss of administrator role via PHP code changes.

How to Create a Gutenberg Block with Oxygen Builder

You can use Oxygen's Gutenberg integration to edit images, rich text, icons, text, or link URLs directly in Gutenberg. Keep in mind that you can only access this feature if you have an installed and activated Oxygen Gutenberg plugin.

There are three ways to create editable Oxygen blocks for use in Gutenberg.

  1. Design a page then click the "Make This Full Page Editable In Gutenberg" in the Oxygen page's meta box.
  2. Create a new block via Oxygen's Block Library
  3. Go to a Div or Section's Structure pane label, click on the hamburger icon, then select "Copy to Block."

How to add an Oxygen block or page via the Gutenberg editor

  • Click the plus (+) button in the block editor then choose Oxygen Blocks
  • Select your preferred block then add it to your post or page
  • To add entire Oxygen pages via the Oxygen meta box, click the Oxygen Full Page Blocks, then choose the page block name and add it as necessary and edit them in Gutenberg.

How to update an Existing Gutenberg block

If you edit an existing block in Oxygen, the effected changes will appear in every WordPress page that the edited Gutenberg block has been applied to.

What do I need to get started?

To get started with Oxygen's Gutenberg integration features, simply download Oxygen then install it like you would any WordPress plugin.

Go to your Admin Panel, navigate to Plugins, Add New, and then upload. Load your Oxygen Builder.Zip file, then activate the builder and enter your license key.

Oxygen Builder Agency package pricing

The Oxygen Builder has three pricing options that give you access to unlimited installations and a lifetime of updates and support.

The basic package goes for $99 and only offers the builder’s robust page building functions. This package does not have the Oxygen Gutenberg or WooCommerce integration features.

The WooCommerce Oxygen platform goes for $149, while the agency option loaded with Gutenberg and WooCommerce integration features go for $169.

All packages have a 60-day money-back guarantee.

Version of WordPress

The latest Oxygen Builder Version 5.3.0 is WordPress 5.3 compatible.


The WordPress Gutenberg feature is changing WordPress publishing as we know it. Stay on top of the game with the Oxygen Builder's Gutenberg integration for perfect WordPress pages and design layout features.