Structure Templates
~ 4 min read
23809 views
rate it
08 September 2017

Basic Blocks of the Editor Stripo.Email

Stripo / Blog / Basic Blocks of the Editor Stripo.Email

Usually, the basic blocks include:

  • a picture (about pictures I already made a post);
  • text;
  • button;
  • spacer.

But I want to focus on the «optional» basic blocks which significantly simplifies the life of developers, but often do not allow you to make «all you want» limited to pre-prepared templates.

Video

Briefly: into our email templates, you can simply insert a link to the video, and the picture, play button and alternative text will catch up on their own.

More detailed: there are several ways to add video directly to the email so that it is played right inside the email, although this only works with the support of HTML5 and is not always recommended because «emails love silence».

The ideal option is to insert a picture from the video with the «Play» button with alternative text. Adding a component you can insert a link to the video, and we run into Youtube, get a picture, apply to it one of the buttons that you can select, get the name of the video and the prepared picture with the video paste in the email. It turns out very quickly and healthy.

I would like to add another opportunity to change the picture by inserting your own, but we will add it later.

Now we support Youtube and Vimeo.

Social networks

Briefly: choose the style of pictures, specify which profiles to add and the block is automatically generated.

Most often, the emails have «follow us on the social networks» block and the listing of icons and links in different styles. Large or small, but certainly a sequence of icons with links.

If the profile contains links to company profiles, they will be automatically generated, and if there are no or need to specify others, it can always be done manually.

Menu

Briefly: add, delete menu items, highlight stocks, manage the delimiters and menu styles. With pictures or without. Everything is very simple.

Each menu item can change the font, background, and determine whether to show it in the mobile layout. The menu we support has 3 types: links, links and icons, only icons. In addition, you can configure what other separators will be between the menu items. Most often this is a vertical stripe of gray color.

I would also like to add a vertical menu, for those types of menus that are usually added in the footer.

It would not hurt to add the ability to quickly change the order of menu items, it’s still in the process.

Countdown timer (expect release in a couple months)

Briefly: Specify the end time of the promotion, the font and style of displaying the countdown counter, and each client will be shown his time whenever he opened the email.

Previously, we used motionmail as a separate service, and now we decided to integrate different services for widgets in email. Let’s see what components will be most popular and we’ll write down our components, if this makes sense. Such components can be a lot: personalization of the picture in the email, HTML5 video in the email, different chips real-time email or as many say agile mail.

Banner

Briefly: it’s a mini-photo for creating banners in ezines when the result is a picture, and when editing, the picture breaks up into layers and effects. Functionality is designed to get rid of in most cases the need to use Photoshop for micro-changes, which have to be done on a bannender basis ?

I can not imagine how we lived without this component. There is a special desire to add it to the editing of any picture. How I would like to sometimes attach a sales ticket or a 20% discount on the product card, simply by the property of the goods. But this will already be a separate functionality.

When we add this component, for sure, I will write it separately.

We continue to add a list of standard blocks, stay connected, test, like, comment on social networks.

I repeat that I gladly accept not only praise but also constructive criticism. Our goal is to create a better editor that will be platform independent. And the main value of the editor: the speed of creating professional emails.

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

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