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 or Custom Page – Divi Builder

How To Design Your Funnel Landing or Custom 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 or Custom page with Divi Page Builder.

Editing your Custom step is same as Landing step.

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,

3 new options will appear on top of it.

  • View.
  • Edit.
  • Configure.

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

image 1

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.

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

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?