Live Editing
View your website as you build it and see your designs come to life in real-time.
Responsive Visibility
Make containers or widgets visible/invisible for each device.
Responsive preview
Live responsive preview for mobile, tablet & desktop layout, customize the best look on each device.
Copy from other site
All content you see on the demos of the sitebuilder can be easily added to your site by "Copy" & "Paste from other sites".
Custom Icons
Choose icons on https://icomoon.io/ and then upload them to your site. The whole process is extremely easy and will not take more than a few minutes.
Better lazyloading
Images not in viewpoint will not be loaded.
Shortcode
Insert premade content anywhere you want.
Shape Divider
Separate the sections of your page using shapes, and make them pop by adding SVG, Icons, or texts inside.
Page width
Fully customizable, the width can be in any number from 0 to fullwidth.
In-line Editing
Type directly on-screen, transform content writing into an easy process.
Revision History
Quickly redo or undo any mistakes and easily save or retrace anything you create.
Global Fonts & Colors
Define your website’s design system with global fonts and colors. Save them once and apply them to any element on your website.
Background Videos
Bring your background to life by adding interesting videos to your sections.
Mask Shapes
Turning any element, like an image or video, into whatever shape you desire to create standout designs.
Version Control
Roll back to a previous version and restore it in just one click.
Nested accordion
Each accordion item is a container, put any widget in it.
Slide anything
Any widgets can be placed in a slider.
Responsive Editing
Adjust your website to make it look perfect on every screen.
Flexible Positioning
How easy it is to set vertical spacing & horizontal alignment, thanks Flexbox.
Grid layout
CSS grid creates complex responsive web design grid layouts.
Set conditions to display content.
Sometimes you may need to show different content like "Size chart", "Care guide" for different categories, that's easy with SiteBuilder.
Order
Control the order in which elements appear in the flex container. Setting different orders for different devices is as easy as ABC.
Right Click Menu
Find more options for any element on your website with right click
Dark Mode
Rest your eyes and work more efficiently in dark mode
Multistore
This demo site is a multistore PrestaShop site.
Scalable
Lightweight
Customizable
No unnecessary requests
SEO friendly
Scalable
Heavy
Customizable
| Undo | Ctrl / Cmd + Z | Undo any change made on the page |
| Redo | Ctrl / Cmd + Shift + Z | Redo any change made on the page |
| Copy | Ctrl / Cmd + C | Copy a section, column or widget |
| Paste | Ctrl / Cmd + V | Paste a section, column or widget |
| Paste Style | Ctrl / Cmd + Shift + V | Paste a section, column or widget’s Style |
| Delete | Delete | Delete section / column / widget that is edited |
| Duplicate | Ctrl / Cmd + D | Duplicate section / column / widget that is edited |
| Save | Ctrl / Cmd + S | Save your page to the revision history |
| Show/Hide Panel | Ctrl / Cmd + P | Toggle to open or hide the side panel |
| Structure | Ctrl / Cmd + I | Opens the Navigator |
| Page Settings | Ctrl / Cmd + Shift + Y | Opens the Pages Settings to set page properties |
| History | Ctrl / Cmd + Shift + H | Opens History panel so you can revert to an earlier version of your website |
| User Preferences | Ctrl / Cmd + Shift + U | Opens User Preferences menu where you can customize the Editor |
