Design Funnel Steps Easily

  1. Home
  2. Docs
  3. Design Funnel Steps Easil...
  4. Design Your Funnel Steps ...
  5. How To Design Your Funnel Custom Page – Oxygen Builder

How To Design Your Funnel Custom Page – Oxygen Builder

WPFunnels allows you to create and edit your funnel pages using Oxygen Page Builder.

In this short guide, you’ll learn to design and customize your Custom page with Oxygen Page Builder.

So, let’s begin.

Design Your Funnel Custom Page with Oxygen Page Builder

Follow these steps to design or edit the Custom page of your funnels using Oxygen Page Builder.

Step 1:

Create a new sales funnel using WPFunnels or simply start editing an existing funnel.

Step 2:

Click on the Custom step in your funnel canvas, and 4 new options will appear on top of it.

  • View
  • Edit
  • A/B Testing
  • Configure

Click on the Edit icon and it’ll open a new tab with Oxygen, where you can edit this page.

Landing Step - edit

Note: If you set Oxygen as the default page builder the Custom page will open with Oxygen. You can change the default page builder from the WPFunnels Settings.

Step 3:

From this page, change the Template to WPFunnels Canvas to get the full Canvas.

Edit with Oxygen

Now, to start editing the Custom page, click on the Edit With Oxygen button, and you will see that the Custom page is opened with the Oxygen builder.

Step 4:

To add the Next Step Button to your Custom page, click on the Add button from the upper left side of the screen, and you will get all the available Oxygen builder elements.

Next Step Button element

Click on the Next Step Button element, and it will be added to the Custom page canvas.

WPF Next Step Button

If you select the button, you will get the button-related settings on the left side of the window.
To change any style of the button, click on the Button Style option from the left.

Step 5:

Also, you can add the Optin Form element on the Custom step.

To add the Optin Form, search for WPF Optin, and select that element.

WPF Optin element

On the left side, you will get some options to change the Form Layout, Form Field, Form Style, etc in WPF Optin Form Settings.

WPF Optin Form

Any other module like – Offer Accept/Reject module, Checkout module, Order Details module won’t work on the Custom Step.

Step 6:

Finally, once the editing is done, click on the Save button from the top-right of the window and the changes will be saved.

Save Changes

That’s it, your Custom Page is Ready.

How can we help?