Design Funnel Steps Easily

  1. Home
  2. Docs
  3. Getting Started With WPFunnels
  4. WPFunnels – Basic Plugin Overview

WPFunnels – Basic Plugin Overview

WPFunnels is currently the easiest sales funnel builder for WooCommerce and WordPress to help you increase your online sales.

Let us get a basic plugin overview of WPFunnels so that you can get familiar with the plugin and start creating high converting sales funnels.

WPFunnels Basic Plugin Overview

Watch this video or read the written plugin overview below to understand the functionality of the plugin real quick.

First, make sure you have installed and activated WPFunnels, which you can download from the WordPress repository. Or, you may go to the Dashboard > Plugins > Add new, and search for WPFunnels. Then install and activate it, which will take you through a quick setup wizard.

Once you have completed the setup wizard, you are ready to use WPFunnels.

You will find the WPFunnels menu on your dashboard menus. Click on WPFunnels to go to the plugin dashboard – Dashboard > WPFunnels > Funnels. This is the Overview tab.

Basic Plugin Overview of WPFunnels

Let us get a basic overview of the whole plugin, and then you can go ahead and look at each feature in detail.

This guide will cover the following:

  1. Plugin Settings
  2. Overview Tab
  3. Funnel Creation
  4. Funnel Steps Basics
  5. Assigning Funnel Product
  6. Using Order Bump

1. Plugin Settings

Once you are on the plugin dashboard, go to the Settings tab on the left.

WPF Settings Tab

The settings menu has different options to configure the plugin properly (which you initially set up through the setup wizard).

**If you have completed the Setup wizard, these should already be configured as per your preferences. In case you skipped the setup wizard and want to run it again, you can click on the “Run Setup Wizard” button on the top right side of the Settings page.

Under the Settings tab, you will find three more tabs:

  • General Settings
  • Permalink
  • Offer Settings

Let us look at the options you get in these tabs.

i. General Settings

WPF Settings - General Settings

The General Settings menu has the following options:

  • Funnel Type –
    This will define what type of funnels you want to create using WPFunnels. Right now, we just have the Sales (WooCommerce) type. Soon you will have options to create Lead generation funnels or hybrid funnels. You will get those options here once they are released.

    **Right now, we only have templates for Sales funnel which includes Landing Page, Checkout Page, Order bump, Upsell & Downsell offers (Pro), and a Thank You page. But soon, we will come up with integration to form plugins and CRMs to allow lead generation and hybrid funnels as well.
  • Page Builder –
    Choose your preferred Page builder/editor to use when designing funnel steps. Right now, you will have the options to choose Elementor or Gutenberg as your page builder.
  • Sync Template –
    You can see, there is a button called “Sync Template”. Once you select your preferred page builder, you may click on this button to sync the pre-made funnel templates collection for that particular page builder to your site. When you create a funnel, at that time, you will be able to import one of these funnel templates if you want to.
  • Disable Analytics Tracking For –
    Here you can disable analytics tracking for different user roles. For example, if you select Administrator the analytics won’t track when admin goes through the funnel for test purposes.

Once you have selected the required options, click on the Save button below.

ii. Permalink

WPF Settings - Permalink tab

The permalink tab will give you the option to use the default permalink structure from WordPress, or you may use a custom slug structure from one of the three options there for your funnel steps.

For example, let’s say you selected the Funnel and Steps slug. Then below on the input fields, the text you enter will be part of the slug in the previewed structure.

So, if I use the Funnel base as Offer and the Step base as OfferSteps, the permalink structure will be

https://www.yourwebsite.com/Offer/%funnelname%/OfferSteps/%stepname%/

FYI: The best practice for sales funnels is to use the Funnel and Step slug permalink structure.

Once you have made the required changes, click on the Save button.

iii. Offer Settings

WPF Settings - Offer Settings

In the offer settings, you can choose if your funnel offers (i.e., upsell & downsell) will be considered as separate orders, or as part of the main order. You will have the following two options to choose from:

  • Create a new child order
    Each offer (upsell or downsell) will be considered as a separate order.
  • Add to main order
    All accepted orders will be considered as part of the main order.

Now let us go back to the overview tab and find out the available options there.

2. Overview Tab

If you go to the overview tab for the first time, you will initially get the button ‘Create Your First Funnel.’ You may click on this to start creating a funnel. Or you may click on the ‘Add New Funnel’ button on the top right side to create a funnel.

WPF - Overview tab

After you create a funnel (see next section for funnel creation overview), it will be listed here. In fact, all funnels that you may create using the plugin will be listed here.

WPFunnels All Funnels List

Here, you can do the following:

  • You can click on the Funnel name or the Edit button to edit the funnel you created.
  • You may click on the View button to get a preview of the funnel in action. Clicking on it will open the first page of the funnel in a new tab, and you will be able to go through the complete funnel process (if you have configured it properly).
  • The three dots on the far-right side will let you either create a duplicate funnel or delete the funnel.

3. Funnel Creation

On the overview tab, click on the Create Your First Funnel or the Add New Funnel button on the top right side.

WPF Overview - Create your first funnel

Once you click on the button, you will see the option to ‘Start From Scratch.’ And you will be able to see all the available pre-made funnel templates.

WPF - Funnel creation

So basically, you have two choices here

  • Create A Funnel From Scratch
  • Import A Pre-made Funnel Template
    – which you can hover on to “Preview” or “Import” – you may also click on a template to get a glance at the available steps for that funnel template and preview each step before choosing to import.

i. Create A Funnel From Scratch

If you choose to create the funnel from scratch, simply click on the ‘Start From Scratch’ button and it will take you to a blank funnel canvas where you can add steps and map them however you want.

Drag & drop canvas - start from scratch

To add a step, you can click on the ‘+ Step’ button on the top left side. (Read the next section to get an elaborate explanation on Step creation.)

ii. Import A Pre-made Funnel Template

On the Funnel creation page, you may hover on one of the templates and click on Preview to view the funnel in action or click on Import to import the funnel steps.

Preview or import a funnel template to create funnel

You may also click on a template to get a glance at the available steps for a funnel template before importing.

Template view and preview

You may hover on each step to get a quick preview or click on the Preview button below each step to get a live preview of that step.

Once you are satisfied, on top, you may rename the funnel if you want to and then click on Import to import the funnel steps along with the pre-made page designs.

Once you import a template, it will take you to the Funnel Planning Canvas with the steps already added and mapped in the appropriate order.

Import a Pro template with funnel steps

The Drag And Drop Funnel Building Canvas

The drag and drop funnel building canvas is really special. This canvas will act as both a funnel planner and the funnel dashboard where you configure, organize, initiate design, and execute the funnel.

Watch this video to get a good understanding of the drag and drop canvas.

4. Funnels Steps Basic Overview

Once you are on the Funnel Planning Canvas, you can now plan your funnel steps easily.

Let us look at the basics you need to know about funnel steps. We will cover the following:

  • Adding & Removing a funnel step
  • Mapping funnel steps.
  • All funnel steps and their options.

i. Adding & Removing a funnel step

On the top left side of the canvas, you can click on the ‘+ Step’ button if you want to add a new step.

Drag and drop canvas - Add Step

Once you click on it, you will get the option to choose what type of step you want to add.

Add a step to your funnel

And for each step, you will be able to either create one from scratch (i.e. a step with a blank page), or you may import a template for that step. Whichever you do, you will see the step will be added to your funnel canvas.

Step Added

To remove a step, select it and press “Delete” on your keyboard, or right-click on it to get the option to remove it.

Delete a step

ii. Mapping funnel steps

When you have added multiple steps, you have to connect or map those steps in the right order for the funnel to work, i.e. you have to connect a step to the next or previous step.

Connect Funnel Steps

Simply click on a step, then click and hold on the connector point in the middle of the step, and drag & drop on top of the next step. And you will see the connector will draw itself while you drag it and the steps will be connected when you drop.

iii. All funnel steps and their options

In a funnel, you will be able to work with 5 different types of steps:

Landing Step
Landing Step

This will be the Landing page or the sales page of your product.

When you select the landing step, you will get 3 option icons:

  • Preview – get a frontend view of the landing page.
  • Edit – edit the step page on a preferred page builder where you can design the funnel step and use our Next Step Button widget/block.
  • More options – click on the 3 dots to get options to change the step name and the step slug.
Checkout Step
Checkout Step

This will act as the personalized Checkout step for your funnel.

When you select the checkout step, you will get 4 option icons:

  • Settings – clicking on it will open a configuration drawer where you will be able to select the main product of the funnel, set up an order bump, and use a checkout field editor to customize the checkout form.
  • Preview – get a frontend view of the checkout page.
  • Edit – edit the step page on a preferred page builder where you can design the funnel step and use our Checkout widget/block to initiate the custom checkout form and customize the checkout form style (text color, font, etc)
  • More options – click on the 3 dots to get options to change the step name and the step slug.
Thank You Step
Thank you step

This will be the Thank You step for your funnel after all orders are made.

When you select the Thank you step, you will get 4 option icons:

  • Settings – clicking on it will open a configuration drawer where you will be able to choose what order details (order summary, order details, billing details, and shipping details) you want to display on the thank you page
  • Preview – get a frontend view of the thank you page.
  • Edit – edit the step page on a preferred page builder where you can design the funnel step and use our order details widget/block to create a customized thank you page.
  • More options – click on the 3 dots to get options to change the step name and the step slug.
Upsell Step
Upsell step

This is the Upsell offer step that you may use to make special offers after checkout.

When you select the Upsell step, you will get 4 option icons:

  • Settings – clicking on it will open a configuration drawer where you will be able to choose the product(s) to offer as upsell and assign custom discounts.
  • Preview – get a frontend view of the Upsell offer page.
  • Edit – edit the step page on a preferred page builder where you can design the funnel step and use our Offer Button widget/block to trigger the offer accept/reject action.
  • More options – click on the 3 dots to get options to change the step name and the step slug.
Downsell Step
Downsell step

This is the Downsell offer step that you may use to make special offers after checkout.

When you select the Downsell step, you will get 4 option icons:

  • Settings – clicking on it will open a configuration drawer where you will be able to choose the product(s) to offer as downsell and assign custom discounts.
  • Preview – get a frontend view of the Downsell offer page.
  • Edit – edit the step page on a preferred page builder where you can design the funnel step and use our Offer Button widget/block to trigger the offer accept/reject action.
  • More options – click on the 3 dots to get options to change the step name and the step slug.

Use these steps effectively to create a proper functional funnel.

5. Assigning Funnel Product

To assign the main product(s) that you want to sell using this funnel, you will get the options in the checkout step.

Select the Checkout step and click on the settings icon.

Checkout step settings

Once you click on the checkout step settings, the configuration drawer will appear.

WPFunnels Add New Product

Here, search for your product and select it. And then click on the ‘+ Add Product’ button on the right side. You will see that the product will be added to the funnel.

WPFunnels Checkout New Product Added

Once the product is added, the next thing to do is to design your funnel steps and use the right content in the step pages.

6. Using Order bump

In the checkout Configure drawer, you will see, there is a tab called Order bump. Click on it.

WPFunnels Checkout Order Bump Tab

Now, click on the ‘Enable Order Bump’ option to use an order bump for this funnel. It will let you configure the order bump design and assign a product to offer using the order bump.

WPFunnels Order Bump

You simply need to assign a product and configure the offer details you want to present to your buyer during checkout.

Now that you are quite familiar with the plugin’s interface, let’s go ahead and create your first sales funnel real quick.

Was this article helpful to you? Yes 1 No

How can we help?