ProductX

  1. Home
  2. Docs
  3. ProductX
  4. Addons
  5. Oxygen Builder Addon

Oxygen Builder Addon

Here is step-by-step documentation on using product blocks in Oxygen Builder with ProductX:

Step 1: Enable Saved Template & Oxygen Builder Addon

  • First, go to the ProductX Addons page to enable Saved Template and Oxygen Builder addons using the toggle.
Enable Oxygen Builder Addon
Enable Oxygen Builder Addon

Once you enable this, you can create a Saved Template with ProductX and use that Template in Oxygen Builder.

Step 2: Create a Saved Template

  • Go to the “Saved Templates” section in ProductX to create or edit new templates.
  • Click “Add New Template” to start creating a template. Add product blocks or the ProductX template library to create amazing store page layouts.
Creating New Saved Template with ProductX
Creating New Saved Template with ProductX
  • To make things easy, go to the ProductX Block Library,
Selecting ProductX Block Library
Selecting ProductX Block Library
  • Now, select and premade template and click “Import” from the vast library of premade designs by ProductX.
Importing Template from ProductX Block Library
Importing Template from ProductX Block Library
  • Please provide a name for the Template to make it easier to select in Oxygen Builder.
  • To save the Template, click the “Publish” button. 
Naming Saved Template for ProductX Integration
Naming Saved Template for ProductX Integration

Once saved, you can access all your templates in the ProductX Saved Template section.

Step 3: Use ProductX Saved Template in Oxygen Builder

  • From the WordPress Dashboard, go to Pages and click “Add New Page” to create a new page.
Creating New Page
Creating New Page
  • Click “Edit with Oxygen” after accessing the page editor to go to the Oxygen Builder.
ProductX Edit with Oxygen
ProductX Edit with Oxygen
  • To access all the Oxygen Elements, click on the “+” icon (Add Element) while in the Oxygen Builder.
Adding Element in Oxygen
Adding Element in Oxygen
  • To access the “ProductX Templates” in the Basic Elements section, look for them in the Basic section or use the search bar to find them.
Adding ProductX Template in Oxygen
Adding ProductX Template in Oxygen
  • To choose a template, click “ProductX Template” and select your created Template from “Select Your Template.”
Select ProductX Saved Template in Oxygen
Select ProductX Saved Template in Oxygen
  • Finally, click the “Save Changes” button to publish the page, and your work is complete.
Save Page with Oxygen ProductX
Save Page with Oxygen ProductX

Step 4: Customization (Optional)

You can easily customize the Template used in Oxygen Builder with the help of ProductX.

  • To customize a template, head to the Saved Templates section and click “Edit” for the specific Template you want to modify. Make the required changes and then click “Update.”
Editing ProductX Saved Template
Editing ProductX Saved Template

The used Template in Oxygen Builder will be synced automatically when you make any changes in that Saved Template.

Was this article helpful to you? Yes No