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

How To Design Your Funnel Landing Page – Gutenberg

With WP Funnels, you can design and edit your Landing page using Gutenberg.

To design or edit your Landing page with Gutenberg, at first go to your funnel canvas.

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 third one is the Configure option.

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

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

Now, you can edit the Landing page from scratch.

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

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

Now just click on WPFunnels Next Step block to add it on your Landing page. It will add a Shop Now button on the Landing page by default.

To make any changes to your Next Step block, go to the Block tab on your right and you will get some options to change the Button Text and Style.

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

Now, to see your Landing 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 Landing page with the necessary content and design.

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

Was this article helpful to you? Yes No

How can we help?