Within the design editor, select the + dropdown from the top bar
Choose basic elements like Text or Media, or choose from brand elements like Color swatch
Select where you would like to add the content

Adding with Automations

Within the design editor, select the lightning bolt icon from the top bar
Select where you would like to add the Automation
Choose the Automation from the pop-up window
Learn more about Automations

Adding Components

Within the design editor, select the diamond icon from the top bar
Select where you would like to add the Component
Choose from your saved components
Note: some components will not show in the pop-up window if they are not available to add where you have selected
Learn more about Components

Add mode

While adding, you are in a multi-step add mode. Below outlines various common states you will encounter in add mode.

Add to existing row

While hovering an existing group or row, the entire area will tint. Left click to enter this layer.

Select an existing column, or left click + drag on empty rows to create a new one.

Create a new row

New rows can be added by left clicking between existing ones.

Once inside an existing or new row, left click + drag to create a new column the content will be within.

Locked areas

While adding, all component instances will be locked from adding into. To add into components, you must edit the main component itself.

Tips

Hotkeys

Use the keyboard hotkeys M (Media), T (Text), B (Button), D (Drodown), S (Spacer), A (Automation), C (Component) to quickly select the that content type to add.

Direct add to column

When in add mode, press and hold the command key to bypass the first click, and directly add into an existing column.

Related guides

Editor overview

Media

Text