1. Home
  2. Docs
  3. Design Your Sales Funnel Steps
  4. Design Your Funnel Steps With Gutenberg
  5. How To Design Your Upsell or Downsell Offer Page – Gutenberg

How To Design Your Upsell or Downsell Offer Page – Gutenberg

Just like the rest of the Page, I assume you already can add an Upsell step in your canvas and design your Upsell Offer Page seamlessly.

If you’ve missed our previous steps, have a look at the following steps to learn how you can add an Upsell to your WPFunnels canvas:

  • How To Add An Upsell Offer To Your Funnel
  • How To Assign The Offer Product To Your Upsell Step

Step 01: How To Add An Upsell Offer To Your Funnel

To design or edit your Upsell Page with Gutenberg, first, go to your Dashboard > WPFunnels. Now Add a New Funnel or start editing the existing one.

Click on the Add step, and you will get Upsell step options, drag and drop the Upsell step to your canvas.

WPFunnels Canvas

Click on the Upsell step, and you will get Upsell settings options on top of the Upsell step.

WPFunnels Upsell Settings

Click on the Edit (pen icon) option from the Upsell settings options.

WPFunnels Edit Upsell Page Button

Once you click on the Edit button, it will open a new tab where you will get the option to edit your Upsell page with the Gutenberg page builder.

Edit Upsell Page With Gutenberg

Step 2: Edit Upsell Page WIth Gutenberg

Now, once your Upsell page is now in edit mode with Gutenberg, you will get plenty of options to design the page just like the way you want.

Click on the Template dropdown on the right side of the screen.

Edit Upsell With Gutenberg - Change Canvas

Once you click on the dropdown, you will get the different canvas options.

Select your preferred canvas style and click on the Update button to start working with the new canvas.

Now, on this Gutenberg editor, you will get a plus (+) button, which you can use to add any new block to your canvas.

Search and select any block and it will be added to the canvas.

Edit Upsell With Gutenberg - Add Block

To add WPFunnels Offer Button, search for the WPFunnels Offer Button in the search box, and the Offer Button will be added to your canvas.

Gutenberg Add WPFunnels Offer Button

Once you add the Offer Button block, on the right you will get the Offer Button settings.

Edit Upsell - Gutenberg - WPFunnels Offer Button Settings

Change the settings as you want and continue with the design.

Finally, once you are done with the design, click on the Update button.

Now, to see your upsell page in action or test the page, click on the Preview button of Gutenberg:

Gutenberg Upsell Step Preview

And you will view your Upsell page in action in a new tab.

Use the same steps to edit and design your Downsell offer pages.

You will find the same, WPFunnels Upsell/Downsell widget when editing the Downsell page.

Was this article helpful to you? Yes No

How can we help?