Find every panel and top bar button in the page builder, and explain how a page stacks Section, Row, Column, and Element.
Where it lives
The four parts of the screen
Click Search at the top of your screen and type Funnels (or Websites), then open it. You can also find it in your menu, but menus can be renamed, so search is the sure way. Open a step or page and click Edit. The builder loads with four parts.
Your toolbox on the left
The left panel holds the tools you build with. Look for Add Elements, Layers, and Pages.
Add Elements is where you grab text, images, and buttons
Layers is an outline list of everything on the page
Pages lets you jump to another page without leaving
Your page in the middle
The canvas is the page itself. What you see here is what visitors see, so this is where you click and build.
Click any item to select it
Hover over a section to see its small toolbar
The right side changes what you click
Click an element on the canvas and the right sidebar fills in with its settings. If you ever feel lost, click the thing you want to change.
General holds content and text settings
Styles holds spacing, borders, and visibility
Animations holds the movement effects
Views, versions, and publishing
Across the top you will find the Desktop and Mobile toggle, Popup Settings, the Cookie Consent icon, and the clock icon for Versions.
Preview shows the page like a visitor sees it
Save keeps your work without going live
Publish makes it live
The big idea
How a page stacks together
Think of a house. Every page is built in four layers, one inside the next.
1
Section
A section is a floor of the house. It is a full-width band across the page.
2
Row
A row sits inside a section, like a room. Use a row for one job.
3
Column
A column sits inside a row and splits the room into spaces side by side.
4
Element
Elements go inside a column. They are the furniture: text, images, buttons, and forms. Open Layers and click one of each level to see them nest.
Key terms
Definitions
Tap any term to expand it.
The middle of the builder where your page appears and where you click to edit.
A panel that lists every section, row, column, and element as an outline.
The clock icon. Each save keeps a copy so you can go back if you make a mistake.
A single item on the page, such as a headline, an image, a button, or a form.
Help me do it
Things To Do
Finish these before moving to the next lesson. They only take a few minutes.
0 of 3 done
⚡ Tips
This one editor builds funnel steps, website pages, webinar pages, blog posts, and store pages.
When something will not move where you want, Layers tells you which level you grabbed.
Check the Mobile view often, because many visitors are on phones.
Icon order and labels in the top bar can look a little different in your account, so look for the names.
Check yourself
Quick Knowledge Check
Answer a few quick questions to lock in what you just learned. Miss one and we'll show you the right answer.
0 of 4 answered
Which panel is an outline list of everything on your page?
What is the correct order of the four page layers, outside to inside?
The right sidebar has three tabs: General, Styles, and ____.
The clock icon in the top bar opens your ____ list.
Help me apply it
Try This With Your Favorite AI
Copy a prompt below and paste it into ChatGPT, Claude, Gemini, or whatever AI tool you use. Fill in the bracketed details and it'll help you write your own version for your business.
🗺️ Make my builder cheat sheet
You are a patient software trainer helping me learn the page builder screen.
My context:
- [the kind of pages I build, such as funnel steps or website pages]
- [how comfortable I am with software, from nervous to confident]
- [the panel or button that confuses me most]
Give me:
- A one-page cheat sheet of the left panel, canvas, right sidebar, and top bar
- A simple house comparison I can use to remember Section, Row, Column, Element
- Three first clicks to try on a practice page
Use plain words and short bullets.
Finish by asking me: "Which part of the screen still feels confusing?"
🏷️ Plan names for my layers
You are a tidy page organizer helping me name the sections on my pages so Layers is easy to read.
My context:
- [the page I am building and its goal]
- [the sections I expect, such as a top banner, benefits, and footer]
- [whether others on my team will edit the page]
Give me:
- A short, consistent naming list for my sections
- A tip for naming rows and columns without overdoing it
- An example of how the Layers outline would look
Keep each name under three words.
Finish by asking me: "Do you want me to rename sections for a second page too?"
Once the screen feels familiar, building gets fun. Open a page, click through each layer, and next we will add your first sections, rows, and columns.
✨✨
✓
You did it!
You made it through every question. That's the lesson, locked in.