We’re happy to introduce the ability to upload your own design to Stripo. If you’ve created an email template in another editor or platform, you can import it into Stripo and continue editing, managing, and reusing it with all the benefits of the Stripo editor.
How to upload your design to Stripo?
If you haven't created any email templates yet and are about to create your first one, go to the Email Messages tab and select Import design:
If you already have some templates in your account, you can find the Import design option here:
You will then see three available options: Upload File, Paste Code, and Email:
Important to note: For the Upload File option, Stripo supports HTML, MJML, and ZIP files. The maximum allowed file size is 10 MB for HTML and MJML files, and 30 MB for ZIP files.
Importing via email:
If the email you want to edit is already in your inbox, you can import it into Stripo by simply forwarding it. You don’t need to export the HTML code from your email service or save it as a file: Stripo gets the design directly from the forwarded message.
How to import an email:
In the Import design window, switch to the Email tab.
In Save result to, choose where the imported design should be saved:
Emails: it will appear in the Email Messages tab;
Templates: it will appear in the Templates tab.
Each option has its own receiving address, so choose the option first, then copy the address.
Click Copy next to the Receiving email field;
Open your mailbox, find the email you want to import, and forward it to the copied address.
Important to note: Forward your email before the timer under the address runs out, and keep the Import design window open. If the time runs out, start the import again.
After the import:
When Stripo receives and processes your email, you’ll see a confirmation in the Import design window and a notification at the bottom of the screen. Here you can:
click Open to open the imported email in the editor right away;
click Keep waiting if you want to forward another email.
The imported email is saved in the selected tab under the subject of the forwarded message, for example “Fwd: Summer Sale”. You can rename it at any time.
Imported emails work the same way as imported HTML templates: you can edit text and replace images. Learn more in the sections below.
Important note: Your email client may add a Forwarded message block with sender details at the top of the email. Delete it in the editor before using the email.
This option is available on all plans.
What's the difference between the MJML and HTML upload options?
MJML is an open-source markup language designed specifically for creating responsive email templates. It simplifies email development by using a cleaner syntax than raw HTML. It is intended for email development rather than direct rendering by email clients, so it still has to be converted to HTML before sending.
When you upload an MJML file to Stripo, it is automatically converted into HTML, making the template fully editable with Stripo's drag-and-drop editor. This allows you to continue editing the email visually without working directly with the code.
HTML templates are imported differently. While both HTML and MJML files can be imported into Stripo, only MJML templates become fully editable in the drag-and-drop editor. After importing an HTML template, you can edit text and replace images, but drag-and-drop editing is not available because the imported HTML does not contain the Stripo-specific markup and classes required for full visual editing.
The examples below demonstrate how both import methods work in Stripo.
Importing MJML code:
To illustrate how MJML templates work in Stripo, we used the following example from MJML.io:
Then copy the code, paste it into the Paste Code field, and click Import Code:
Once the import is complete, you will see a confirmation screen. From there, you can return to the previous screen with the code, open the imported email, or close the window:
Once the email is opened, it becomes fully editable in Stripo. You can add new structures and modules, move existing elements, adjust spacing and styles, and customize the template just like any other email created in Stripo:
Importing HTML Code:
Now let's look at importing an HTML template. For this example, we used an email from Really Good Emails:
Copy the HTML code, paste it into the Paste Code field in Stripo, and click Import Code:
Once the import is complete, the same confirmation screen appears. Click Open Email to view the imported template:
After opening the imported email, the Code Editor window appears. From here, you can edit text (including button labels) and replace images. However, changes to the template's layout, styling, or structure must be made directly in the HTML code, as drag-and-drop editing is not available for imported HTML templates:
If your goal is simply to update the email content, such as replacing text or images, no additional steps are required. You can close the Code Editor and continue working with the imported template.
However, if you need to customize the template's layout, styling, or structure using Stripo's drag-and-drop editor, you have the following options:
Recreate the template in Stripo. If the email is relatively simple, recreating it using Stripo's built-in structures and blocks is often the quickest solution. Once recreated, the template becomes fully editable and can be reused, customized, and updated visually without working with the code.
Adapt the imported HTML. If you want to keep the existing HTML, you can make it fully editable by adding the required Stripo markup and classes. We've prepared a set of learning materials that walk you through the adaptation process step by step.
As an alternative, you can use our Template Order service. Submit your HTML design, and our design team will create a Stripo master template that is fully compatible with the editor. You'll be able to reuse the template and modify the layout, content, and styling using Stripo's visual editor, without the need to work with the code.