Composing the Email Body

Last updated 18 minutes ago

Learn how to compose and edit the email body for your outbound email campaign.

Table of Contents

Prerequisites
Steps
Result
Example of an email body in HTML format

Prerequisites

Make sure the user has:
- Permissions to use the Engagement Studio.
- Group Manager role.
Make sure the user logs in to the Engagement Studio.

TIP:

Keep the Engagement Studio open as you follow this guide.

Watch the video tutorial on how to use the email editor.

Steps

1. Open the campaign

Click the icon in the left side menu of Engagement Studio.
Select Campaigns from the left side menu to open the Engagement page.
Click EC Updates in the Campaign list panel.

2. Upload the email body

Click the Content tab in the Campaign information window.
Scroll down to the email editor.
Click Import file.
Select a zip file that contains the email body in HTML format.
Click Select file.
Select the zip file from your local file system. For example, email-body.zip.
Click Open.
Click Save campaign on the top right corner of the Campaign information window.

The zip file should contain a folder with an HTML file with name index.html. Optionally, the folder can also contain a folder named images that contains images used in the email body. The index.html file should reference the images in the images folder with relative paths. For example, if an image named image1.png is used in the email body, the index.html file should reference the image as src="images/image1.png".

3. Personalize the email body with dynamic parameters (optional)

Click the Content tab in the Campaign information window.
Scroll down to the email editor.
Edit the subject.
Personalize the email. For example, add the contact name from the contact list in the email body.
Click Save campaign on the top right corner of the Campaign information window.

Result

After clicking Save campaign, Engagement Cloud saves the changes to the campaign.

Example of an email body in HTML format

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Engagement Cloud - Documentation Updates</title>
    <link rel="preconnect" href="https://fonts.googleapis.com">
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
    <link href="https://fonts.googleapis.com/css2?family=DM+Sans:wght@300;400;500;700&display=swap" rel="stylesheet">
    <style>
        *, *::before, *::after {
            box-sizing: border-box;
        }

        body {
            font-family: "DM Sans", Roboto, "Segoe UI", "Liberation Sans", sans-serif;
            font-size: 100%;
            line-height: 1.5rem;
            color: #3f3f3f;
            background-color: #ffffff;
            margin: 0;
            padding: 0;
        }

        .page-wrapper {
            max-width: 860px;
            margin: 0 auto;
            padding: 60px 24px 80px;
        }

        h1 {
            font-size: 2rem;
            font-weight: 700;
            color: #343166;
            margin-top: 0;
            margin-bottom: 1rem;
            line-height: 1.2;
        }

        h2 {
            font-size: 1.51572rem;
            font-weight: 700;
            color: #343166;
            margin-top: 2rem;
            margin-bottom: 0.75rem;
        }

        h3 {
            font-size: 1.31951rem;
            font-weight: 500;
            color: #374151;
            margin-top: 1.5rem;
            margin-bottom: 0.5rem;
        }

        h4 {
            font-size: 1.1rem;
            font-weight: 500;
            color: #374151;
            margin-top: 1.25rem;
            margin-bottom: 0.5rem;
        }

        p {
            margin-top: 0;
            margin-bottom: 1.5rem;
            color: #3f3f3f;
        }

        a {
            color: #006cae;
            text-decoration: none;
        }

        a:hover {
            text-decoration: underline;
            color: #6FC3B8;
        }

        a:focus {
            outline: 2px solid #6FC3B8;
            outline-offset: 2px;
        }

        ul {
            margin-top: 0;
            margin-bottom: 1.5rem;
            padding-left: 1.5rem;
        }

        ul li {
            margin-bottom: 0.5rem;
            color: #3f3f3f;
        }

        ul ul {
            margin-top: 0.5rem;
            margin-bottom: 0;
        }

        strong {
            font-weight: 700;
            color: #374151;
        }

        hr {
            border: none;
            border-top: 1px solid #EEEEEE;
            margin: 2rem 0;
        }

        .page-header {
            display: flex;
            align-items: center;
            gap: 1.5rem;
            margin-bottom: 1rem;
        }

        .page-header h1 {
            margin-bottom: 0;
        }
    </style>
</head>

<body>
    <div class="page-wrapper">
    <div class="page-header">
    <svg id="logo" viewBox="0 0 187.82 187.82" height="60" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><defs><linearGradient id="red_to_magenta" x1="43.34" x2="142.58" y1="43.58" y2="142.83" gradientUnits="userSpaceOnUse"><stop stop-color="#dd342b" offset="0"></stop><stop stop-color="#d82eb4" offset="1"></stop></linearGradient><linearGradient id="red_to_magenta-2" x1="84.74" x2="101.17" y1="84.85" y2="101.28" xlink:href="#red_to_magenta"></linearGradient></defs><path fill="url(#red_to_magenta)" d="M107.63 127.86c-14.93 6.3-33.13 2.55-44.16-11.26-10.85-13.57-10.84-33.23 0-46.8 11.03-13.8 29.23-17.55 44.16-11.26 8.42 3.55 18.13 1.85 24.6-4.61l10.35-10.35c-28.53-28.53-75.73-27.31-102.66 3.67-22.74 26.15-22.74 65.75 0 91.9 26.93 30.98 74.13 32.2 102.66 3.67l-10.35-10.35c-6.46-6.46-16.18-8.17-24.6-4.61z"></path><path fill="url(#red_to_magenta-2)" d="M81.33 93.07c0 6.41 5.22 11.63 11.63 11.63s11.63-5.22 11.63-11.63-5.21-11.63-11.63-11.63-11.63 5.22-11.63 11.63z"></path></svg>
    <h1>Engagement Cloud - Documentation Updates</h1>
    </div>
    <h3>Date: 2026-04-01</h3>
    <h4>Dear Engagement Cloud Users,</h4>
    <p>We are excited to announce that we have made significant updates to our documentation for Engagement Cloud. These
        updates include new guides, improved navigation, and enhanced content to help you get the most out of our
        platform.</p>
    <p>Here are some of the key updates:</p>
    <ul>
        <li><strong>Improved Navigation:</strong> We have reorganized our documentation to make it easier to find the
            information you need. The new structure allows for quicker access to relevant content. Checkout the new
            structure <a href="https://documentation.coremedia.com/engagement-cloud/" target="_blank" rel="noopener noreferrer">here</a>.</li>
        <li><strong>New Guides:</strong> We have added the following guide:<ul>
                <li><a href="https://documentation.coremedia.com/engagement-cloud/engagement/contact-lists/" target="_blank" rel="noopener noreferrer">Contact Lists</a></li>
                <li><a href="https://documentation.coremedia.com/engagement-cloud/engagement/outbound-email-campaigns/" target="_blank" rel="noopener noreferrer">Outbound Email Campaigns</a></li>
                <li><a href="https://documentation.coremedia.com/engagement-cloud/engagement/onsite-campaigns/" target="_blank" rel="noopener noreferrer">Onsite Campaigns</a></li>
            </ul>
        </li>
    </ul>
    <p>We encourage you to explore the updated documentation and provide feedback. Your input is invaluable in helping
        us improve our resources and ensure that they meet your needs.</p>
    <p>Thank you for being a part of the Engagement Cloud community, and we look forward to continuing to support you
        with our enhanced documentation.</p>
    </div>
</body>

</html>

Is this page useful?