Blocks are at the very bottom of the email elements hierarchy

All 13 basic blocks are available in the "Content" → "Blocks" menu in editor mode.

Blocks contain the basics to create some email elements: image, text, button, spacer, video, social, banner, timer, menu, custom HTML element, and three AMP-powered elements.

To use any of them, you need to drag and drop them into your email template and then edit them.

Let’s look at each one of them closer:

Benefits of images in emails:

There are three major image formats — JPEG, GIF, and PNG.

JPEG — you can use this format if you want your images to keep their colors; however, please be advised that the JPEG format will reduce your image, significantly reducing its quality;

GIF — this format works great when your email service provider doesn't have support for videos, and you still need to include a certain action in your email. However, GIFs have a significant disadvantage — they do not render colors as brightly as JPEG;

PNG — if you need to add an image with sharp edges, include a logo, or an image with a transparent background, this format should be your first choice. The PNG format also preserves image quality regardless of its size and color saturation.

Please remember that a heavy PNG image will increase the size/weight of your email, which will affect its loading speed.

Please, be aware you can upload images with a maximum size of 3 Mb and image resolution of 4000 х 4000 px.

Here, you can just drag and drop the image you are about to use for your campaign or upload it from your computer by clicking the "arrow" and selecting the very image from your computer.

If you do not have the banner image saved to your computer, you are welcome to insert a link to this image on the web.

Paste the link to your image in the "External link" field.

If you are going to use this image just once, in the dropdown menu, choose the "Leave as external link" option (as shown in the example above) and click the tick.

If you are going to use this image for other email campaigns, click the "Project" tab above, insert the link, choose the "Download to the gallery" option, and click the tick.

When you upload images to the gallery, as shown in the example above, your images are stored in your personal gallery. You just need to switch to the "Email or Template" tab.

Images here are sorted by the dates, the most recent → the oldest ones.

If the list of images is too long, you may search by its name.

You need to click on the selected image to use one in your current email template, which will automatically appear in your email.

If you put an image into the folder "Project", you will see it available in all email messages and templates of that project. You can save an image here if you are going to use it in many email messages and templates of the current project:

Please find the "Common" and "Stock" tabs in the Image Gallery.
​

In the "Common" tab, you may find images for any event.

In the "Stock" tab, you search for a necessary image. Just type in your search query, and the system will you the images that meet it.

Additionally, working with the "Image" block, you can:

The image rollover effect helps you entertain and engage customers. Moreover, it saves you precious space in emails, as you can hide product details behind its photo. You can also play games with recipients by making them "search" for the coupon, etc. There are many reasons why you need to add an image rollover effect to your emails.

To activate this effect, toggle the "Rollover effect" button and upload the second image — edit it if necessary.

There is no email that goes without any text in it. With the texts, you inform users about any events, sales, etc.

We already know that it is better to start working on an email design in the "Appearance" tab. Please be advised that when you select a block separately, you will open two Settings panels simultaneously: The sidebar and the top text formatting menu.
​

In the sidebar, you can set the text color or background color for the entire block and alignment, line spacing, and additional indents.
​

In the text formatting menu, which is located at the top of the page, you can Improve your text using artificial intelligence AI, work on the AI text styles, and Fixed Height where you can apply the needed height of the block without using the Code Editor and set the alignment for it, Headings, Paste links, Increase/decrease Indent, Add merge-tags, Symbols, Emojis, Tables and Bullet lists.

We all use links to explain an unclear word or if we want to convey more detail to our readers. In this article, you will learn how to do this with Liberation Campaign.

To add a link to text, highlight the necessary word/text and click the label "Chain" in the top Settings panel.

Then, select the link type (protocol) that fits best in the left settings menu and insert its data.

To add an indent to text, highlight the necessary word/text and click the label "Increase Indent" in the top Settings panel.

In addition, you can "Decrease Indent" in the text block by clicking the label at the top Settings panel.

The button is a very important element that affects your CTOR (click-to-open rate). Without a button, customers can’t buy from you or get registered with you.

There are a few ways to build a button:

Please follow this link for the second way of adding the buttons we described in our separate article.

Now let's check how we can build a CTA button using the "Button" block:

In this screenshot, the "button color" stands for the primary color, the highlighted button color stands for the color your users see when you move the mouse over it, and the text color stands for the font color.

You can activate the "Highlight hovered buttons" in the Appearance tab and edit the color in the Content tab (Button block);

Be sure to enable the "Support for Outlook" option if you know that some of the recipients use Outlook. This option ensures the most accurate display of your buttons in MS Outlook email clients by inserting a special VML-code element. When this option is activated, the email message size can be increased up to kilobyte for each added button.

Animated GIF button:
​

The animated GIF button is a perfect alternative to the image button.

You can just draw a banner or any other image, including a product snippet, and put an animated button over it.

The spacer doesn't boost conversions or anything else. It's just a decorative element that makes emails look orderly and enhances the content perception.

A video in an email can grab subscribers' attention and help you in many other ways. For example, in a video, you show recipients how to use your tool or provide them with a product description.

There are 2 ways of adding videos to emails with Liberation Campaign:

This is a safe way to deliver videos because it works perfectly well for all email clients and devices.