All Collections
Editor Questions
Additional Features
What is the code editor, and how to use it?
What is the code editor, and how to use it?

This article shows how to edit the HTML and CSS directly in Stripo: Code editor.

Valeriia avatar
Written by Valeriia
Updated over a week ago

Individuals versed in HTML and CSS for email development, as well as those aspiring to enhance and refine their email presentation, will discover valuable insights within this content.

How to use the code editor?

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

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

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

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

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

The code editor is divided into 2 sections for HTML and Default 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 (you can see styles responsible for email responsively).

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

We would be glad to talk with you.

Did this answer your question?