Switch Between Visual and HTML Mode

Templated offers two editor modes for building email templates. The mode is set when you create or import a template.

Visual Editor

The visual editor uses a drag-and-drop interface. You build your email by adding blocks — text, images, buttons, columns, and more — and arrange them on a canvas. Each block has a settings panel where you can adjust styling, spacing, and content.

You work in the visual editor when you:

Create a blank template from the dashboard
Import an HTML file and choose Drag & Drop Editor during import

HTML Editor

The HTML editor gives you a code editing environment with syntax highlighting. You write and edit raw HTML directly. This is ideal when you have an existing HTML email template and want full control over the code.

You work in the HTML editor when you:

Import an HTML file and choose HTML Editor during import

How the Mode Is Set

The editor mode is determined at the time you create or import the template. When you use Import Design from the sidebar, you choose between the two modes before importing:

Paste your HTML or upload an .html file.
Select Drag & Drop Editor to convert the HTML into editable blocks, or HTML Editor to keep the raw HTML.
Click Import Template.

Once a template is created in a specific mode, it opens in that mode each time you edit it.

Visual Editor Features

Drag-and-drop block placement
Settings panel for styling each block
Undo and redo with keyboard shortcuts
Responsive preview (desktop and mobile)
Export to HTML, plain text, or JSON
Import from JSON backup files

HTML Editor Features

Syntax-highlighted code editing
Download template as an .html file
Save status indicator

Tips

Choose the visual editor if you want to build and rearrange your email layout without writing code.
Choose the HTML editor if you already have polished HTML and want to make targeted code-level edits.
Both modes save your work to the same template — you can export the final result as HTML from either mode.

Use the Email Editor
Export and Import Templates