Editing your HTML

Summary

You can view and edit the HTML for a block by selecting the block and clicking on the HTML button in the ribbon.

html1.png

Alternatively, you can edit the entire document's source by selecting the Utilities menu, and clicking Edit source. See Edit source for more information.

html123.png

Edit HTML for a block

Clicking on the HTML button will produce an editing window.

html12.png

Remember that not all email clients will interpret HTML in the same way, so be careful when editing that you're using appropriate markup.

Once you're done editing, click the OK button to save your changes, or Cancel to exit without saving.

Edit source

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

But be careful with what you edit because you could break some aspects of EasyEditor itself if you edit or remove the wrong thing!

html1234.png

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

  • Insert a link
    Once you click Insert, the link will be inserted at the current cursor position.
  • Insert a data field 
    Click on a 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 text 'find' operations do not 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 most things relatively easily:

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

Use Cmd instead of Ctrl if you are using a Mac.

Advanced usage

If you would 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.

Have more questions? Submit a request

Comments

  • Avatar

    Does Dotmailer have the capacity to support other common fonts (such as Calibri), or will it make a substitution when it comes to saving? Same question with editing font height (stretch) and strength (Bold, semi bold etc.) 

     

    Many Thanks.

  • Avatar

    Hi Beth,

    If you're editing the HTML, you can put in fonts like Calibri and dotMailer will support them as long as your computer does; however that doesn't mean that your contacts' devices will show the font. Calibri isn't widely available on Macs so the email won't look the same when viewed on other devices. Its often best to stick to the fonts currently available as standard in dotMailer (the most common 'web safe' fonts), that way you can design safe in the knowledge that it will look great in all common email clients.

    If you do want to use Calibri, or another non-standard font, it's advisable to check your reports to see what devices your contacts use and whether they're likely to have those fonts installed.

    Assuming you do want to use it, it's wise to add some fall-back fonts e.g:

    <font style="font-family: Calibri, Tahoma, Helvetica, Sans-Serif;">

    And make sure you use the Inbox Preview tool or test sends to see how it looks in your contacts' most common email clients/devices.

Powered by Zendesk