Design Funnel Steps Easily

Links
  1. Home
  2. Docs
  3. Getting Started With WPFu...
  4. Create Your First Sales Funnel In Less Than 15 Minutes!

Create Your First Sales Funnel In Less Than 15 Minutes!

If you are new to WPFunnels, the first thing to do is to create a simple sales funnel to understand how the plugin works.

Let us guide you through creating your first sales funnel within only 15 minutes.

Here, you will learn how to create a simple sales funnel using Elementor page builder and a pre-made funnel template. (If you don’t use Elementor, you can still follow most parts of this guide except the design part, which will naturally be different for Gutenberg.)

Later, on upcoming documentations, you will get instructions on using all the other exclusive features to create any types of sales funnels you desire.

So let’s take the first step.

Create A Simple Sales Funnel

Watch this video or follow the steps below to create a simple sales funnel.

Initially, let us follow the very basic steps, without worrying about extra features.

It’s simple, you just need to

  • Choose And Import A Funnel Template
  • Configure And Setup Landing Page Real Quick
  • Setup The Funnel Checkout Page Easily
  • Get The Thank You Page Ready In A Minute

And that’s it.

Now let us elaborate on these steps to make it easier for you.

Step 1 – Choosing and Importing A Funnel Template

  1. Go to the Dashboard WP Funnels and click on the ‘Create Your First Funnel‘ button to start creating a funnel.
WPF Overview - Create your first sales funnel
  1. Either choose a funnel template with pre-built steps or start from scratch. For now, let’s work with a premade template.
Preview or import a funnel template to create funnel
  1. Hover on the template and click on Import. Then you will see that the funnel has been imported with the Pre-made template. (I am using a free template with three steps – Landing, Checkout, and Thank you – for this guide.)
WPFunnels Drag & Drop Editor
  1. Assign a suitable title to your funnel.
Edit Funnel Name

Step 2 – Configuring And Setting Up Landing Page Real Quick

Now that you have imported the funnel steps, let us move on to configuring it and getting it ready for use, starting with the Landing Page.

  1. Click on the Landing step and you will get three new options – View, Edit & Configure.
Landing step settings options
  1. Click on the configure icon (i.e., the 3 dots).
Landing step configure slug

Here, you can change the step name and the slug as per your requirement.

  1. Next, click on the Edit option (the pencil icon) and it will take you to Elementor page edit mode for your landing page.
WPFunnels Landing Step - Edit With Elementor
  1. Edit and replace the content as per your requirements to match your product and brand.
  1. On this page, all the Call To Action buttons are actually WPFunnels widgets. Click on one of them to get its widget settings on the left side.
Next Step button widget settings

You can customize this button easily. Simply, click on the Next Step Button Content to change the Button Text, add/remove icon, set text alignment, and icon spacing. You can also use the Elementors default Style and Advanced tabs to design the button further.

Now, once you are done designing the Landing page, update it below. Then preview it to see how it looks. If you are happy with it, then your Landing page is set. Go back to the canvas.

**You can also preview the page from the canvas by Selecting the landing step and clicking on the preview icon (i.e. the small eye icon).

Step 3 – Setup The Funnel Checkout Page Easily

Now that the Landing Page is good to go, let’s set up the Checkout Page.

  1. On the canvas, click on the Checkout step, and you will see four options – Settings, View, Edit & Configure.
Funnel Checkout step settings
  1. Click on the configure icon (i.e., the three dots) to set your custom checkout step slug.

3. Next, click on the Settings icon on the left and it will open up a Settings drawer for the Checkout step.

Funnel checkout settings
Funnel Checkout Settings Drawer
  1. Here, Search for the product and select it. Then click on the “+ Add Product” button and the product will be added.
Add the funnel product at the checkout step settings

This is basically the main offer product for your funnel.

**On top, you can see there are two more tabs, Order bump, and Edit Fields. We will not use them in this guide but you can learn about them here:

  1. Now click on Save Changes below, and then click on the ‘X’ icon on the top right corner to close the drawer.
Checkout step after product is added

You will notice that the red label “No product added” is no longer there. This confirms that you have assigned the main offer product(s) for your sales funnel.

  1. Next, click on the edit icon on the checkout step to open it in the elementor edit mode. Here, you can change the content to match your brand.
  1. Scroll down to the checkout form. This checkout form is actually the WPFunnels checkout widget.
WPFunnels checkout widget checkout form

If you click on it, you will find the widget options on the left where you can choose the form layout between 1-column and 2-column. And you can edit your order bump offer if you have used any.

You can also go to the Style tab to customize each section of the Checkout form which includes changing the color of the heading, label, border, field, and also the typography of the text. You may use the Advanced options to further customize this widget.

Once you are happy with your checkout step, you may update it and go back to the canvas. There, you may select the Checkout step and click on the preview icon to get a frontend view of the checkout page.

Step 4 – Get The Thank You Page Ready In A Minute

You are almost done. Now, just the Thank You page is remaining.

  1. On the canvas, click on the Thank you step, and you will see four options – Settings, View, Edit & Configure.
Thank you step settings options
  1. Click on the configure icon (i.e., the three dots) to set your custom thank you step slug.
  1. Now, click on the Settings button for Thank You step and it will open a settings drawer.
Thank you step settings drawer

The options you see here are the details that are normally shown on the Thank you page after completing the purchase process. You will be able to show or not show

  • Order overview
  • Order details
  • Billing details
  • Shipping details
  1. Choose what details you want to view on the Thank You Page and click on Save changes. Then click on the ‘X’ icon on the top right corner to close the drawer.
  1. Now, click on the Edit icon for the Thank you step to open it in Elementor edit mode.

Make any changes to the content you want to match it to your brand.

5. Scroll down to the Order details section. This section is actually the WPFunnels Order Details widget.

Thank you step order details widget

When you click on the widget, you will get the widget options on the left side, which will be the same as the ones you saw in the Settings drawer for the Thank you step earlier. Both the settings are in sync, so you may change in either way and it will be effective.

6. Once you are satisfied with the design, update the page and go back to the canvas. You can then click on the preview icon to get a frontend view of the Thank you page.

Step 5 – View Your First Sales Funnel In Action

Your sales funnel is now ready with all the basic steps. You can view the funnel by clicking on the View icon in the top right corner.

Preview your first sales funnel

That’s it. You have just created your first sales funnel. As you can see, it didn’t take you more than 15 minutes. In fact, if you view the template and prepare your content prior to funnel creation, then creating the funnel doesn’t even take 10 minutes.

Now, this was a quick guide to create a simple funnel using WPFunnels. You can then further enhance this funnel with order bump, upsell & downsell offers.

Go ahead and take help from our Funnel Guides and Resources to use all the exclusive features the plugin has to make your funnel more effective and convert more prospects into high-paying buyers.

How can we help?

×