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 normlly 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.

• If your theme has a code snippet option, you will see it as part of your section and components.
• You can drag in the code block to add a custom code block.
• 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.

Template layouts

Template layouts act as different email or page types that you can save and reuse. For example, you may have a certain layout for your email newsletter, or one for secondary information web pages.

• Saved layouts are shown as preset options in the left sidebar
• Your layouts can be saved while in edit mode by clicking the layouts icon () in the left sidebar, and then the Save Current Layout button
• You can rename a current layout, or delete it, from the layouts sidebar
• If you are an admin on a theme, you can also use theme edit mode to save layouts

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