Learn to edit the source HTML of a single building block or an entire email campaign.
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:
- Select the block and then select HTML in the text toolbar – this opens the HTML editor in a side panel.
Not all email clients interpret HTML in the same way, so be careful when editing that you're using appropriate markup.
- 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
To edit the entire document source code:
- Expand the Utilities drop-down menu and select Edit source.
To learn more, see Edit source.
- Edit the HTML in the HTML editor.
Be careful what you edit as you could break EasyEditor if you edit or remove the wrong thing.
- 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:
Use Command instead of Ctrl on a Mac.
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.