When designing your email, understanding each of the items available to you is key to optimising the design. Below is a breakdown of every item, their purpose and one example of how it can used.
Remember, after placing any of the below items you have full control over the customisability on the right hand side. Whether that be the colour, sizing, padding alignment or anything else.
Heading:
Similar to the Text block, but primarily used for introductions. The text in the header whilst remaining customisable, will be larger than in the Text item. Useful for an eye catching introduction to an email.
Text:
A text block, where you can enter in any text on the right hand side. Also, you can use merge fields to customise your emails to each recipient. For example, if you are contacting learners about an upcoming interview, but all of their interviews are at different times, you can use the Event Time merge field.
Button:
An item to use when you are trying to get the recipient to do something. You can edit the button, including the text, to design the most appealing button for clicks. For example if you are encouraging learners to register for an upcoming event, you can use the button to sat 'Register Here'.
Image:
Any image can be placed in your email using this item. You need to place the Image Address in the 'Source URL' field for the image to appear. You then have the option to enter a Click through URL and Alternative text. The Click through URL will mean that if the recipient clicks on the image, they are taken to a new page - often using pages from your website. The alternative text is used to describe the image, if the recipient is unable to load or view the image.
It’s best to use images that are 600 pixels wide, as this is the standard width supported by most email clients and ensures your visuals look crisp on both desktop and mobile. For banners or header images, try to keep the height between 200 and 300 pixels, while the width should always stay at 600 pixels. Body images should also not exceed 600 pixels in width to maintain consistency and avoid display issues. Although height is flexible, banners generally look best when kept under 300 pixels tall.
Avatar:
The Avatar item allows you to personalise your emails by including a profile picture or image of the sender. This can help to create a more human connection with recipients and increase engagement with the email.
Divider:
The Divider is used to break up the email, to ensure it remains consumable to the recipient. If you are using lots of text, or a variety of topics in the email, the Divider item can be used to separate them with a bar across the email.
Spacer:
Similar to the Divider, but the difference is there is no visible bar across the email. Simply a customisable space used in the email to separate text or topics in an email.
Html:
Using HTML in emails gives you the flexibility to create custom layouts, add branding elements, and create eye-catching designs that are not possible with plain text emails. HTML also allows for responsive design, ensuring that the email looks good on different devices and screen sizes.
Columns:
Here you will place multiple items within the same row. You can choose the number of columns in this row on the right hand side along with other customisability options. You can use Columns for adding social media links at the end of the email, by inserting the relevant icons as an image and then your links as the Click through URL.
Container:
This item used to create a border around another item or items. You can use containers to group related elements together, such as text, images, and buttons. This can help to create a more organized and structured layout for your email.
Social Media:
The Social Media item is used to display clickable icons for various platforms such as Facebook, Twitter, Instagram, and LinkedIn. Typically placed in the footer, it allows campaign managers to link each icon to the brand’s official social media pages. This helps reinforce brand presence and encourages recipients to engage beyond the email.