Add sections and elements
Drag ready-made sections and single elements onto a page and arrange them.
- Open the Add panel. It has three tabs: Elements, Sections and Components.
- Drag an item onto the page, or click it to add it after the selected element. A line shows where it will land.
- To move something, drag it on the canvas or in Layers. With an element selected, Alt + ↑ or ↓ moves it up or down.
Sections are complete blocks: navbar, heroes, features, about, stats, logos, testimonials, pricing, FAQ, team, gallery, call to action, contact, footer, menu and schedule.
Elements include Section, Container, Stack, Grid, Card, Free frame, Heading, Text, Button, Image, Video, Icon, Navbar, Footer, Gallery, Slider, Tabs, Accordion, Map, Contact form, Woosool Form, Embed, CMS list and Language switcher.
Layers
The Layers panel shows the page as a tree. Rename, hide on a breakpoint or lock an element there, and drag to nest it inside another one.
Tip
Videos from video sites and maps load only when a visitor clicks them, so the page stays fast and private.
Was this article helpful?
Related articles
- Edit text, images and mediaType directly on the page, add pictures from your computer or Khazna, and set alt text.
- Arrange the layout for computers, tablets and phonesResize elements, use stacks, grids and free frames, and adjust each breakpoint.
- Reuse designs with components and classesTurn an element into a component that updates everywhere, and share styles with global classes.
Still need help?
Write to the Woosool team. Sign in with your Woosool Account and we reply by e-mail and in My requests.