When creating custom simple or designer email templates there will be areas of editable content. Editing this content is another way to customize your email code and design.
Note: In the new email editor, instead of editing the entire email, you can edit HTML in blocks. This helps to keep the structure of your email the same while still giving you creative control. If you're looking to edit the entire email's HTML, please start from one of your older emails, using the older email editor. To learn about HTML content in the new email editor, read HTML Elements in the New Email Editor.
This article will provide an overview of naming conventions, attribute values, and coding recommendations for editable content, in the older email editor.
| Administrators | ✓ | |
| Company Managers | ✓ | |
| Marketing Managers | ✓ | |
| Sales Managers | ||
| Salespersons | ||
| Jr. Salespersons |
 | Tip: Are you looking for information about Constant Contact’s Email and Digital Marketing product? This article is for Constant Contact’s Lead Gen & CRM product. Head on over to the Email and Digital Marketing articles by clicking here. Not sure what the difference is? Read this article. |
The Lead Gen & CRM Email Designer gives you the ability to edit and style Content sections based on HTML classes assigned to them. Additionally, there are also editable classes assigned to the drag-and-drop sections in our inline email editor.
In Lead Gen & CRM, you can add editable classes in content fields to your custom email templates.
When creating a new email template or editing an existing template, click 
More Options > View Code to open the HTML window. In the HTML window, you can edit the email as a whole. This HTML editor is completely separate from the inline editor and template editor.
You can make the content areas of your custom email editable in the Lead Gen & CRM email designer by giving the <td> container table cell a class of .editable.
Refer to Viewing and Editing Email HTML for more information on customizing email templates through the HTML editor.
When importing certain HTML templates, there are times when the sections may not be editable in the Lead Gen & CRM Email Designer. To be able to access the content and layout editors provided in Lead Gen & CRM, as well as ensure proper styling in the CSS menu, you will need to add the appropriate classes to your template’s content sections.
|
|
|
The following lists provide an overview of all of the available classes and standard styles in the Lead Gen & CRM Email Designer.
| Email Classes | Description | ||
| Editable | Adding this class to an element will surround it with a blue box and give it access to the content editor. | ||
| Editable- Layout | Adding this class to an element will surround it with a green box and give it access to the layout editor. | ||
| Header | Adding this class will cause the section to take on the styling of the header color in the email standard styles section. | ||
| Content | Adding this class will cause the section to take on the styling of the content color in the email standard styles section. | ||
| Sidebar | Adding this class will cause the section to take on the styling of the sidebar color in the email standard styles section. | ||
| Footer | Adding this class will cause the section to take on the styling of the footer color in the email standard styles section. | ||
| Body | Adding this class will cause the section to take on the styling of the email background color in the email standard styles section. | ||
| BTN | Adding this class will cause the section to take on the styling of the button color in the email standard styles section. |
| Email Styles | Description | |
| Header Background | This styling affects any element with the header class. | |
| Content Background | This styling affects any element with the content class. | |
| Sidebar Background | This styling affects any element with the sidebar class. | |
| Footer Background | This styling affects any element with the footer class. | |
| Email Background | This styling affects any element with the body class. | |
| Headings | This styling affects any text located within <h> tags. | |
| Text | This styling affects any text located within <p> tags. | |
| Buttons | This styling affects any element with the btn class. | |
| Links | This styling affects any text located within <a href> tags. | |
| Links Hover | This styling affects what color a link will change to when moused over. |
When using the Email Designer, consider the following:
Copyright © 2025 · All Rights Reserved · Constant Contact · Privacy Center
