Skip Navigation

Using Toolset with Oxygen Page Builder in WordPress

Oxygen is a visual editor plugin for WordPress. It’s more than a page builder. It is a flexible and powerful visual site builder, that besides designing pages and templates also allows you to create headers and footers visually. Since Oxygen version 2.1 it is integrated with Toolset.

What the integration involves

When you create your websites using the Oxygen page builder you can:

  • Create Oxygen Templates that include Toolset Types fields – custom fields created with the Toolset Types plugin.
  • Insert Views created with the Toolset Views plugin into Oxygen pages and templates.

How to create Oxygen Templates for post types

Using the Oxygen page builder you can design templates for your custom post types. You can then easily insert custom fields created with Toolset into these templates.

Oxygen template for single-Agent pages that includes Toolset fields
Oxygen template for single-Agent pages that includes Toolset fields.

Read the step-by-step tutorial on how to Create templates for custom post types with Oxygen and Toolset.

How to insert other Toolset elements into Oxygen pages

Inserting a View into Oxygen designs is currently not working. The Oxygen developers are working on including this very soon in one of their upcoming releases.

Most of the stuff you build with Toolset is available as shortcodes. You can insert any shortcode into your Oxygen pages and templates, including Toolset shortcodes.

To get any Toolset shortcode, use the following steps:

  1. Open any new or existing post or a page.
  2. Click the Fields and Views button.
Use the "Fields and Views" button to get any Toolset shortcode
Use the “Fields and Views” button to get any Toolset shortcode
  1. In the dialog that appears, click an element you wish to insert, for example, a post field, View, or a Toolset Form.
  2. Click to insert the shortcode and copy it.

Once you have the needed Toolset shortcode, do the following:

  1. Open an Oxygen page/template.
  2. Click the +Add button.
  3. Go to WordPress -> Shortcode and manually insert your shortcode.
Inserting a Toolset shortcode into an Oxygen design using the Shortcode element
Inserting a Toolset shortcode into an Oxygen design using the Shortcode element

This way you can insert for example a Toolset Form into your Oxygen page.

Creating custom archive pages

Please note that currently, custom archives do not work with Oxygen Builder.

Updated
March 29, 2021