For users who are familiar with HTML and CSS email coding as well as those who want to customize, additionally configure or adjust emails displaying, there is code editor embedded in Stripo.

How to use the code editor?

To open the code editor, click the corresponding button on the settings panel and here we go :)

Please note that when code editor opens, it displays elements corresponding to the current focus in the editor window.

For example, if there was no focus when the code editor was opened, then the entire message is displayed.

If some email element was focused, you will get access to the corresponding element code.

This way, the current code displayed in editor changes when the focus is moved to another email elements.

The code editor is divided into 2 sections, for HTML and CSS code.

HTML tab contains all the main code.

You can edit existing tags, their classes, add your own, or write custom tags in the editor.

CSS tab contains styles for tags in HTML tab.

Email styles are grouped by styles for desktop and mobile devices.

In this tab you can see styles responsible for email responsivity, they are indicated by the corresponding comment.

Did this answer your question?