2019.2

Project details
The email template
The email's design is in the EM_BASIC Email Message template. It contains one Email
section (see "Email templates" on page526).
Styling is done via style sheets (see "Local formatting versus style sheets" on page741). The
style rules are in the context_htmlemails_styles.css file. Note how they use HTML tags, IDs and
classes to select elements. (See also: "Selectors in Connect" on page878.)
The @media rules make the email responsive (see also: "Designing an Email template" on
page517).
Note
Even though email clients do not read CSS files, CSS files can be used with the Email
context in the Designer. See "Using CSS files with HTML email" on page519.
Two attachments are added to the email, in different ways.
l The Return and Refund Policy PDF is stored in the template (in the Images folder). Right-
click the Email section and select Attachments to see how this is attached to the email.
l The delivery note is a dynamic attachment, based on a data field. It is attached to the
email by the Attachment script. To learn how to create dynamic attachments, see
"Dynamic attachments:creating file names based on data fields" on page538.
All scripts are listed on the Scripts pane. You can double-click to open them.
Tip
Hover over the name of a script in the Scripts pane to highlight parts of the template that
are affected by the script.
l
Some data are added to the email via simple text scripts. Such scripts search the
template in order to replace a certain text that is surrounded by @ (e.g. @First@) by the
correct data. To add a text script you just drag-and-drop data onto the template. (See:
Page 175