Advanced HTML mode for email template design
Advanced HTML mode provides a view that lets experienced users directly view and edit the raw source code for email template content. This mode is ideal when you want to insert sophisticated expressions, such as conditional logic, directly into the source. It is also useful for making structural adjustments that go beyond what the visual design tools expose.
Important limitations
Before you use advanced HTML mode for email template authoring, make sure that you understand the following limitations:
-
No validation — The HTML editor does not perform syntax checking or layout verification. Review your code carefully before saving.
-
Content updates — Future system changes may affect or overwrite modifications made to default markup in advanced HTML mode. Check your content after product updates to ensure that it renders as expected.
-
Limited support — Adobe cannot troubleshoot rendering issues or content errors that result from custom code modifications made in advanced HTML mode.
-
Preview restrictions — Content simulation (preview with profiles) is only available in desktop view, not directly from the HTML source view.
Access advanced HTML mode
Advanced HTML mode is accessible from the toolbar at the top of the visual design space when you have an email template loaded in the canvas.
-
Open or create an email template and open the design space to edit the content.
-
In the design space, click the HTML (
) icon in the toolbar. {width="750" modal="regular"}
If this is your first time opening advanced HTML mode (or a month or more has elapsed), a warning message is displayed. Review the information and click OK to proceed.
{width="500"}
The design canvas switches to the raw HTML source view.
-
Review the code and add the desired changes to the email content.
In Advanced HTML mode, you have direct access to the full HTML source of your email template content:
- View and modify any part of the raw HTML markup.
- Insert advanced personalization expressions directly into the source.
- Add conditional content logic using expression syntax.
- Add custom HTML attributes, tracking tags, or other markup that is not available through the visual editor controls.
{width="800" modal="regular"}
note important IMPORTANT Make sure to enter correct HTML and CSS code; Adobe does not provide syntax validation or support for custom code. Content simulation and saving are not available in advanced HTML mode for compatibility reasons. You can switch back to the desktop view to preview your content and save the template. Any edits you make are preserved when you switch between the HTML source view and the visual design view.
If you click Save or Save & close at the top right while you are in advanced HTML mode, an alert dialog appears to inform you that you must switch out of advanced HTML mode before saving the template and exiting the design space.
{width="500"}
-
Click the Desktop (
) icon in the toolbar to switch from advanced HTML mode (the HTML source view) to the visual design canvas.Your edits are preserved when you switch views.