When copying and pasting text always paste as plain text. Otherwise, you will copy in formatting that is not desired and break the template. Right-click the mouse and select Paste as plain text from the menu or use the keyboard shortcut CTRL + SHIFT + V. There is also a "T" icon in the toolbar you can use to paste as plain text.

Use the heading options to create sub-headings. Be careful to correctly nest headings in order. There should only be one H1 in the email, the main heading near the top.

Do not use the crossed-out editor buttons.

We never right-align text.
Use the library block to create horizontal rules.
Body copy should always be left aligned.
Subheadings can be centred or left-aligned as preferred.
Do not use underline to draw attention to something, underline is used for links only.
Do not make whole paragraphs of text bold or italic, keep to a few keywords or a sentence. Use impact blocks to make longer sections of body copy stand out.
Use the blue "links and inserts" button to add hyperlinks and personalisation.
Do not change the size of text or add colours
For accessibility, hyperlinks should be placed on meaningful words that indicate what the link will point to and they should be kept short due to legibility.

Select background colours for the block and change the text colour as appropriate using the options available in the "Content tab - Block" settings.

Special characters can be inserted using the Omega icon in the tool tray. Select the special character required from the popup menu.

Lists

There are styled list blocks available to use from the library.

Green bullets
Green numbered
Green tick
Red cross

To add more items to the list hit the return key after the previous item in the text editor. Highlight and backspace to remove ones you don't need.

IMPORTANT! These blocks should not contain other types of content such as additional paragraphs or anything else.

There are some known display issues:

Outlook 365 desktop shows them all as black bullets
Outlook webmail and app shows them as bullets but with the correct red/green colour

You may also use the text editor list option if preferred. These will display black bullets or numbered lists.

Using approved emoji or custom icons to create a custom list look is fine but will be created as paragraphs and will not be an HTML list item.

Image with text and optional button blocks

There is functionality for a small image with text next to it which can be left or right-aligned. Care should be given to the amount of text next to the image so that it fits the height of the image. The text will NOT wrap around the image.

See the section on image size recommendations and guidelines.

Blocks come with a button display option which can be turned on or off. Buttons can be customised for colour and alignment.

When stacking several image text blocks using alternate arrangement of display ensure that the mobile view creates a text followed by image sequence. Use the reverse stack block options.

In this example email the following blocks were used to create the correct display for mobile stacking:

This is the order of blocks needed to have the desired display:
2-Col Reverse Stack: Img Right/Top
2-Col image left
2-Col Reverse Stack: Img Right/Top

Impact Blocks

Blocks with black or green backgrounds should only use white text. Blocks with white backgrounds should use black text. Do not use green text on black backgrounds. This is not accessible, there is not sufficient colour contrast.

Do not use long paragraphs of text in these blocks. They should be used to create impact and draw attention to small sections of content.

Spacers

Include single spacers between blocks that do not have built-in spacers (most blocks do not). Do not double up on spacers, keep spacing even throughout the email.

Spacer blocks that can have their height customised, note that if you set the height lower than 20px it won't look like it's working in email builder, because EN gives blocks a minimum height for ease of building, when you preview the email you will what you expect to see.

If adjusting the height of the spacers keep the height of spacers consistent throughout the email to create even spacing.

Buttons General

To edit the text on the button use the editor fields in the right-hand menu to customise the title, colour, alignment and add a link. Titles should be written in sentence case, the CSS (Custom Style Sheet) will automatically style the titles to be capitalised.

Orange buttons are to be used for donation and fundraising-type links only. Green buttons should be used for everything else.

Keep button titles meaningful, short concise calls to action. These titles should not be long sentences. Button titles should span more than two lines when viewed on mobile.

Donation Impact Buttons

When using the donation impact module, or creating a Donate Buttons that stipulates a pre-set donation amount and/or frequency, for example, 'Donate £15 Monthly' the link should represent this value.

When generating the tracked url in the SalesForce URL Generator use the Optional URL Parameters section to add the extensions for each button accordingly.

Engaging Networks: Automation Sequence Building