1. Home
  2. Docs
  3. Design Your Sales Funnel Steps
  4. Design Your Funnel Steps With Elementor
  5. How To Design Your Funnel Landing Page – Elementor

How To Design Your Funnel Landing Page – Elementor

With WPFunnels, you can design and edit your funnel Landing page using Elementor.

To design or edit your Landing Page with Elementor, first, Add New Funnel or start editing an existing funnel.

Now, when you click on the Landing step, you will see three new options on the top of the Landing step.

The first one is the View option, the second option is the Edit option, and the last one is the Configure option.

To edit the Landing page, click on the Edit icon and a new tab will open with the Elementor page builder plugin, through which you can edit your Landing page.

WPFunnels Landing Page Step

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

WP Funnels Landing Page Editor - Elementor

Now, you can Edit the Landing page from scratch, or if you’ve selected a Landing template, you will get the pre-made template here.

On the left you will find Elementor widgets, just drag and drop the widgets to your template and edit them. You can also search the widgets from the widget bar.

WP Funnels Pre-Made Landing Page Step

Now add the Next Step Button to your Landing page, scroll down to the bottom of the widget bar and find WPFunnels, or you can search for Next Step Button.

WP Funnels Next Button Widget

Drag and drop the Next Step Button widget to your template.

WP Funnels Next Step Widget

You will see that the button type is selected as Checkout by default.

To make any changes to your Next Step Button, click on the Next Step Button Content, and you will get some options to change the button text, alignment, size, icon, etc.

Click on the Update button from the bottom left.

WP Funnels Next Step Button Content Options

Also, by clicking on the Style or Advanced option, you will get some more options to change the button style.

WP Funnels Live View Button - Elementor

Now, finally, to see your Landing page in action, click on the View option next to the Elementor Update button, and it will open a new tab and will show you the live view of the 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?