These components allow other components to be nested within them:
- Top Level Container: This is the main content container on a page. This component is automatically included in a page. It cannot be added or deleted. All content outside the header and footer is contained in the top level container.
- Page Section: A page section is the only type of component that can be directly added to a page's Top Level Container. Page Sections are used to group similar content and allow differentiating content by having different backgrounds and spacing.
- Columns: Allows nesting components into columns.
- Grid: Allowing laying out components in a grid shape.
- Block: Blocks work well inside of grids. They allow creating repeated groupings like text, image, and buttons that are then repeated in a grid. Below is an example of blocks nested in a grid.
There are multiple ways to add content:
- Click the Add Content button at the top of screen, then select the container you want to insert into from the left panel. This will bring up the Add Content dialog. Select the component you want and it will appear at the top of the container.
- Select a container component in the editor and then click the Add Component button in the component toolbar.
- Select a container component, click the Design button in the toolbar, and then click the Add Content button from the design panel.