Edit the source code of an email campaign

Edit the source code of an email campaign

Fine-tune your code and customize it exactly how you want it.

Before you start

Things you need to know:

Only edit the source HTML if you understand what you are doing. Otherwise, you might break your template.

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. Go to Campaigns > Email

  2. Find and select the email campaign you want to edit.

  3. In Drag-and-Drop Editor, expand the UTILITIES drop-down menu and select Edit source .

    edit-source.png

  4. Edit the HTML in the HTML editor .

    source.png


    Be careful what you edit as you could break Drag-and-Drop Editor if you edit or remove the wrong thing.

  5. Select Save .

While 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 Drag-and-Drop Editor'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 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 Drag-and-Drop Editor 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.

Remove this code if you want to return to using Drag-and-Drop Editor again.


    • Related Articles

    • How do I change the campaign settings?

      Campaign settings can be changed using the Summary option available either from the Overview screen (if the campaign was recently edited). Or the settings can be changed using the My Campaigns screen. Click the Summary option so that the Campaign ...

    • Previewing your campaign

      The preview tool can be accessed using the preview button above the main ribbon, and from various other parts of the application. When you use the Preview option, a new window opens to show how your email will look. You can review both the HTML and ...

    • Making your email template responsive

      Summary Our 'Start from scratch' and our 'Mobile email. Rebooted.' email templates are designed to look their best across all devices. As a result, building blocks contain various CSS styles that are essential for your email campaigns to be rendered ...

    • Adding tracking to campaign links

      Summary You can automatically add tracking code to your campaigns' link URLs. For example, if you want to track where your traffic comes from, and your website has that capability, then you can automatically have our system add a query string to ...

    • Managing user actions in email templates

      Summary When you're writing HTML and CSS for EasyEditor email templates, you must use specific classes, attributes, and comments to either enable or disable actions in the user interface. Structure of email templates If you're having trouble finding ...