Last edited on Apr 18, 2022
The Basics
Start your site from a template or from scratch:
Even if you start from scratch, you can quickly get the barebones done using our /section-templates
for your Hero section, Features section, Footer, and more.
Add a navigation bar using the "Add Navbar" button.
Type /button to add a CTA.
Containers as Cards
By setting the style of the container to Card, the container will automatically have a rounded corner and drop shadow.
Containers as section backgrounds
By setting the container width to Max-Width and stretch it vertically, you can use it as a section. You can put all your contents inside that container, and then set a background on the container to make it appear as a section.
Example: "Templates & Examples" section
Synced container
You can sync multiple blocks with the same content by typing /Synced Container. Use Synced Container to display the same container in multiple pages, such as footer.
Link a button to jump to a specific section on your site. Here's an example:
Guide: click here.
Rearrange your pages: top-level pages and subpages.
Example:
Top level pages: Home page, Pricing Page, and Announcement Page
Subpages inside the Announcement page: Jul announcement, Aug announcement, etc.
You can nest these subpages under your top-level Announcement page:
Collapse the side bar to focus on editing:
You can now change some options for mobile view. For example, for Columns, you can change the stacking in mobile to be horizontal or vertical, giving you more control on the elements that you have on your site.