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 two available options: Upload File and Paste Code. (The Email option will be available soon):
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.
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.