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

Users familiar with HTML and CSS email coding and those who want to customize, further customize, or customize the display of emails will find this article helpful.

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 was 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?