Liberation Campaign is a platform that allows you to build engaging, high-quality emails of any complexity in no time, with no coding skills.

In this article, we will learn how to create adorable email templates.

There are 4 ways to build your first email template with Liberation Campaign:

To use any of the aforementioned options, in the "Email Messages" tab, you need to click the "New message" button.

This is the easiest and probably the most convenient way of building emails. In the "Prepared templates" tab, you will get inspired by the design of existing templates. You only need to choose the template you like, customize it to fit your brand design best, insert your URLs, and replace our images/texts with yours. That’s it. Your email is ready!

It works the best for email marketers that need to create many emails per day.

With BASIC, MEDIUM, PRO, and PRIME subscriptions, you have an opportunity to use our PREMIUM templates, which are designed in unique styles by our designers.
​

Besides, for more convenience, you can filter templates by type, season, feature, and industry or choose the newest templates.

Once you have decided on the template, you need to click on it, and a new window where you can edit, view, and test your templates will open.

In the "Basic Templates" tab, you will find:

In any of the templates, you can adjust, change, and remove content at your own discretion. You can also save structures, containers, or stripes as modules to reuse them in your future email campaigns.

Liberation Campaign offers an open HTML code editor where professional coders can build a totally unique email. This option is also useful when you need to import a custom email template into Liberation Campaign and adapt it to the editor, making it editable.

This option suits the worldly-wise designers best.

"Pre-Built" modules are a collection of different blocks. You can combine them to create new emails for different purposes and use them repeatedly.

Our library consists of a considerable number of already prepared modules that our designers have thought to the smallest detail. These modules are elegant and attractive; some contain pre-configured smart or AMP elements.

You can use these advanced modules as a basis for similar elements of your emails by replacing their content with your own.

The collection is replenished every day and has more than 250 modules. All these modules are at your disposal. You can find them in the "Content" → "Modules" → "General Modules" tab.

I offer to start from the Appearance menu because all the styles you set in the "Appearance" menu will apply to the entire email.

You set design styles for a certain element just once, and these design styles will apply to this element across the entire email no matter how many times you are gonna use it. And there will be no need to work on its design every time from scratch.

This will save you a lot of time when editing the entire email template, and you will not need to change it in parts by clicking on each element separately.

In the "Appearance" menu, you can get access to the following settings:

General settings:

In this tab, you work on your email design styles:

Stripe is the email message area containing structures, containers, and basic blocks. Below, we will show you how to work with the stripes.

To add stripes, click the "+" icon at the bottom left corner of the stripe.

Every stripe might have its type: Header, Content, Footer, Info area. You can set it manually in the "Message area" settings.

Using different types of stripes can be helpful for advanced adjustments.

In the future, the stripe design styles will directly depend on their area.

You will be able to:

Sometimes we need to highlight certain words or entire sentences to emphasize the importance of information or just visually separate email sections.

This is when Headings help. To apply headings to a certain part of the text, we need to highlight the text and choose a necessary heading in the text formatting menu.

Then, in the Settings panel, you set the necessary font type, size, style, and color for the headings as well as line spacing.

Buttons in emails are always a call to action. They invite users to go to the website, place an order, follow on social media, leave a comment, vote for the best product, etc.

The button menu allows you to set some default parameters that will be applied to all buttons in the email, so you can set:

Responsive email design comes as no surprise today, as we all know that mobile-friendliness, aka mobile optimization, is no longer just nice to have; it’s a must.

To make your emails fully legible across any device, you can apply font sizes to headings, to different stripes, to buttons, etc., that differ from the desktop version of your email. You can also work on internal paddings inside containers and hide/disable certain elements on mobile devices.

To do so, you need:

All emails that you build with Liberation Campaign are responsive by default.

The option allows the image to adjust to the width of the mobile device's screen. Warning: Adaptivity only works on devices that support it.

However, you can disable the "Responsive image" design for some email elements.

While building an email template, you will be shown a mobile icon. This means that you can adjust the element for the mobile display by clicking on it.

For example, configure padding for the mobile view:

If you want to hide some elements on mobile devices, you don’t have to cope with HTML code anymore as now there is the "Hide on mobile" option in the Liberation Campaign editor.

With this option on, you literally forbid certain elements to display in the mobile version of your email.

We have finished with our general settings and applied common styles to our email template.

This will save you a lot of time when editing the entire email template, and you will not need to change it in parts by clicking on each element separately.

Move on!

There are three ways of doing it:

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.

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

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.

In the previous paragraph, we showed how to upload and store images.

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.

Let's work on the images but with more features. In this case, the "Banner" block will help us.

It is said that the banner is the face of your newsletters. Hence, you need to work thoroughly on it.

The banner always grabs the users' attention. Most often, it delivers the main offer of the email.

Our email banner generator works as a mini-photoshop. When the banner is finished, it is like a picture, and when you’re editing the banner, it breaks down into layers and filters.
​