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

In this guide, we’ll show you how to create your first email template step by step.

You can start your email in Stripo in one of four ways:

To start any of these options, go to the Email Messages tab and click the New message button. Then choose the method that works best for you.

And choose the way that you find the most convenient for yourself:

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.

Stripo 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 Stripo and adapt it to the editor, making it editable.

This option suits the worldly-wise designers best.

Please follow this link to read instructions on how to adapt a custom HTML code to activate the drag-and-drop functionality.

"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 "Structures&Modules" → "General Modules" tab.

To use any of them, just pull them into your email template, and click on the block you want to edit.

Once you’ve chosen a starting point, it’s important to set a consistent design for your email. The General Styles tab lets you define styles for the entire template before adding content.

All settings you configure here automatically apply to every matching element throughout your email, ensuring consistency without repeating the same adjustments.

The General Styles tab contains four main sections:

All styles configured in the “General Styles” tab are applied to the entire email. You define design styles for a specific element once, and these styles are automatically applied to the same element throughout the email, no matter how many times it is used. This eliminates the need to redesign elements repeatedly and helps maintain visual consistency.

In Global Styles and Layout, you can set up settings for the whole email:

The General background color is the background color applied to the entire email message area. The background color will cover the entire message area if the email is opened on a desktop device. While on mobile devices, it is hidden.

The Background image is the image that will be applied to the email message over its background. To do this, you need to pick an image of the correct size and specify its position in the settings panel in the editor.

Click the "Background Image Repeat" control to apply your image to the entire email message regardless of length.

Enabling this option may help to improve mobile display. However, notice that results may vary on different devices.

If this control is disabled, then the mobile version of your email message will look like the desktop one.

This option allows you to write texts from right to left. Meant for those who write emails in Arabic, Urdu, and other languages that use the RTL script. ​​Enable this option to make your texts, including numbers and punctuation, readable to people worldwide.

Stripe is the email message area containing structures, rows, 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, or 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 Stripes tab, you can set up the following:

The chosen font family will be applied to all "Text" blocks in the email template except for Headings.

Line height is the distance between the text lines in text blocks. You use them to give your email a more formal or informal style — this is totally at your discretion.

Letter spacing is an optically consistent adjustment to the space between letters to change the visual density of a line of text.

Select the desired type of stripe and customize its appearance:

Highlighting the stripe and its content with color is especially useful when you want to draw users’ attention to a certain email element;

The Background image option is another way to help you customize the background. It is required when according to the corporate, there should be images in the background or backgrounds with a logo.

Setting individual font sizes for each stripe is especially necessary for the "Footer" stripe, where small fonts are preferred.

More information about stripes configuration can be found in our separate article here.

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 piece of text, we need to:

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.

In the editor, you work on their design so they don’t go unnoticed :)

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

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 also will be changed with the highlighted font color.

Now that global styles are set, you can add content blocks to construct your email. Stripo provides 13 basic blocks, each customizable and inheriting your general styles:

You can find a detailed description of each block and learn how to use them in this article: What are the basic blocks and how to use them.

Now you know how to create your first email in Stripo. Try it out, experiment with styles and blocks, and start making professional emails your audience will love.

Thank you for taking the time to read our articles. We hope you will find this information helpful.

​If you have any additional questions, please email us at support@stripo.email.

We would be glad to talk with you.