Editing HTML emails using the Source Editor

After you create an HTML email or upload an email using the HTML upload wizard, you can edit the contents of the email in the Source Editor. You can use the editor to drag and drop elements into the code or change the code directly.

Note: You cannot edit HTML emails using the Design Editor.

To edit an email in the Source Editor:

  1. With the email opened in the Source Editor, click one of the page view buttons in the upper right-hand corner of the canvas, the HTML pane opens. You can choose to set the pane to the right, or along the bottom of the screen, this pane gives you access to the code for the email that you are editing. .

    An image of where the page view buttons are.

  2. Add or edit the email using one of the following methods:

    • Type HTML code directly into the HTML panel. You can use standard keyboard shortcuts in the HTML panel.
    • Click one of the component icons on the left-side menu, locate the element that you want to add, then drag-and-drop the element into the code at the desired location on the code panel.

      An image of an icon being dropped into the code.

      After the element is released, it is converted to code and the preview pane reflects the change in the HTML code.

      An image of the code change.

    Note: If you use dynamic content, shared content, or signature layouts in your HTML email, the source code that displays for this content is limited. You cannot edit this content (for example, its dimensions) directly via the source code editor.

    Instead, right-click the content on the left design panel, click Edit, and then edit that content in its respective editor. Learn more about editing dynamic content, shared content, and signature layouts.

  3. Click Save.

Learn more

Using the email Source Editor

HTML email code requirements

Creating emails using the Source Editor

Uploading HTML emails or templates

Source Editor components