9.6. Website Builder
Website Builder
The Website Builder allows you to create and edit your Website using flexible, customizable sections.
You can use the Builder to:
Add and edit sections
Reorder, duplicate, hide, or delete sections
Manage Website pages
Define Website colors and visual styles
Preview how your Website looks on different devices
The Website Builder is available on both the mobile app and the WebApp, although the editing interface and saving behavior differ slightly between the two platforms.
For information about individual section types and their settings, see 8.7 Sections Overview.
9.6.1 Website Builder — Mobile app
On the mobile app, Website editing is handled directly through the Website Builder.
Select a page
The name of the page currently being edited is displayed in the Builder header.
Tap the page name to open the Pages menu and switch to another page.
The selected page is loaded into the Builder. Any sections you add or edit belong to that page.
For information about creating, renaming, reordering, and managing pages, see 8.5 Pages and Navigation.
Add and manage sections
From the Builder, you can:
Add new sections from the Section Library
Edit existing sections
Reorder sections
Duplicate sections
Hide or show sections
Delete sections
Sections can be arranged to create the content and structure of each Website page.
Colors
Use Color triptychs to define the main color combinations used throughout your Website.
The triptych consists of:
Primary color
Dark color
Light color
These colors provide a consistent palette that can be used across your Website sections.
On the mobile app, you can:
Choose from a range of predefined color combinations, or
Customize the Primary, Dark, and Light colors individually to create your own unique color combination
Each section can then use different color schemes based on the selected triptych, helping you create visual variety while maintaining a consistent Website design.
Styles
The Styles settings allow you to control common visual properties across your Website, including:
Fonts
Spacing
Padding
Border radius
This makes it easier to maintain a consistent visual identity throughout the Website.
Preview
You can preview your Website while editing it in:
Mobile view
Desktop / browser view
This allows you to check how your Website adapts to different screen sizes.
Saving changes
Changes made in the mobile Website Builder are saved automatically.
You do not need to manually save your work after each edit.
9.6.2 Website Editor — WebApp
On the WebApp, Websites are managed through the Editor.
The Web Editor is divided into three tabs:
General / Design
Pages
Sections
Together, these tabs control the Website’s visual design, page structure, and content.
General / Design
The General / Design tab contains Website-wide visual settings.
Colors
Define the three colors of your Website’s color triptych:
Primary color
Dark color
Light color
Styles
Configure global visual settings such as:
Fonts
Spacing
Padding
Border radius
Changes made here affect the visual style used throughout the Website.
Pages
The Pages tab allows you to manage your Website’s page structure.
From here, you can:
Add pages
Rename pages
Duplicate pages
Delete secondary pages
Reorder pages
Control which secondary pages appear in the Website Menu
The page selected in the Pages tab is also the page currently loaded for editing in the Sections tab.
Before adding or editing sections, check that the correct page is selected.
For complete information about page management and Website navigation, see 8.5 Pages and Navigation.
Sections
The Sections tab is where you build the content of the selected page.
You can:
Add sections from the Section Library
Edit existing sections
Reorder sections
Duplicate sections
Hide or show sections
Delete sections
Different section types are designed for different kinds of content, such as text, media, links, maps, forms, and other Website elements.
See 8.7 Sections Overview for a complete description of the available sections.
9.6.3 Saving and cancelling changes
Saving works differently on the mobile app and the WebApp.
Mobile app
Saving behavior depends on the type of change:
Changes made directly in the Website Builder — such as reordering, hiding, duplicating, or deleting sections, and adding or deleting a page — are saved instantly
Changes made inside an individual Section Editor are saved when you exit the Section Editor and return to the Website Builder
This means there is no separate Save action for the overall Website Builder on the mobile app.
WebApp
Changes made in the Web Editor are not saved individually.
The Save and Cancel actions apply to all changes made across all three Editor tabs during the editing session.
For example, if you:
Change Website colors in General / Design
Add a page in Pages
Add sections in Sections
and then click Save, all of these changes are saved together.
If you click Cancel, all of these unsaved changes are discarded.
Important: Before leaving or cancelling an editing session on the WebApp, make sure you have saved any changes you want to keep.