Edit the HTML of a building block or email campaign

Learn to edit the source HTML of a single building block or an entire email campaign.

Overview

By editing the source HTML of your email campaigns, you can fine-tune your code to customise it exactly how you want it. Only edit the source HTML if you understand what you are doing, otherwise, you might break your template. 

Edit the HTML of a building block

To view and edit the HTML for a block:

      1. Select the block and then select HTML in the text toolbar – this opens the HTML editor in a side panel.
        html1.png
        html12.png
        Not all email clients interpret HTML in the same way, so be careful when editing that you're using appropriate markup.
      2. After editing, select Apply to confirm your changes or Cancel to exit without confirming.

Edit the HTML for the entire campaign

When editing the source for the entire HTML document, you can update any part of the campaign, including the <!DOCTYPE>, <head> and <body>.

To edit the entire document source code:

  1. Expand the Utilities drop-down menu and select Edit source
    To learn more, see Edit source
    .html123_el.png
  2. Edit the HTML in the HTML editor.
    html1234_el.png
    Be careful what you edit as you could break EasyEditor if you edit or remove the wrong thing.
  3. Select Save.

 Whilst editing the source, you can use the toolbar to do the following:

      • Return to the design view
        Select Edit design to exit the HTML source view and return to EasyEditor's normal view.
      • Insert a link
        Select Insert, the link will be inserted at the current cursor position.
      • Insert a data field 
        Select a contact data field to insert it into your HTML code.
      • Insert an image
        When inserted, you may need to add width and/or height attributes as these work better in some older email clients and stop the image from breaking the layout of your campaign.

Find and replace text

The standard browser find functionality doesn't work particularly well in the code editor for various reasons. However, there is a powerful text search feature built-in that should allow you to do these actions:

      • Ctrl-F
        Start searching
      • Ctrl-G
        Find next
      • Shift-Ctrl-G
        Find previous
      • Shift-Ctrl-F
        Replace
      • Shift-Ctrl-R
        Replace all

Use Command instead of Ctrl on a Mac.

Advanced usage

If you'd rather use the HTML source editor than EasyEditor itself, simply add <!-- eehtmlonly --> to the top of the <body> part of your email, and then save. Next time you reload the campaign, it will automatically load in the HTML editor.

Simply remove this code if you want to return to using EasyEditor again.

For help with editing EasyEditor HTML, see our EasyEditor template markup section.

Did you find this article helpful?

Can we help?

Thanks for using Engagement Cloud. If you need more help or support, then contact our support team.