Branded Template Generator_Cover Image
timer ~ 4 min read
3186 views
rate it
24 June

Branded Template Generator or How to Create Email Templates in a Few Clicks

Stripo / Blog / Branded Template Generator or How to Create Email Templates in a Few Clicks

The email design process is a painstaking task that requires not only time but also a bit of creativity. Designing brand-style templates allow you to create a unique brand image that recipients will immediately recognize when they open your emails. However, picking colors, fonts, and button designs may delay the launch of your email campaign and require additional expenses.

Here at Stripo, we've decided to design a unique tool that will help you quickly create email templates based on your website, and its name is Branded Email Template Generator. Its functionality has just been released and in this article, we will look at what it is capable of and how to use it.

Benefits of Branded Email Template Generator

When we created the functionality of the Branded Email Template Generator, we put in it a solution to the problems of the template design process. Our generator allows you to:

  • create templates quickly and cheaply;

  • quickly start an email campaign or supplement an existing one;

  • create many templates in the same style (colors, fonts, their size, and so on);

  • get brand-consistent templates in a few clicks into your arsenal.

Using our generator, you will receive:

  • a pack of templates in the style of your website in less than 2 minutes;

  • the necessary base for creating future templates;

  • the option to save generated modules to your personal Module Library.

How does it work?

The pipeline for working with the generator is extremely simple, which will allow you to easily and quickly generate email templates.

Step 1. Enter your website URL address in the respective field

The generator will not be able to create templates for you from nothing. As a result, it needs design data from your main website page. For example, we took the website of the popular pop-up builder Сlaspo. The generator will pull up the main colors of your website, fonts, and logo. Simply paste your website URL and click the Get my Brand Style button.

Generator_Step_1

Step 2. Tune generated email templates

Within seconds after clicking the button, you will receive a series of templates with your brand colors, fonts, and the website logo. After that, you can make small tweaks to the generated templates thanks to the three tabs: Company info, Styles, and Layouts. Let's take a look at each.

Company info

As the name implies, you can change the information about your company that will be displayed on the templates, namely:

  • brand name;

  • the URL path to the logo if you want to use an image different from the logo on the website;

  • contact details in the footer and social networks. The generator pulls in some of the information itself, but you can edit everything at your discretion. Through the drop-down menu of social networks, you can select the ones you need and insert the URLs on your pages in social networks.

Generator_Step_2_1

Styles

In this section, you can fine-tune colors and fonts, namely:

  • change the colors of such elements as Header, Footer, colors of buttons, fonts, and Links;

  • change the main font Headings for templates;

  • press the Shuffle button to shuffle existing colors and fonts between template elements if necessary.

Generator_Step_2_2

Layouts

The last section is responsible for the arrangement of elements on templates. With the options carousel, you can:

  • customize header design (applies to all templates) — pick any of the header layouts available;

  • change the designs of the template with product cards (applies only to the respective template);

  • customize the template  with blog posts (applies only to the respective template);

  • customize footer designs (applies to all templates).

All changes you make to the templates are immediately displayed in the Preview menu.

Generator_Step_2_3

Step 3. Download your templates

After you click the Download Template Set button, you will be taken to a preview page of all generated templates. 

Generator_Step_3

In order to download them, you need to specify your email address, and we will send you an email with a link to download the templates.

Generator_Step_3_1

After opening the email, you just need to click the Download the templates button to download the .zip archive with templates on your device.

Step 4. Work with templates in Stripo

It is easy to work with the generated templates. You can:

  • edit them in Stripo both through the Drag-n-Drop feature and HTML code editor;

  • download and import to your ESP and edit there.

Editing the generated templates

There are two ways to edit the generated templates in Stripo.

Way 1
  • If you need to edit a particular template from the pack, use a link next to the template provided in the email.

Generator_Step_4

You will be directed to the Stripo editor by clicking on them, where you can immediately edit the templates as you please — Drag-n-Drop and HTML code editors. All editor functionality is available, and the templates do not require any additional settings in the editor.

Way 2

You need to unpack the downloaded .zip archive. You will receive a folder with .html template files. After that, you need:

  • open the template file with Notepad or any other text editor;

  • copy all code to clipboard;

  • open in the Stripo editor, and in the Basic templates section, select My HTML template;

  • paste the copied code into the code editor field;

  • and it's done.

Generator_Step_4_1

Templates are easy to edit. You can add new elements using a drag-and-drop editor and work with generated templates like with any other in Stripo. If you are tech-savvy enough, all of our templates can be edited through our built-in code editor. 

Saving email elements as Modules

All generated template structures, rows, stripes, and containers can be saved as modules and will then appear in your Modules section (My modules tab). You can use these modules in other emails by simply dragging them to the templates.

Step 5. Build Brand Guidelines Kit based on these templates for your future campaigns

In addition, the generated templates can be used to create Brand Guidelines kits, which allow you to streamline the creation of brand-consistent emails for your campaigns. These kits include all desktop and mobile email styles, allowing you to keep all the necessary design elements and settings in one convenient form.

Final words

The release of Branded Email Template Generator is a real milestone for the Stripo team, and we hope you find it useful in your email marketing pipelines. Thanks to this generator, you can:

  • quickly create an impressive set of templates;

  • start mailing in a few clicks thanks to convenient export;

  • stick to brand design in emails;

  • create your own Brand Guidelines kit based on the generated templates.

Generate your own email templates in a few clicks with Branded Email Template Generator from Stripo

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 lasting impression on potential clients. Since email signature is the last thing people see in emails, we should make them creative and memorable. Let's examine useful tips and real-life examples of email signatures from famous companies 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, job title, and much more. Use this...

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