WPFunnels

  1. Home
  2. Docs
  3. WPFunnels
  4. 3. Step-by-step guide to creating successful sales funnels
  5. 3.8 Designing Your Checkout Page Using Elementor

3.8 Designing Your Checkout Page Using 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 two new options on the top of the Checkout step, the first one is the view option and the second option is the edit option.

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

Here, I’ve set Elementor as the default page builder, this is why this Checkout page will open with Elementor. You can change the default page builder from the WP Funnels Settings.

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.

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.

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

Drag and drop the Checkout Button widget to your template.

You will see that the button is appeared as 1 column Checkout form by default.

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

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

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

Now, finally, to see your Checkout 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 Checkout page is ready.

Was this article helpful to you? Yes No

How can we help?