Before You Dive In
This article is one step from our Master Help Guide: All About Sales Funnels. We recommend starting with the visual walkthrough video and examples inside the Master Help Guide before diving into the technical setup below.
Each Master Help Guide acts as your project plan - teaching you the feature, laying out the steps in the right order, and linking to every resource you’ll need along the way.
This guide is perfect if you want to:
Access Ivorey's funnel template library
Find a sales funnel template to match your Ivorey™ website
Learn to design on Ivorey™ to customise the sales funnel template
Step 1: Choose a Sales Funnel Template From The Ivorey™ Template Library
We've created beautiful sales funnel templates that you can choose from and customise to suit your own offer and brand - if you don't want to start from scratch. Each sales funnel template includes a sales page, checkout page, and thank you page. This training walks you through how to choose and import a funnel template into your account.
Click here for the written steps
Click here for the written steps
To import a sales funnel template from our template library, from the Ivorey™ main menu, go to [Sites] > [Funnels] and click [+ New Funnel]. Choose [From Template] to open the funnel template library. This will automatically show all available sales funnel designs.
Browse the beautiful designs we've pre-made for you, and preview any funnel by clicking the 👁 icon. Once chosen, click [Use This Template] to import it into your account.
If you want a full sales funnel, look for "Sales Funnel" templates.
If you want a simplified order funnel, look for the "Order Funnel" template. Alternatively, you can still import a full "Sales Funnel" and just delete the sales page, leaving only the Order Form and Thank You Page.
Once imported, your funnel will appear under [Funnels] in your account and is ready to customize in the next step.
Step 2: Rebrand The Sales Funnel Template
Your sales page is where you present your offer, create trust, and help someone confidently say “yes.” This training shows you how to design and customise the Sales Funnel template using the Ivorey™ website builder.
Click here for the written steps
Click here for the written steps
To setup your brand board to use inside of a funnel - from the Ivorey™ main menu, go to [Marketing] > [Brand Board] and start from blank. Add your brand colors using the color picker or enter hex codes from your brand guide. Choose your fonts (Google Fonts supported). If you’re using a custom font, this can be custom coded into your site separately.
To start customising the funnel template, go to [Sites] > [Funnels], select your funnel, and click Edit on the Sales Page.
To set the default heading and paragraph fonts inside any funnel page, click the [Typography] tab inside the page editor. Update the heading font and body font as needed, with any Google Font of your choice. You can also adjust default text color here.
Adjust any colours, fonts, images and copy with your own. Use the following design tips to help:
When you're inside the page editor of any funnel page, you can open the Layers Panel (top toolbar) to easily see the full page structure and naming conventions we have setup. You can re-name anything you like, and also drag-drop different layers sections to re-organise the order they appear on your site.
When you hover over any section on the site inside the page editor of any funnel page, you'll see a box appear. Green = sections, Purple = columns, Orange = elements.
If you want to add extra things onto the site, you must add them to the page in that order, e.g. first add a section (think of this as a giant block on your page), then add columns (e.g. you could want 2 columns (which would split that block into left and right), then finally add your elements (into either the left or right column).
If you want to add an element into an existing part of the funnel template ( text, buttons, images, countdowns, and more), use the Add Elements button to drag and drop your chosen element into any column.
Click on any section, column or element on the page to open its settings in the right-hand panel. This is where you can adjust fonts, size, alignment, padding, colours and more.
Adjust padding and margins to perfect spacing. Click on any element, column or section and you'll see this setting in the settings panel that opens on the right hand site.
Inside spacing (padding) = space within the element (e.g. inside the button you've clicked on)
Outside spacing (margin) = space around the element (e.g. above/below the button)
Click the [SEO Metadata] tab to update your page title and meta description. This will control what shows when you share your link (e.g. in DMs, emails, or on Google). Be sure to add:
Page title (e.g. the name of your product/offer)
Meta description
Author (your name or business name)
Social sharing image
Check your design in Mobile View (top toolbar) to make sure everything looks good on mobile. Our templates are mobile-optimized by default, but you can hide or edit sections just for mobile or desktop if needed.
Repeat for all pages within your funnel. Don't worry if the Order Page/Checkout does not show any products yet - that comes in the next step.
Once you’re happy with each page, click [Save], or if you're ready for your funnel to go live to the web, click [Publish].
Next Steps
If you’ve completed the steps above, head back to the Master Help Guide on Sales Funnels to move onto the next phase.
Each Master Help Guide acts as your project plan - teaching you the feature, laying out the steps in the right order, and linking to every resource you’ll need along the way.
Still Need Help?
Hit the support chat widget inside Ivorey - we can:
Drop the templates directly into your account if you can't find them
Walk you through any of the steps
Troubleshoot anything that’s not working
We’re here and ready to help via the chat widget in the bottom right of your Ivorey™ account. Or if you are looking for done-for-you support, you can browse our current services here 🤍