Sections and components

Sections and components can be found on the left sidebar of the editor, depending on if the theme has them available. You will need to be in edit mode to access them.

Sections

Sections allow you to change the layout of your email or page. In the left sidebar, look for the sections tab ().

• You can add a section in-between other sections by dragging them in.
• You will see dashed blue lines where your section be added in.
• The line will become solid for you to drop the section in.

Section pinning

Pinning a section allows saving content that you can reuse across emails or pages within a theme.

You will see a pin icon () in the upper right of a section when editing content. Clicking the icon prompts you to name your saved content.

Your pinned section gets added on the left sidebar, under the pins tab (). To use it in your email or page, go to the pins tab and drag your saved pin into your content.

You can rename and remove any pin in the sidebar by clicking the edit icon () under its thumbnail. You can re-save a pin after making changes to it by clicking the pin icon and choosing Save current version. This will add it to a history of revised versions of the pin.

Note: If the theme is updated, pins would need to be updated using the update option in order to use the latest theme version.

Pin groups

You can also add pin groups that allow you to keep your pins organized.

• In the left sidebar, under the pin tab, the Add a pin group button will add a new pin group.
• Clicking the edit icon () for a pin allows you to select the pin group you want it to be part of.
• All pin groups are shown at the top as dropdowns for showing and hiding pins that are part of a group.

Components

Components are elements that can be added in throughout your email or page, such as a button. In the left sidebar, under the components tab (), you will see thumbnails of components that are available.

• You can drag a component into any section, where there is text.
• You will see a dashed green line where your component can be placed.
• The line will become solid for you to drop the component in.

What are variants?

Variants are alternate style options for a piece of content. This might be a button, title text, a component, or a whole section. You can see if there is a variant available by looking for number options above an area you have your mouse over.

Code snippets

Code snippets are often used for adding email provider specific code for segmenting content, or for web page widgets. Blocks Edit will output the code in its raw form after export.

• You will see a Code block as part of your section and/or components.
• You can drag in the code block to add custom code.
• You will see a dashed line where your code block can be placed.
• The line will become solid for you to drop the code block in.
• The code block is shown as a blue bar that needs to be clicked on for code to be edited.
• Drag the section code block to the top of your email or page and the code will be placed within the head tag on export.
• To save specific code snippets for your team to use, you can use the section code block and pin it for reuse.
• You can save a layout with code blocks throughout an email or page.