timer ~ 4 min read
31267 views
rate it
24 August 2017

Library Of Blocks Or What To Understand As A Template

Stripo / Blog / Library Of Blocks Or What To Understand As A Template

Most often, email templates are provided in three forms:

  1. An email based on an information guide from a client;
  2. Master Template (or Promo Template) — a very long email that includes all possible blocks and combinations, buttons, separators, …;
  3. Master template with guideline recommendations — here each block is compiled separately, all the design elements, fonts, indents, rules for creating menus and the sequence of content are described. Together with the template, there is an accompanying document that fills with meaning all that is in it.

There is another option when the template is supplied as a meta language and compiler, in which case you can create an email using spots. Markup (such as a wiki style), and skipping through the compiler will create an email in accordance with the theme and template. This is a separate topic, over which we work, but in the coming month, we will not release it.

The third option is the most expensive and the most rare in nature.

But, how to use such templates? A long master template assumes that in order to create an email based on it, you must delete unnecessary fragments of the email each time and duplicate those that are needed in this particular case. It doesn’t help save time at all.

One of the key tools designed to reduce the time to create an email in Stripo.email is its own block library. Thus, this library also defines the third variant of the template, when together with the layout a library of blocks is provided for all occasions and they can be combined.

Each block of the email can be saved for later use. Blocks in Stripo come in 4 types:

  1. Basic blocks — text, picture, menu, social network, arbitrary html, …;
  2. Containers are an area where you can place blocks, and they will be grouped together. Usually, this combination is used to create a «content unit» (a description of a blog article, a product card, an event announcement). Especially useful when you need to save the presentation of one section and use it later. Plus, the ability to copy and delete a region representing indivisible information is also simplified;
  3. Structures — the mutual arrangement of containers in the email. For example two columns;
  4. Stripes — from the point of view of html, this is the most root area (outside the body of the email), which includes structures. Stripes allow you to set the background beyond the boundaries of the email, on the content, on the boundaries of the object.

The subject of the structure of the email is a separate post since this topic is rather complicated. Now I would like to concentrate on the library of blocks and their role in the templates.

Thus, a Template is not just an email — it is a set of blocks in combination with the styles applied to the entire email.

It is interesting that always when choosing a system, they are interested in the number of templates, and starting to use only one template is also adapted for itself.

The template library is something visually understandable, one-time necessary, and hard to use in practice in everyday life.

In my opinion, the template is needed in order to once redefine it to fit your needs and use these developments in the future, forgetting about the library of 1000+ templates.

We decided to concentrate on creating a template that honed over time with different combinations of the personal library.

Really, blocks acquire value when they can be interchangeable. For example, put the content in the email, and want to change the look of the product card. Just a look, not the content itself. To do this, you must separate the presentation layer from the data layer. Then replacing the block, the data will be loaded by itself. This is also a topic for a separate post.

When working with blocks, we encountered a lot of UX problems:

  • Users do not create blocks until they were told why they are needed;
  • It is difficult to create blocks so that they can easily be found. For example, no one wants to give a name to the block, so the picture should be created so that it is clear what kind of block it is at once;
  • How to manage blocks if you want to take it from another template?

We are still working on the solution of these problems so please wait for a separate post.

You might be interested in

previous next
banner9
06 June · 15 min read
10 Best Email Template Builders for 2022

Do all email template builders seem alike? You are now confused about which one to choose for your email campaigns, aren’t you? No wonder, as there are so many of them.  We will survey the most popular builders to find their distinguishing features to help you find the best HTML email builder for your current needs. I will try to create one template in all these editors with the same media files to see if the builders differ. The best...

Design Marketing Templates
24 May · 18 min read
Best Fonts for Email: Usage Tips and Tricks

One of the most striking concerns in the email production process is choosing the right font. Weight, height, width, color, shape, spacing… Does everything matter? Yes, it does, but also one of the most crucial things is to choose legible typography. In this post, we're going to show you how to choose the best professional font for email. Design beautiful emails with Stripo by using prebuilt templates Browse   HTML email fonts: General rules to follow There are three ground...

Design Templates
Greatest Examples of GIF animations in Emails_Cover Image
27 October 2021 · 10 min read
16 Great Examples of Animated GIFs in Emails

GIFs in emails will be of great use if you want to showcase your product, draw users’ attention to certain elements, or just slightly decorate your text. In this article, we have provided some of the best email gif animation examples. Examples of animated GIFs in emails Here’s a compilation of the best examples with GIFs in emails. Each GIF fulfills its mission. 1. Adidas (Source: Email from Adidas) Adidas used email animations to show what color options they have....

Design Marketing
08 April 2021 · 17 min read
14 Best Email Signature Design Examples

Good email signatures help us build our business, and make a good lasting impression on clients. Since email signature is the last thing people see in emails, we should make them creative and memorable. Let's examine the best email signature examples and their appropriate use in personal emails and newsletters. Please be advised that all types of businesses require different professional email signatures with detailed contact information. Use this email signature template to design your own email signature faster Use...

Design Marketing Templates
Be always wide awake in recent email marketing news, guides, articles and how-to’s