The element picker groups everything you can place on a page by what you are trying to do. This is a tour of what each group offers.
Click a plus button inside a row, column, stack or group to open the element picker. Elements are grouped into categories, and you can search by name.
Double-click an element on the page, or in the Layers panel, to edit it. Most elements share the same kinds of settings: typography and colors, spacing per device, animation, a CSS section, Show this element to, and Hide On for hiding it on mobile, tablet or desktop.
The Layout category holds the containers that arrange everything else. The Content category holds the basics every page is written with.
Row, Column
The grid. Rows hold columns, columns hold elements.
Stack, Group
Arrange elements vertically or side by side.
Modal
A popup that opens over the page, usually from a button.
Title
A heading, from the main page title down to a small one.
Text
A paragraph of copy.
Media
An image, a YouTube or Vimeo video, a video file, or a Lottie or Rive animation.
Button
A link, or an action such as opening a modal or running a page event.
Blocks are ready-made pieces for highlights, numbers, answers and social proof. Each has its own card style and sizing options.
Feature
An icon or image with a heading and a short description.
Stats
A number worth showing off, with a label.
Reviews
Testimonials from your customers, with names, photos and ratings.
Rating
An average score shown in stars.
FAQs
Questions and answers in collapsible panels.
Map
An interactive map of your locations.
Form
One of the forms you built in the Form Creater, embedded on the page.
Newsletter
An email signup box.
Login form, Signup form
Sign in with email and password, or create an account.
Social logins
Sign-in buttons for the social providers you turned on.
Products
A grid of products from your shop.
Subscription
Your subscription plans, with checkout and billing.
For a pricing page, use the Subscription element with its plan cards rather than typing prices into text. It shows your real plans and prices and handles visitors who already subscribe.
The navigation elements are mostly used in menus and footers, but you can place them on any page.
Table
Rows from one of your custom tables.
Badge
A small label, for example a status taken from a catalog.
Menu
The links of one of your navigations.
Logo
Your logo from the theme settings, linked to the home page.
Theme switch, Language switch
Let visitors choose light or dark mode, or change language.
Hamburger
Opens the menu on small screens.
Social links
Links to your social profiles.
Custom component
A reusable block you built once. See Reusable components.
