WooFunnels Documentation
Get unstuck with our helpful reference material

Building a Sales Page from Scratch

In this section, you'll learn about how to add and customize a sales page to your funnel when you're creating from scratch.

Step 1: Add a new sales funnel

Click on 'Add New' to add a new funnel.

Add new funnel

Name your funnel.

Name your funnel

Once done, click on Add.

Step 2: Choose 'Start from scratch'

When the page of templates opens up, the first option on the page is 'Start Your scratch'.

Select this option to design a fully custom sales funnel for your business.

Funnel templates and page builders

On the next page, you'd be prompted to add a step to your blank funnel.

Add new step to your funnel

Next, you'd be shown all the pages you add to your funnel, from a landing page to the thank you page.

Choose the Sales Page to add to your funnel.

Add the sales page to your funnel

Then enter the name of your Sales page here.

Name your sales page

Click on Add when done.

Step 3: Select the edit option

Click on the page you want to edit.

Edit the sales page

Step 4: Build the Page

When you start editing, you're again given the option of building from scratch or choosing templates for individual pages.

WooFunnels deeply integrates with popular page builder tools such as:

  • Elementor
  • Divi
  • Gutenberg
  • Oxygen
  • Other (WordPress Customizer or other page builders)

Select the page builder and import the template.

Click on Start from scratch if you do not want to use any of the pre-made templates.

Step 5: Click on edit

Clicking on Edit Template would open up a new funnel page in Elementor.

Click on Edit Template

Step 6: Customize the page

Here you can create a custom page by dragging and dropping the multiple widgets provided to you.

Customize the page in elementor

Step 7: Save the changes

Once you're done creating the page, click on the green Update button to save the changes.

Update and save the changes

This is how you can create a custom funnel page from scratch in Elementor.

Step 8: Add the next step button link

Copy the next step button link from the design section of the sales or landing page.

Paste this link on the CTA button of your landing page. When the user clicks on it, they will be directed to the next page in the sales funnel.

This will prevent the hassle of getting the actual link of your next page is pasting it on the button.

If you do not wish to use Elementor but another preferred page builder, just click on Other instead of building from scratch when editing individual pages.

You can use page builders like Gutenberg, Divi, Beaver Builder, Oxygen, etc. to design the pages that are attractive and on-brand for your business.

Increase your sales, starting today.

Get WooFunnels Now