Any collection of elements that you’ve added to the page can be saved as a reusable Block. From that point on, it will appear in the Blocks drawer for you to use on that website.

Saving a New Block

To save some page elements as a Block, they’ll need to be contained within a single parent element. In other words, it’s not possible to save multiple elements that are at the same level of hierarchy as a Block:

Elements of a new Block must be within a single parent element.


Everything that’s currently contained in the parent element will be saved as a part of this Block. This includes any text content within text elements, any images or videos that have been added, and all of the block-level and inline styling that has been applied. Interactions and hover states will also be saved as part of the Block.

To save your Block, click the blue "save" icon in the upper right corner of the part of the container you want to save as a Block. (shown below)

Tagging

A dialog will ask you what you’d like to name your Block.

Ultimately, tags keep your Blocks organized. Tagging the Block ensures it’s associated correctly with both your organizational system in My Brandcast. Learn more about using tags here.

Adding Blocks to Templates (from My Brandcast)

If you need to associate the block you just tagged with a specific set of templates – or to your entire account – follow the instructions below:

1. When the block is tagged (per above screenshot), go back to My Brandcast by clicking the Jewel icon in the upper left, and "My Brandcast"

2. Click "Blocks" on the left

3. Find the block you just created and click "Manage Block"

4. Now you can make the Block default for all templates and sites–or you can associate it with specific templates

Other things to consider

There are a number of things you should consider when saving a Block, especially if other members of your team are going to use it: Where have you applied styling, and where do you want to allow it to inherit global styles? Are the elements well-labeled? Is the Block responsive? We’ve compiled a “best practices” guide to walk you through some of those decisions.

Did this answer your question?