Watch the full walkthrough here:
Objective
Explain what the Builder is, how it works, and how to create pages inside the platform.
Target Audience
Beginners
New Builder users
Non-technical users
What is the Builder
The Builder is a tool that allows you to create websites and pages.
You can create pages in three ways:
Using a blank template
Using ready-made templates
Using AI to generate content
Main Advantage
The Builder is integrated with other tools inside the platform.
Examples include:
Booking Builder
Mailingboss
SiteBot
Messenger and Chatbots
E-learning
Webinar
All of these can be connected directly inside your pages.
How Page Creation Works
When you create a site, you can start with a blank page.
From there, you build your page by adding elements manually.
Interface Structure
Panels
The page is divided into panels.
You can:
Clone an existing panel
Add new panels
Use pre-built panels
Cloning a panel copies everything inside it.
Elements
Elements are the components you add to your page.
They work with drag and drop.
Examples:
Text
Headings (H1 to paragraph)
Other content types
Each element has variations you can choose from.
Element Toolbar
When you click on an element, a toolbar appears.
From there you can:
Edit the element
Add links
Use Magic Lab (AI) to generate content or images
Integration with Other Tools
You can insert elements from other tools.
Examples:
Blog
Booking
Just drag them into the page and connect them.
Global Style Settings
There is a section called Site Fonts.
Here you define:
Fonts
Sizes
Heading styles
This avoids setting styles manually for each element.
Responsiveness
You can view and edit your page in three modes:
Desktop
Tablet
Mobile
Each version can be adjusted separately.
Page Settings
Inside Settings, you can configure:
SEO
Page title
Meta tags
Sharing image
Meta tags are automatically generated by the platform.
Recommended Structure
Avoid building everything in a single long panel.
Instead:
Use multiple panels
Group related content inside each panel
Using Boxes (Containers)
Boxes act as containers.
They allow you to:
Group elements
Move multiple items at once
Without boxes, you would need to move each element individually.
This is especially useful for mobile optimization.
Additional Tools
Undo and Redo
Allow you to undo or redo actions.
Ruler
Helps align elements on the page.
Elements can snap into position automatically.
Hide Elements
You can hide elements depending on the device.
Example:
Hide on desktop
Show on mobile
Advanced Settings
Keywords
You can add keywords in the page settings.
Pop-ups, Header, and Footer
You can configure:
Pop-ups
Header
Footer
These can be set as global elements.
Global Elements
Include:
Header
Footer
Pop-ups
GDPR
When set as global:
They apply to all pages
You edit once
Changes reflect across the entire site after publishing
Creating New Pages
You can:
Create new pages
Duplicate existing pages
Blog
You can create a blog directly inside the Builder.
FAQ
Can I use AI to create content?
Yes. You can generate content and images using AI.
Do I need to build everything from scratch?
No. You can use templates or clone existing structures.
Do I need to set fonts manually for each element?
No. You can define them globally in Site Fonts.
Can I connect other tools inside my page?
Yes. Tools like Blog and Booking can be added directly.
Troubleshooting
Elements are not aligned properly
Use the ruler
Check positioning inside the panel
Layout looks broken on mobile
Check the mobile view separately
Use boxes to group elements
Changes are not applied to all pages
Check if you are using global elements
Republish the site
Difficulty moving elements
Use boxes to group elements
Avoid working with loose elements