Tutorials
Most Recent Articles
July 28, 2022
Parallax Scroll Animation On Oxygen Builder
In this tutorial, we're going to create a unique, multi-layer parallax scene in Oxygen Builder. It's something that will wow clients and website visitors alike, and it's not too tough to implement. First, we need […]
By James LePage
July 20, 2022
Texting A Discount Code To Customers via Popup - Tutorial - (WSForm, Twilio, Oxygen)
In this tutorial, we're going to build a popup that collects a customers phone number and email address to build a SMS and email marketing list for our WooCommerce store. On submission, we'll text them […]
By James LePage
June 28, 2022
How To Insert Other Content Into Oxygen Repeaters and Easy Posts - Mega Tutorial
Oxygen Builder's Repeater and Easy Posts elements are quick and easy ways to display a list of posts. This guide will show you different ways of inserting "other items" within a list for whatever reason […]
By Robert Chan
June 19, 2022
Build A "Trending Posts" Section In Oxygen Builder - Tutorial
In this article and video tutorial, we are going to build a trending/popular posts section in Oxygen Builder using the repeater element, WordPress Popular Posts Plugin and advanced queries. One of the first tutorials that […]
By James LePage
June 4, 2022
Easily Edit Oxygen Content Without Loading The Builder Using JSON Shortcodes
Oxygen Builder 4.0 is now using JSON shortcodes to store designs (as opposed to the old PHP shortcode method). This new data format is quicker and better, but one of the best features is the […]
By James LePage
April 12, 2022
How To Flip The Oxygen Toggle Icon To The Other Side
By default the Oxygen Builder Toggle element shows up on the left side. People typically want to change this to show on the right side, with the text on the left. To do that, follow […]
By James LePage
April 12, 2022
You Can Do Cool S**t With Oxygen Builder Background Gradients
One of my favorite aspects of CSS is how you can layer CSS background images (already crazy flexible with positioning and tiling) and gradients to make really cool effects. We implement them in tons of […]
By James LePage
April 7, 2022
Unique Hover Effect For Oxygen Builder Repeaters
In this tutorial, we're going to build a unique hover effect for content displayed in Oxygen Builder Repeaters. Modeled off of the Codrops "Distortion Hover Effect", and using the source code from that resource, this […]
By James LePage
March 21, 2022
How To: Professional Conversion Optimization In Oxygen With AB Split Test
In this tutorial, we'll show you how to A/B test page design, element placement and copy in Oxygen to optimize your site for conversions using ABSplitTest. With the newest version 1.3.0, ABSplitTest announced native support […]
By James LePage
March 20, 2022
How To Add Algolia To Your WordPress Search
Algolia is a powerful search tool that uses AI to provide the most relevant suggestions to visitors. In this post, we'll show you how to integrate this tool with your WordPress website. For large e-commerce […]
By James LePage
Back To Blog
