WooFunnels Documentation
Get unstuck with our helpful reference material

Building a Sales Page from Scratch

In this section, learn about how to add 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 'Create Your funnel'

When the page of templates opens up, the first option on the page is 'Create Your Funnel'. 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

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

Choose the steps you wish to add to your funnel.

Select your step

Then name these pages and hit Add.

Name your sales page

After that, you'd have all your funnel steps ready to edit and personalize to fit your brand.

All the steps in the funnel

Step 3: Select the edit option

Click on the pencil icon next to 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:

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

Select the page builder and import the template.

Sales page templates

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

Step 5: Click on edit

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

Edit the sales page from scratch

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.

Next button step link

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 clicks on Other instead of build 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
chevron-down