Oxygen Builder

How To Setup

LaunchFlows has a native integration with Oxygen Builder that allows you to output the custom checkout layout of your choice from WP Gutenberg to a Code Block in Oxygen.
We recommend this instead of using individual LaunchFlows checkout components directly in Oxygen because it preseves the individual checkout component styling.

Step One

Create and save a new checkout page in WordPress with the url of your choice.

Step Two

Open Oxygen builder and add a Code Block to your structure.

Step Three

Add this snippet to an Oxygen Code Block

Step Four (optional but recommended)

Create or import a custom layout of the LaunchFlows checkout components of your choice using Gutenberg blocks. This layout as a whole will be output to the Code Block inside of your Oxygen layout. If you don’t create a custom layout, you will see the default WooCommerce checkout layout.

LaunchFlows Oxygen Layout With Gutenberg Oxygen Code Block Snippet

Click To Watch Video

Scroll To Top
Spencer Forman

Get Help!

Submit your question and Spence will get back to you quickly via Email!