Design Funnel Steps Easily

  1. Home
  2. Docs
  3. Design Funnel Steps Easily
  4. Design Your Funnel Steps With Divi Builder
  5. How To Design Your Funnel Landing Page – Divi Builder

How To Design Your Funnel Landing Page – Divi Builder

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

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

So, let’s begin.

Design Your Funnel Landing Page with Divi Page Builder

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

Step 1:

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

Step 2:

Click on the Landing 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 Divi, where you can edit this page.

Landing Step - edit

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

Divi Landing Page

Step 3:

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

WPFunnels Full Canvas Template

Step 4:

Now, to start editing the Landing page, click on the Edit With The Divi Builder button.

Step 5:

Divi Building Options

Click on the Start Building button to start building the landing page from scratch.

Click on the “+” sign and select a new Row.

Step 6:

After that, click on the “+” sign option from the middle of the Section, here you will get the option to add a new Divi Module.

Search for WPF Next Step Button, and select that module.

WPF Next Step Button

You can change your button text from here.

To change the style, click on the Background accordion and make changes as you wish.

Also, you will see that under the Admin Label accordion, it is showing WPF Next Step Button.

Step 7:

Also, you can add the Optin Form module on the Landing step.

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

Optin Form module

You will get some options to change the Form Layout, Form Field, Form Style, etc in WPF Optin Form Settings.

Optin Form settings

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

Step 8:

Once the editing is done, click on the Save button from the bottom right.

Save page

That’s it your Landing Page is Ready.

Now you can go and start editing your Checkout Page.

Was this article helpful to you? Yes No

How can we help?