Getting Started
The following documentation will guide you through using the v4.0 email templates in Eloqua. If, however, you still need a new template creating or you need any help at all, do reach out, as this is merely a guide to get you going if you need to make quick changes or modifications that you feel comfortable making.
How to access the latest email templates
- Login to Eloqua
- Navigate to Emails
- Click Create an Email
- From here all templates can be found in All Files > EMEA > Current Email Templates > v4.0 New Brand
(Click image to enlarge)
NOTE: All the up-to-date, maintained emails can be found in the Current Email Templates folder, and the templates end in v4.0 New Brand. You should only use these templates. Do not use the emails in the _archive folder; they are old emails for reference only.
About The Templates
The design for the version 4.0 templates are based on the new Medtronic brand. Each template has two sections at the beginning and two sections at the end, these sections must not be removed.
The first two sections contain the Medtronic logo in the first section, and then the email title, and subtitle/text in the second section. There is also a CTA in the second section of some email templates, which you can remove if it is not needed.
(Click image to enlarge)
The last two sections contain a CTA to the Preference Center, and the social media links. The Prefernce Center text and CTA is dynamic content set in Eloqua, so it will be translated automatically based on a contact's preferred language, which they would have selected in the Preference Centre:
(Click image to enlarge)
Each template has the first two sections and the last two sections.
Template 1
(Click image to enlarge)
Get the code snippet (Opens in new tab. Copy and paste the code)
Template 2
(Click image to enlarge)
Get the code snippet (Opens in new tab. Copy and paste the code)
Template 3
(Click image to enlarge)
Get the code snippet (Opens in new tab. Copy and paste the code)
NOTE: The Preference Centre section text is highlighted because it is dynamic text. This highlight will not be in the sent email.
Template Sections Explained
Sections are separated by 5-line spaces:
(Click image to enlarge)
This is to make it easier to differentiate between sections when you need to remove, add, or replace a section.
Removing Template Sections
To remove a complete section from an email, you just have to look for the opening line of the section and the closing line of the section:
(Click image to enlarge)
Then delete both of those lines and everything in between. To easily identify a section in the code, you can look at the email, find a phrase or sentence, and then find that same phrase or sentence in the code to make sure you're deleting the right section.
Removing the References section
You might not need the References section in your email, so this can be removed. You'll find it towards the end of the code just before the Preference Center section.
Content Blocks
Sections contain content blocks, which can be made up of titles, paragraphs, lists, and links. To identify a content block look for a <tr> tag followed by a <td> tag, followed by a <div> tag. Content blocks can go one after another.
(Click image to enlarge)
The <tr> is the start of the content block, and the </tr> is the end of the content block, if you want to add or delete a content block, make sure you grab the code wrapped within the <tr></tr> tags as well as the tags themselves.
The only exception to this is a CTA button, which has a few additional structural tags:
(Click image to enlarge)
Paragraphs
(Click image to enlarge)
NOTE: Each paragraph is its own content block:
(Click image to enlarge)
Get the code snippet (Opens in new tab. Copy and paste the code)
CTAs
(Click image to enlarge)
NOTE: On some email clients the rounded edges will be sharp edges. There currently isn't a fix for this.
Get the code snippet (Opens in new tab. Copy and paste the code)
Font Formatting
The default font for our emails is Arial. Due to the nature of emails, we can't embed fonts, therefore Effra cannot be used.
Bold Font
You can set the text to bold by wrapping the text in <strong></strong> tags.
(Click image to enlarge)
Example:
<strong> bold text </strong> in a sentence.
Output:
This is some bold text in a sentence.
Italic Text
You can set text to italic by wrapping the text in an <em></em> tags.
(Click image to enlarge)
Example:
<em>italic text</em> in it.
Output:
This is some normal text that has some italic text in it.
Underlined Text
To underline text you can use what's called an attribute. You'll need to use the style attribute with the property text-decoration and the value underline. All you have to do is wrap the text that you want to underline, in a <span></span> and add the attribute, property, and value.
(Click image to enlarge)
Example:
<span style="text-decoration:underline"> underlined text</span> in it.
Output:
This is some normal text that has some underlined text in it.
Superscript & Subscript
Superscript
For superscript, wrap the text in the <sup></sup> tags.
Example:
<sup>superscript<sup> in it.
Output:
This is a sentence that has superscript in it.
Subscript
For subscript, wrap the text in the <sub></sub> tags.
Example:
<sub>subscript<sub> in it.
Output:
This is a sentence that has subscript in it.
In-line Links
With links, it's usually a good idea to have them stand out so that they are obvious. The conventional way to do this is to underline the text, and make it a different colour. Links use anchor tags <a></a> with an attribute href for the url, and a style attribute to add a color and underline.
Example:
<a href="" style="text-decoration:underline; color:#1010EB">link</a> in it.
Output:
Trademark Symbols & Other Symbols
In order to add symbols or Entities, such as ™ or ©, there is a library of HTML Symbols and Entities where you can get the correct HTML entity name. In order to ensure correct formatting and to ensure that the symbol is displayed correctly, these HTML entity names should be used in place of a symbol that was copied and pasted into your text.
Full list of HTML Symbols and Entities.
NOTE: Use either the HTML CODE or the HTML ENTITY.
Example:
© 2020 Trademarked Name™
Output:
© 2020 Trademarked Name™
Images
Image Dimensions
It's important to use the image dimensions that are displayed on the image placeholders, as these image dimensions provide the highest image quality when the email stacks to mobile.
Replacing Placeholder Images
When replacing image placeholders, look for URLs that begin with http://via.placeholder.com that are in <img> tags. The full code will look something like this:
(Click image to enlarge)
You won't need to change anything else in the code.