How to Start Building Your First Website with Oxygen Builder: A Step-by-Step Beginner’s Guide

Are you looking to build a fast, flexible, and professional WordPress website without relying on pre-made themes? Oxygen Builder is a powerful visual website builder that gives you full control over your site design and functionality. Unlike traditional WordPress setups, Oxygen doesn’t use a theme—it replaces your theme entirely, letting you design every part of your site from scratch.

In this guide, we’ll walk you step by step on how to start building your first website using Oxygen Builder, even if you are a complete beginner.

Disclosure: some links in this article are affiliate links. If you buy through them we may earn a commission at no extra cost to you. It does not change what we recommend.

Step 1: Install WordPress

Before using Oxygen Builder, you need a working WordPress site. If you don’t have one yet:

1. Choose a reliable hosting provider. (Hostinger, Cloudways or Kinsta)
2. Install WordPress (most hosts have one-click installations).
3. Log into your WordPress dashboard.

Step 2: Purchase and Install Oxygen Builder

1. Get Oxygen Builder here: Oxygen Builder
2. Download the plugin zip file from your Oxygen account.
3. In WordPress dashboard, go to Plugins → Add New → Upload Plugin.
4. Select the downloaded zip file and click Install Now.
5. After installation, click Activate.

Note: Oxygen Builder is not a theme. Once activated, it fully replaces your theme’s design capabilities. You won’t need a traditional WordPress theme.

Step 3: Familiarize Yourself with the Oxygen Interface

1. Navigate to Oxygen → Templates to start creating your design templates (like headers, footers, and page layouts).
   • Create template
     • Name: “Header and Footer”
     • Where does this template apply?: → Other → Cache All
     • Save
   • This template will be use as global header and footer
2. Explore the drag-and-drop editor, which allows you to add sections, columns, and elements like text, images, buttons, and more.

Step 4: Create Your First Page

1. Go to Page → Add Page → Save → Edit page with Oxygen
2. Start designing your page or Select pre-made section (for beginners, starting with blank is best to learn).
   • On the top right click the (+)
   • Click on the Library → Design Sets
   • Choose and select the pre-made design you want to use
3. Customize fonts, colors, spacing, and layouts directly in the editor.
4. Preview your page in different device views (desktop, tablet, mobile).

Step 5: Create Templates for Global Design

Templates allow you to design site-wide headers, footers, and dynamic content layouts.

1. Go to Oxygen → Templates → Add New.
2. Name your template (e.g., Main Header or Footer).
3. Design it using the same drag-and-drop editor.
4. Set the template’s display conditions to apply globally or to specific pages.

Step 6: Customize Responsiveness

1. Click the responsive icons in the Oxygen editor to switch between desktop, tablet, and mobile views.
2. Adjust element spacing, font sizes, and column layouts for each device.

Step 7: Add Dynamic Content (Optional)

If you plan to use blogs or e-commerce:

1. Create Custom Post Types using plugins like Toolset or ACF (Advanced Custom Fields).
2. In Oxygen, insert dynamic content placeholders for titles, images, and content.

Step 8: Publish Your Website

1. Click Save in the Oxygen editor.
2. Test your website’s responsiveness and speed.
3. Go live and start sharing your new WordPress site.

Final Tips for Beginners

• Take your time experimenting with sections and elements.
• Oxygen has a learning curve but offers unmatched flexibility.
• You don’t need a separate theme—this is a huge advantage for faster websites.

Get Started with Oxygen Builder

Ready to start building your website? Purchase Oxygen Builder here.

Special Note: If you purchase Oxygen Builder using my affiliate link, feel free to contact me. I’ll personally guide you through the correct way to use the builder and make the most out of its features.