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.
Last updated
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.
Last updated
Blocks consists of the following elements:
HTML/CSS code
A series of
​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 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.
​From within the Template Editor, you can create a Block from the Left panel.
Next step is to create the many Settings that makes up all the rules which we will go over in the next chapter.
Inserting a thumbnail can be nice, to indicate to your users how that Block generally look, and give them an easier time navigating their options.
To upload a thumbnail for a Block, click on the Block in the Template Editor in the left hand side. Once done, click the tab called Thumbnail in the right hand side menu. There you will be able to upload a thumbnail image. Once done, click save.
This is how it appear in the Email Designer.
Either by marking code inside the 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.
Next step is to give it a compelling name, for later use in both the and how the Block is displayed when .
To create a name for , 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 . It can be individually named for flexibility reasons.
