Who This Is For / When to Use
Use this feature if you want to:
Build funnels or websites faster
Add common design elements without manual styling
Maintain consistent layouts across pages
Launch pages without starting from scratch
Accessing the Builder and Design Bar
To add any prebuilt element or section, you must first open the page editor.
Steps:
Go to Sites.
Open a funnel or website.
Select the Steps tab (funnels) or Pages tab (websites).
Click Edit on the page you want to modify.
Once inside the editor, the left-side Design Bar is used to add all elements.
Adding Prebuilt Buttons
Buttons are used for calls to action such as navigation, signups, or purchases.
Steps:
Click the + (Add Element) icon.
Select Buttons.
Choose a button style.
Drag and drop the button onto the page.
Buttons can be customized after placement using the right-side settings panel.
Adding Forms and Surveys
Forms and surveys allow you to collect visitor information and responses.
Available options:
Add an existing form or survey
Create a new form
Create a new survey
Steps:
Click the + (Add Element) icon.
Select Forms and Surveys.
Choose a form type or survey option.
Drag it onto the page.
Adding Prebuilt Images
The image library includes high-quality, royalty-free images.
Steps:
Click the + (Add Element) icon.
Select Images.
Choose an image from the library.
Drag and drop it into your layout.
Images can be resized, replaced, or styled after placement.
Adding Social Media Icons
Social media icons allow visitors to navigate to your social profiles.
Supported platforms include:
Facebook
Instagram
X (Twitter)
LinkedIn
YouTube
TikTok
Steps:
Click the + (Add Element) icon.
Select Social Media Icons.
Choose an icon style.
Drag icons onto the page.
Each icon can be linked to a specific social profile.
Adding Progress Bars
Progress bars visually show completion status or steps in a process.
Common uses:
Funnel step completion
Checkout progress
Course or onboarding milestones
Steps:
Click the + (Add Element) icon.
Select Progress Bar.
Choose a style.
Drag it onto the page.
Using Prebuilt Section Templates
Prebuilt Sections are complete layout blocks that include text, images, and structure.
Available section categories include:
Welcome
About
Team
Testimonials
FAQs
Call to Action
Footer
Steps:
Click the + (Add Element) icon.
Select Prebuilt Sections.
Choose a section template.
Drag it into your layout.
Editing Page Details
Page-level settings allow you to manage metadata and page behavior.
Steps:
Open a page from the Pages or Steps view.
Click the Edit dropdown.
Select Edit page details.
Adding Elements Using Quick Add
The Quick Add panel speeds up element placement.
Includes:
Rows and columns
Text elements
Buttons
Images
Forms
Icons
Common Use Cases
Sales Funnels
Use Testimonials and Welcome sections
Add Call-to-Action buttons
Display Progress Bars to guide completion
Portfolio Websites
Use About and Team sections
Add Images for visual presentation
Include Contact buttons
Blogs
Add Images to improve readability
Use Progress Bars for reading flow
Add Social Media Icons for sharing
E-commerce Pages
Use Buttons for checkout actions
Display Progress Bars during checkout
Add Testimonials for trust building
FAQ
How do I add prebuilt elements to a funnel or learn?
Open the page editor, click the + (Add Element) icon, choose an element type, and drag it onto the page.
What prebuilt sections are available?
Prebuilt sections include Welcome, About, Team, Testimonials, FAQs, Call to Action, Footer, and more.
Can I use prebuilt elements in both funnels and websites?
Yes. All prebuilt elements and sections work the same way in funnels and websites.
Are the images free to use?
Yes. All images in the prebuilt library are royalty-free and included for use.
Do I need special settings enabled?
The builder must be enabled for your account. Some elements may require appropriate permissions.