Blocks

If Base is the foundation of a template, Blocks are the building-blocks to build up your template. It's individual modules you can have infinite of.

Only users with role Designer or Admin can access and edit Blocks

Blocks consists of the following elements:

• HTML/CSS code

• A series of Inputs

​When creating a Block, the user needs to think of that Block as a separate entity. It is something that can be inserted multiple times. Usually when implementing the Base template, the code considered as a Block will be nested in the Base code. In this situation we want to cut it out and separated into it's own Block.

Creating a Block

​From within the Template Editor, you can create a Block from the Left panel.

The Left panel is where you create a Block on the + button

Either by marking code inside the Base or by clicking the + icon a new Block will be created. If code has been marked, it will be cut out and pasted into the Block.

The user is marking code in the Base, and clicking the + button in the left panel to separate it into its own Block

Naming the Block

Next step is to give it a compelling name, for later use in both the Inputs and how the Block is displayed when Creating an email.

To create a name for Inputs, Insert the "Name" and "Key" in the Right panel. The "Name" Can be with capital letters and spaces as it's used for display only. They "Key" cannot, as it's used for the Liquid rules. We suggest however you name them more or less the same as not to create confusion later on.

Clicking the Pen in the Left Panel gives you the option to change the name of the Block and how it's displayed when Creating an email. It can be individually named for flexibility reasons.

In this example we named the block Hero in all places

Next step is to create the many Settings that makes up all the rules which we will go over in the next chapter.