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

How To Customize Your Funnel Checkout Page – Gutenberg

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

To design or edit your Checkout Page with Gutenberg, 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 one is the View option, the third option is the Edit option and the last option is Con

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

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

Now, you can edit the Checkout page from scratch.

On your right, click on the plus [+] sign to choose a block.

You will see WPFunnels Checkout block. If you don’t see it, search for it on the block search bar.

Now just click on WPFunnels Checkout block to add it on your Checkout page. It will add a two-column Checkout form.

To make any changes to your Checkout block, go to the Block tab on your right and you will get some options to change the Layout, Enable Order Bump, etc.

Click on the Gutenberg Update button from the top bar to save the changes.

Now, to see your Checkout page in action, click on the Preview button next to the Gutenberg Update button, then click Preview in new tab and you will see the live view of the page.

As you started editing from scratch, edit and complete your Checkout page with the necessary content and design.

That’s it, your Checkout page will be ready.

Was this article helpful to you? Yes No

How can we help?