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

How To Customize Your Funnel Checkout Page Design – Elementor

With WP Funnels, you can Design and Edit your Checkout Page using Elementor.

To design or edit your Checkout Page with Elementor, at first go to your Dashboard > WP Funnels > Funnel canvas.

Now, when you click on the Checkout step, you will see four new options on the top of the Checkout step, the first one is the Settings option, the second option is the View option, the third option is the Edit option, and the last option is Configure option.

WPFunnels Checkout Page Step

To edit the Checkout page, click on the Edit option.

Once you click on the Edit button, a new tab will open with the Elementor page builder plugin, through which you can edit your Checkout page with Elementor

I should mention that, here, I’ve set Elementor as the default page builder, this is why this Landing page will open with Elementor. You can change the default page builder from the WP Funnels Settings.

Once the page is open with Elementor, you will get the following view:

WPFunnels Elementor Canvas

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

WPFunnels Pre-Made Checkout Step Template

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

WPFunnels Add Elementor Widget

To add the Checkout Button to your Checkout page, scroll down to the bottom of the widget bar and find WP Funnels, or search for Checkout Button.

WP Funnels Checkout Widget

Drag and drop the Checkout Button widget to your template.

WPFunnels Checkout Widget

To make any changes to your Checkout Button, click on the WPFunnels Checkout Widget, and you will get some options to change the Layout, Enable Order Bump, etc.

Now, Click on the Update button from the bottom left.

WPFunnels Elementor Canvas Save Changes

Your checkout page is ready.

Now, finally, to see your checkout page in action, select Checkout step from your can click on the view option next to the UPDATE button on Elementor, or you can go back to your funnel canvas, select Checkout step and then click on the view option.

Was this article helpful to you? Yes No

How can we help?