Side panel: Settings
The panel on the right shows the settings for whatever you select in the editing area. With nothing selected, it shows the page settings. Click a section, the navigation bar, the footer or an element to see its settings instead. This is what “contextual panel” means: the options follow your selection.
This is where you configure everything that can't be set by drag and drop on the canvas: the content of a text, the link of a button, the image of a logo, the options of a form, the scrolling of a carousel… For purely visual formatting (colors, borders, margins, shadows, animations), see the style panel that appears at the bottom of the side panel.
Settings common to every element
Whatever the selected type, you'll find at the bottom of the panel the style panel settings. The list of sections present depends on the type of element (a text has no image filter, a graphic block has no typographic settings…).
Settings by context
| Selection on the canvas | Doc page |
|---|---|
| No selection (click on empty area) | Page |
| No selection in a pop-up | Pop-up |
| A section | Section |
| The navigation bar | Navigation bar |
| The footer | Footer |
Multiple blocks (Shift+click) | Multiple selection |
| Text | Text |
| Animated text | Animated text |
| Countdown | Countdown |
| Image | Image |
| Site logo | Site logo |
| Parallax image | Parallax image |
| Before/after image | Before/after image |
| Gallery | Gallery |
| Video | Video |
| Button | Button |
| Button action (cart, search, mobile menu, customer account) | Button action |
| Language menu | Language menu |
| Announcement bar | Announcement bar |
| Shape | Shape |
| Social media | Social media |
| Dropdown menu | Dropdown menu |
| Navigation links list | Navigation |
| Search bar | Search bar |
| Carousel | Carousel |
| Form | Form |
| FAQ | FAQ |
| Iframe | Iframe |
| HTML code | HTML code |
| Product for sale | Product for sale |
| Product catalog | Product catalog |
The Add an element panel opens from the Element button of the top bar.