Send a test email to specific email addresses.

Make a GET call to the /emails/activities/{campaign_activity_id}/previews endpoint to return an HTML preview of a specific email campaign activity. This preview allows you to verify how the complete HTML for an email campaign activity looks before you send it to contacts.

The HTML preview does not process any dynamic content in the email campaign activity. Dynamic content includes contact and custom field variables.

Parameters

This method requires the campaign_activity_id URL parameter. Use this parameter to specify which email campaign activity you want to preview.

Authorization Requirements

User privileges: campaign:read

Authorization scopes: campaign_data

Example Get HTML Preview Call

This example GET call retrieves an HTML preview of an email campaign activity. The response body returns the HTML preview encoded as a JSON string. You will need to decode the string before you can use it as valid html. The cURL example uses the jq library to decode the preview_html_content response body property.

GET https://api.cc.email/v3/emails/activities/{campaign_activity_id}/previews

<?php

$request = new HttpRequest();
$request->setUrl('https://api.cc.email/v3/emails/activities/{campaign_activity_id}/previews');
$request->setMethod(HTTP_METH_GET);

$request->setHeaders(array(
  'Postman-Token' => 'bd2eb377-4bde-45e3-9c2f-a4f13beadebe',
  'cache-control' => 'no-cache',
  'Authorization' => 'Bearer {access_token}'
));

try {
  $response = $request->send();

  echo $response->getBody();
} catch (HttpException $ex) {
  echo $ex;
}
OkHttpClient client = new OkHttpClient();

Request request = new Request.Builder()
  .url("https://api.cc.email/v3/emails/activities/{campaign_activity_id}/previews")
  .get()
  .addHeader("Authorization: Bearer {access_token}")
  .addHeader("cache-control", "no-cache")
  .addHeader("Postman-Token", "bd01db6c-0c94-416d-af49-155fb016b386")
  .build();

Response response = client.newCall(request).execute();
curl -X GET \
  https://api.cc.email/v3/emails/activities/{campaign_activity_id}/previews \
  -H 'Authorization: Bearer {access_token}' \
  -H 'Postman-Token: 31feb582-293f-400c-b899-c175aa87d2a6' \
  -H 'cache-control: no-cache' | jq -r '.preview_html_content' > preview_html_content.html

Response

{
    "subject": "The latest news for you",
    "preheader": "You don't want to miss this.",
    "campaign_activity_id": "4e58be09-aa8f-46ec-9e8d-0570314fe87a",
    "from_name": "Jake Dodge",
    "from_email": "jdodge@constantcontact.com",
    "reply_to_email": "jdodge@constantcontact.com",
    "preview_html_content": "<!DOCTYPE html>\n<html>\n<head>\n<meta content=\"text/html; charset=utf-8\" http-equiv=\"Content-Type\">\n<meta content=\"width=device-width, initial-scale=1.0\" name=\"viewport\">\n<meta charset=\"UTF-8\">\n<meta name=\"viewport\" content=\"width=device-width, initial-scale=1, maximum-scale=1\">\n<!--[if gte mso 9]>\n<style id=\"ol-styles\">\n/* OUTLOOK-SPECIFIC STYLES */\nli {\ntext-indent: -1em;\npadding: 0;\nmargin: 0;\nline-height: 1.2;\n}\nul, ol {\npadding: 0;\nmargin: 0 0 0 40px;\n}\np {\nmargin: 0;\npadding: 0;\nmargin-bottom: 0;\n}\nsup {\nfont-size: 85% !important;\n}\nsub {\nfont-size: 85% !important;\n}\n</style>\n<![endif]-->\n<style id=\"template-styles-head\" data-premailer=\"ignore\">\n.footer-main-width {\nwidth: 630px!important;\nmax-width: 630px;\n}\ntable {\nborder-collapse: collapse;\ntable-layout: fixed;\n}\n.bgimage {\ntable-layout: auto;\n}\n.preheader-container {\ncolor: transparent;\ndisplay: none;\nfont-size: 1px;\nline-height: 1px;\nmax-height: 0px;\nmax-width: 0px;\nopacity: 0;\noverflow: hidden;\n}\n/* LIST AND p STYLE OVERRIDES */\n.editor-text p {\nmargin: 0;\npadding: 0;\nmargin-bottom: 0;\n}\n.editor-text ul,\n.editor-text ol {\npadding: 0;\nmargin: 0 0 0 40px;\n}\n.editor-text li {\npadding: 0;\nmargin: 0;\nline-height: 1.2;\n}\n/* ==================================================\nCLIENT/BROWSER SPECIFIC OVERRIDES\n================================================== */\n/* IE: correctly scale images with w/h attbs */\nimg {\n-ms-interpolation-mode: bicubic;\n}\n/* Text Link Style Reset */\na {\ntext-decoration: underline;\n}\n/* iOS: Autolink styles inherited */\na[x-apple-data-detectors] {\ntext-decoration: underline !important;\nfont-size: inherit !important;\nfont-family: inherit !important;\nfont-weight: inherit !important;\nline-height: inherit !important;\ncolor: inherit !important;\n}\n/* FF/Chrome: Smooth font rendering */\n.editor-text, .MainTextFullWidth {\n-webkit-font-smoothing: antialiased;\n-moz-osx-font-smoothing: grayscale;\n}\n/* Gmail/Web viewport fix */\nu + .body .template-body {\nwidth: 630px;\n}\n@media only screen and (max-width:480px) {\nu + .body .template-body {\nwidth: 100% !important;\n}\n}\n/* Office365/Outlook.com image reset */\n[office365] button, [office365] .divider-base div, [office365] .spacer-base div, [office365] .editor-image div { display: block !important; }\n</style>\n<style>@media only screen and (max-width:480px) {\ntable {\nborder-collapse: collapse;\n}\n.main-width {\nwidth: 100% !important;\n}\n.mobile-hidden {\ndisplay: none !important;\n}\ntd.OneColumnMobile {\ndisplay: block !important;\n}\n.OneColumnMobile {\nwidth: 100% !important;\n}\ntd.editor-col .editor-text {\npadding-left: 20px !important; padding-right: 20px !important;\n}\ntd.editor-col .editor-image.editor-image-hspace-on td {\npadding-left: 20px !important; padding-right: 20px !important;\n}\ntd.editor-col .editor-button-container {\npadding-left: 20px !important; padding-right: 20px !important;\n}\ntd.editor-col .editor-social td {\npadding-left: 20px !important; padding-right: 20px !important;\n}\ntd.editor-col .block-margin {\npadding-left: 20px !important; padding-right: 20px !important;\n}\ntd.editor-col td.block-margin .editor-text {\npadding-left: 0px !important; padding-right: 0px !important;\n}\ntd.editor-col td.block-margin .editor-image.editor-image-hspace-on td {\npadding-left: 0px !important; padding-right: 0px !important;\n}\ntd.editor-col td.block-margin .editor-button-container {\npadding-left: 0px !important; padding-right: 0px !important;\n}\ntd.editor-col td.block-margin .editor-social td {\npadding-left: 0px !important; padding-right: 0px !important;\n}\n.editor-button td > table tr > td {\npadding: 0px 0px 0px 0px !important;\n}\n.editor-button td > table tr > td td {\npadding: 9px 15px 10px 15px !important;\n}\n.layout {\npadding: 15px 9px 15px 9px !important;\n}\n.layout-container-border {\npadding: 0px 0px 0px 0px !important;\n}\n.layout-container {\npadding: 0px 0px 0px 0px !important;\n}\n.editor-image img {\nwidth: auto !important; margin-left: auto !important; margin-right: auto !important;\n}\n.editor-image .image-cell {\npadding-bottom: 15px !important;\n}\n.editor-text {\nfont-size: 16px !important;\n}\n.section-headline-text {\nfont-size: 24px !important;\n}\n.headline-text {\nfont-size: 24px !important;\n}\n.subheadline-text {\nfont-size: 20px !important;\n}\n.feature {\npadding-top: 0px !important; padding-bottom: 0px !important;\n}\n.layout-outer {\npadding: 0px 20px !important;\n}\n.feature-heading-text {\nfont-size: 20px !important;\n}\n.feature-text {\nfont-size: 16px !important;\n}\n.split.editor-col {\nmargin-top: 0px !important;\n}\n.split.editor-col ~ .split.editor-col {\nmargin-top: 10px !important;\n}\n.split-layout-margin {\npadding: 0px 20px !important;\n}\n.article {\npadding-top: 0px !important; padding-bottom: 0px !important;\n}\n.article-heading-text {\nfont-size: 20px !important;\n}\n.article-text {\nfont-size: 16px !important;\n}\n.social-container {\ntext-align: center !important;\n}\n.social-text {\nfont-size: 14px !important;\n}\n.cpn-heading-text {\nfont-size: 28px !important;\n}\n.editor-cpn-heading-text {\nfont-size: 28px !important;\n}\ntd.col-divided .editor-col {\nborder-right: 0px solid #869198 !important; border-bottom: 1px solid #869198 !important;\n}\ntd.col-divided td.editor-col:last-of-type {\nborder-bottom: 0 !important;\n}\n.col-divided {\npadding: 0 20px !important;\n}\ntd.col-divided .editor-col .editor-text {\npadding-left: 0px !important; padding-right: 0px !important;\n}\ntd.col-divided .editor-col .editor-image.editor-image-hspace-on td {\npadding-left: 0px !important; padding-right: 0px !important;\n}\ntd.col-divided .editor-col .editor-button-container {\npadding-left: 0px !important; padding-right: 0px !important;\n}\ntd.col-divided .editor-col .editor-social td {\npadding-left: 0px !important; padding-right: 0px !important;\n}\ntd.col-divided .editor-col .block-margin {\npadding-left: 0px !important; padding-right: 0px !important;\n}\n.action-block .poll-answer {\nwidth: 100% !important; display: block !important;\n}\n.action-block .poll-button {\nwidth: 100% !important;\n}\ndiv.MobileFooter {\nfont-size: 11px !important;\n}\ntd.FooterMobile {\npadding: 0px 10px 0px 10px !important;\n}\ntd.MainCenter {\nwidth: 100% !important;\n}\ntable.MainSide {\ndisplay: none !important;\n}\nimg.MainSide {\ndisplay: none !important;\n}\ntd.MainSide {\ndisplay: none !important;\n}\n.rsvp-button-inner {\npadding: 0px 0px 10px 0px !important;\n}\n.rsvp-button-outer {\nwidth: 100% !important; max-width: 100% !important;\n}\n.footer-main-width {\nwidth: 100% !important;\n}\n.footer-mobile-hidden {\ndisplay: none !important;\n}\n.footer-mobile-hidden {\ndisplay: none !important;\n}\n.footer-column {\ndisplay: block !important;\n}\n.footer-mobile-stack {\ndisplay: block !important;\n}\n.footer-mobile-stack-padding {\npadding-top: 3px;\n}\n}\n@media only screen and (max-width:320px) {\n.layout {\npadding: 0px 0px 0px 0px !important;\n}\n}\n@media screen {\n@font-face {\nfont-family: ''; font-style: normal; font-weight: 400; src: local(''), local(''), url() format(''); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215;\n}\n}\n</style>\n</head>\n<body class=\"body\" align=\"center\" style=\"width: 100%; min-width: 100%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; background-color: #e6e6e6; margin: 0px; padding: 0px;\" bgcolor=\"#e6e6e6\">\n<table class=\"template-body\" border=\"0\" cellpadding=\"0\" cellspacing=\"0\" style=\"text-align: center; min-width: 100%;\" width=\"100%\">\n<tr>\n<td class=\"preheader-container\">\n<div>\n<div id=\"preheader\" style=\"display: none; font-size: 1px; color: transparent; line-height: 1px; max-height: 0px; max-width: 0px; opacity: 0; overflow: hidden;\">\n<span data-entity-ref=\"preheader\">You don&#x27;t want to miss this.</span>\n</div>\n\n</div>\n</td>\n</tr>\n<tr>\n<td class=\"template-shell-container\" align=\"center\">\n<div class=\"bgcolor\" style=\"background-color: #e6e6e6;\">\n<table class=\"bgimage\" width=\"100%\" border=\"0\" cellpadding=\"0\" cellspacing=\"0\" style=\"background-color: #e6e6e6;\" bgcolor=\"#e6e6e6\">\n<tbody>\n<tr>\n<td align=\"center\">\n<table class=\"main-width\" width=\"630\" align=\"center\" border=\"0\" cellpadding=\"0\" cellspacing=\"0\" style=\"width: 630px;\">\n<tbody>\n<tr>\n<td class=\"layout\" align=\"center\" valign=\"top\" style=\"padding: 15px 5px;\">\n<table width=\"100%\" align=\"center\" border=\"0\" cellpadding=\"0\" cellspacing=\"0\">\n<tbody>\n<tr>\n<td class=\"layout-container-border\" align=\"center\" valign=\"top\" style=\"background-color: #869198; padding: 0px;\" bgcolor=\"#869198\">\n<table width=\"100%\" align=\"center\" border=\"0\" cellpadding=\"0\" cellspacing=\"0\" style=\"background-color: #869198;\" bgcolor=\"#869198\">\n<tbody>\n<tr>\n<td class=\"layout-container\" align=\"center\" valign=\"top\" style=\"background-color: #ffffff; padding: 0;\" bgcolor=\"#ffffff\">\n<div class=\"\">\n<table width=\"100%\" cellpadding=\"0\" cellspacing=\"0\" border=\"0\" class=\"galileo-ap-layout-editor\" style=\"min-width: 100%;\">\n<tbody>\n<tr>\n<td class=\"divider-container editor-col OneColumnMobile\" width=\"100%\" align=\"left\" valign=\"top\">\n<div class=\"gl-contains-divider\">\n<table class=\"editor-divider\" width=\"100%\" cellpadding=\"0\" cellspacing=\"0\" border=\"0\" style=\"min-width: 100%;\">\n<tbody>\n<tr>\n<td class=\"divider-container\" align=\"center\" valign=\"top\">\n<table width=\"100%\" cellpadding=\"0\" cellspacing=\"0\" border=\"0\" class=\"galileo-ap-content-editor\" style=\"cursor: default; min-width: 100%;\">\n<tbody>\n<tr>\n<td class=\"divider-base divider-solid\" width=\"100%\" align=\"center\" valign=\"top\" style=\"padding: 0px;\">\n<table style=\"width: 100%; min-width: 100%; height: 1px;\" cellpadding=\"0\" cellspacing=\"0\" border=\"0\" align=\"center\">\n<tbody>\n<tr>\n<td height=\"1\" align=\"center\" style=\"padding-bottom: 8px; border-bottom-style: none; height: 1px; line-height: 1px; background-color: #869198;\" bgcolor=\"#869198\">\n<div><img alt=\"\" width=\"5\" height=\"1\" border=\"0\" hspace=\"0\" vspace=\"0\" src=\"https://imgssl.constantcontact.com/letters/images/sys/S.gif\" style=\"display: block; height: 1px; width: 5px;\"></div>\n</td>\n</tr>\n</tbody>\n</table>\n</td>\n</tr>\n</tbody>\n</table>\n</td>\n</tr>\n</tbody>\n</table>\n</div>\n</td>\n</tr>\n</tbody>\n</table>\n<table width=\"100%\" cellpadding=\"0\" cellspacing=\"0\" border=\"0\" class=\"galileo-ap-layout-editor\" style=\"min-width: 100%;\">\n<tbody>\n<tr>\n<td class=\"editor-logo editor-col OneColumnMobile\" width=\"100%\" align=\"left\" valign=\"top\">\n<div class=\"gl-contains-spacer\">\n<table class=\"editor-spacer\" width=\"100%\" cellpadding=\"0\" cellspacing=\"0\" border=\"0\">\n<tbody>\n<tr>\n<td class=\"spacer-container\" align=\"center\" valign=\"top\">\n<table width=\"100%\" cellpadding=\"0\" cellspacing=\"0\" border=\"0\">\n<tbody>\n<tr>\n<td class=\"spacer-base\" style=\"padding-bottom: 10px; height: 1px; line-height: 1px;\" width=\"100%\" align=\"center\" valign=\"top\">\n<div><img alt=\"\" width=\"5\" height=\"1\" border=\"0\" hspace=\"0\" vspace=\"0\" src=\"https://imgssl.constantcontact.com/letters/images/sys/S.gif\" style=\"display: block; height: 1px; width: 5px;\"></div>\n</td>\n</tr>\n</tbody>\n</table>\n</td>\n</tr>\n</tbody>\n</table>\n</div>\n<div class=\"gl-contains-image\">\n<table class=\"editor-image logo-container editor-image-vspace-on\" width=\"100%\" cellpadding=\"0\" cellspacing=\"0\" border=\"0\">\n<tbody>\n<tr>\n<td align=\"center\" valign=\"top\" style=\"padding-top: 10px; padding-bottom: 10px;\">\n<div class=\"publish-container\">  <img alt=\"\" class=\"\" style=\"display: block; height: auto; max-width: 100%;\" width=\"220\" border=\"0\" hspace=\"0\" vspace=\"0\" src=\"https://imgssl.constantcontact.com/galileo/images/templates/Galileo_ImagePlaceholder/340x165.png\">\n</div>\n</td>\n</tr>\n</tbody>\n</table>\n</div>\n<div class=\"gl-contains-spacer\">\n<table class=\"editor-spacer\" width=\"100%\" cellpadding=\"0\" cellspacing=\"0\" border=\"0\">\n<tbody>\n<tr>\n<td class=\"spacer-container\" align=\"center\" valign=\"top\">\n<table width=\"100%\" cellpadding=\"0\" cellspacing=\"0\" border=\"0\">\n<tbody>\n<tr>\n<td class=\"spacer-base\" style=\"padding-bottom: 10px; height: 1px; line-height: 1px;\" width=\"100%\" align=\"center\" valign=\"top\">\n<div><img alt=\"\" width=\"5\" height=\"1\" border=\"0\" hspace=\"0\" vspace=\"0\" src=\"https://imgssl.constantcontact.com/letters/images/sys/S.gif\" style=\"display: block; height: 1px; width: 5px;\"></div>\n</td>\n</tr>\n</tbody>\n</table>\n</td>\n</tr>\n</tbody>\n</table>\n</div>\n</td>\n</tr>\n</tbody>\n</table>\n<table width=\"100%\" cellpadding=\"0\" cellspacing=\"0\" border=\"0\" class=\"galileo-ap-layout-editor\" style=\"min-width: 100%;\">\n<tbody>\n<tr>\n<td class=\"section-headline editor-col OneColumnMobile\" width=\"100%\" align=\"left\" valign=\"top\" style=\"background-color: #717a80;\" bgcolor=\"#717a80\">\n<div class=\"gl-contains-text\">\n<table width=\"100%\" cellpadding=\"0\" cellspacing=\"0\" border=\"0\">\n<tbody>\n<tr>\n<td class=\"editor-text section-headline-text\" align=\"left\" valign=\"top\" style=\"font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 28px; color: #ffffff; text-align: center; display: block; word-wrap: break-word; line-height: 1.2; padding: 10px 20px;\">\n<div></div>\n<div class=\"text-container galileo-ap-content-editor\"><div><div>Add a Title to Introduce Your Main Topic</div></div></div>\n</td>\n</tr>\n</tbody>\n</table>\n</div>\n</td>\n</tr>\n</tbody>\n</table>\n<table width=\"100%\" cellpadding=\"0\" cellspacing=\"0\" border=\"0\" class=\"galileo-ap-layout-editor\" style=\"min-width: 100%;\">\n<tbody>\n<tr>\n<td class=\"spacer editor-col OneColumnMobile\" width=\"100%\" align=\"left\" valign=\"top\">\n<div class=\"gl-contains-spacer\">\n<table class=\"editor-spacer\" width=\"100%\" cellpadding=\"0\" cellspacing=\"0\" border=\"0\">\n<tbody>\n<tr>\n<td class=\"spacer-container\" align=\"center\" valign=\"top\">\n<table width=\"100%\" cellpadding=\"0\" cellspacing=\"0\" border=\"0\">\n<tbody>\n<tr>\n<td class=\"spacer-base\" style=\"padding-bottom: 10px; height: 1px; line-height: 1px;\" width=\"100%\" align=\"center\" valign=\"top\">\n<div><img alt=\"\" width=\"5\" height=\"1\" border=\"0\" hspace=\"0\" vspace=\"0\" src=\"https://imgssl.constantcontact.com/letters/images/sys/S.gif\" style=\"display: block; height: 1px; width: 5px;\"></div>\n</td>\n</tr>\n</tbody>\n</table>\n</td>\n</tr>\n</tbody>\n</table>\n</div>\n</td>\n</tr>\n</tbody>\n</table>\n<table width=\"100%\" cellpadding=\"0\" cellspacing=\"0\" border=\"0\" class=\"galileo-ap-layout-editor\" style=\"min-width: 100%;\">\n<tbody>\n<tr>\n<td class=\"headline editor-col OneColumnMobile\" width=\"100%\" align=\"left\" valign=\"top\">\n<div class=\"gl-contains-text\">\n<table width=\"100%\" cellpadding=\"0\" cellspacing=\"0\" border=\"0\">\n<tbody>\n<tr>\n<td class=\"editor-text headline-text\" align=\"left\" valign=\"top\" style=\"font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 24px; color: #717a80; text-align: left; display: block; word-wrap: break-word; line-height: 1.2; padding: 10px 20px;\">\n<div></div>\n<div class=\"text-container galileo-ap-content-editor\"><div><div>Reinforce your main point with a heading.</div></div></div>\n</td>\n</tr>\n</tbody>\n</table>\n</div>\n</td>\n</tr>\n</tbody>\n</table>\n<table width=\"100%\" cellpadding=\"0\" cellspacing=\"0\" border=\"0\" class=\"galileo-ap-layout-editor\" style=\"min-width: 100%;\">\n<tbody>\n<tr>\n<td class=\"content editor-col OneColumnMobile\" width=\"100%\" align=\"left\" valign=\"top\">\n<div class=\"gl-contains-text\">\n<table width=\"100%\" cellpadding=\"0\" cellspacing=\"0\" border=\"0\">\n<tbody>\n<tr>\n<td class=\"editor-text content-text\" align=\"left\" valign=\"top\" style=\"font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 12px; color: #403F42; text-align: left; display: block; word-wrap: break-word; line-height: 1.2; padding: 10px 20px;\">\n<div></div>\n<div class=\"text-container galileo-ap-content-editor\"><div>\n<div>Think about the purpose of your email: You want readers to respond in a certain way, so make sure to spell it out for them. Use specific calls-to-action such as visit our website, shop the sale now, or sign up for specials.</div>\n<div><br></div>\n<div><a href=\"#\" target=\"_blank\" style=\"color: #48a199; font-weight: normal; font-style: normal; text-decoration: underline;\">Call-to-Action Link</a></div>\n</div></div>\n</td>\n</tr>\n</tbody>\n</table>\n</div>\n</td>\n</tr>\n</tbody>\n</table>\n<table width=\"100%\" cellpadding=\"0\" cellspacing=\"0\" border=\"0\" class=\"galileo-ap-layout-editor\" style=\"min-width: 100%;\">\n<tbody>\n<tr>\n<td class=\"content editor-col OneColumnMobile\" width=\"100%\" align=\"left\" valign=\"top\">\n<div class=\"gl-contains-image\">\n<table class=\"editor-image content-image editor-image-vspace-on\" width=\"100%\" cellpadding=\"0\" cellspacing=\"0\" border=\"0\">\n<tbody>\n<tr>\n<td align=\"center\" valign=\"top\" style=\"padding-top: 10px; padding-bottom: 10px;\">\n<div class=\"publish-container\">  <img alt=\"\" class=\"\" style=\"display: block; height: auto; max-width: 100%;\" width=\"580\" border=\"0\" hspace=\"0\" vspace=\"0\" src=\"https://imgssl.constantcontact.com/letters/images/PT13966/CustomDivider.png\">\n</div>\n</td>\n</tr>\n</tbody>\n</table>\n</div>\n</td>\n</tr>\n</tbody>\n</table>\n<table width=\"100%\" cellpadding=\"0\" cellspacing=\"0\" border=\"0\" class=\"galileo-ap-layout-editor\" style=\"min-width: 100%;\">\n<tbody>\n<tr>\n<td class=\"headline editor-col OneColumnMobile\" width=\"100%\" align=\"left\" valign=\"top\">\n<div class=\"gl-contains-text\">\n<table width=\"100%\" cellpadding=\"0\" cellspacing=\"0\" border=\"0\">\n<tbody>\n<tr>\n<td class=\"editor-text headline-text\" align=\"left\" valign=\"top\" style=\"font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 24px; color: #717a80; text-align: left; display: block; word-wrap: break-word; line-height: 1.2; padding: 10px 20px;\">\n<div></div>\n<div class=\"text-container galileo-ap-content-editor\"><div><div>Use this heading to describe an additional topic</div></div></div>\n</td>\n</tr>\n</tbody>\n</table>\n</div>\n</td>\n</tr>\n</tbody>\n</table>\n<table width=\"100%\" cellpadding=\"0\" cellspacing=\"0\" border=\"0\" class=\"galileo-ap-layout-editor\" style=\"min-width: 100%;\">\n<tbody>\n<tr>\n<td class=\"article editor-col OneColumnMobile\" width=\"50%\" align=\"left\" valign=\"top\">\n<div><div class=\"column-resize-bar\">\n<span class=\"line\"></span>\n<span class=\"grabber\"></span>\n</div></div>\n<div class=\"gl-contains-text\">\n<table width=\"100%\" cellpadding=\"0\" cellspacing=\"0\" border=\"0\">\n<tbody>\n<tr>\n<td class=\"editor-text article-text\" align=\"left\" valign=\"top\" style=\"font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 12px; color: #403F42; text-align: left; display: block; word-wrap: break-word; line-height: 1.2; padding: 10px 10px 10px 20px;\">\n<div></div>\n<div class=\"text-container galileo-ap-content-editor\"><div>\n<div>Write a message that is brief, friendly, and to the point. If readers need to know more than you can fit here, add a link to an outside resource that covers the rest. Lastly, make sure the accompanying image matches the topic.</div>\n<div><br></div>\n<div><a href=\"#\" target=\"_blank\" style=\"color: #48a199; font-weight: normal; font-style: normal; text-decoration: underline;\">Link to Additional Resource</a></div>\n</div></div>\n</td>\n</tr>\n</tbody>\n</table>\n</div>\n</td>\n<td class=\"article editor-col OneColumnMobile\" width=\"50%\" align=\"left\" valign=\"top\">\n<div class=\"gl-contains-image\">\n<table class=\"editor-image content-image editor-image-vspace-on editor-image-hspace-on\" width=\"100%\" cellpadding=\"0\" cellspacing=\"0\" border=\"0\">\n<tbody>\n<tr>\n<td align=\"right\" valign=\"top\" style=\"padding: 10px 20px 10px 10px;\">\n<div class=\"publish-container\">  <img alt=\"\" class=\"\" style=\"display: block; height: auto; max-width: 100%;\" width=\"250\" border=\"0\" hspace=\"0\" vspace=\"0\" src=\"https://imgssl.constantcontact.com/letters/images/icons/340x165_refresh.png\">\n</div>\n</td>\n</tr>\n</tbody>\n</table>\n</div>\n</td>\n</tr>\n</tbody>\n</table>\n<table width=\"100%\" cellpadding=\"0\" cellspacing=\"0\" border=\"0\" class=\"galileo-ap-layout-editor\" style=\"min-width: 100%;\">\n<tbody>\n<tr>\n<td class=\"content editor-col OneColumnMobile\" width=\"100%\" align=\"left\" valign=\"top\">\n<div class=\"gl-contains-image\">\n<table class=\"editor-image content-image editor-image-vspace-on\" width=\"100%\" cellpadding=\"0\" cellspacing=\"0\" border=\"0\">\n<tbody>\n<tr>\n<td align=\"center\" valign=\"top\" style=\"padding-top: 10px; padding-bottom: 10px;\">\n<div class=\"publish-container\">  <img alt=\"\" class=\"\" style=\"display: block; height: auto; max-width: 100%;\" width=\"580\" border=\"0\" hspace=\"0\" vspace=\"0\" src=\"https://imgssl.constantcontact.com/letters/images/PT13966/CustomDivider.png\">\n</div>\n</td>\n</tr>\n</tbody>\n</table>\n</div>\n</td>\n</tr>\n</tbody>\n</table>\n<table width=\"100%\" cellpadding=\"0\" cellspacing=\"0\" border=\"0\" class=\"galileo-ap-layout-editor\" style=\"min-width: 100%;\">\n<tbody>\n<tr>\n<td class=\"two-column editor-col OneColumnMobile\" width=\"50%\" align=\"left\" valign=\"top\">\n<div><div class=\"column-resize-bar\">\n<span class=\"line\"></span>\n<span class=\"grabber\"></span>\n</div></div>\n<div class=\"gl-contains-image\">\n<table class=\"editor-image content-image editor-image-vspace-on editor-image-hspace-on\" width=\"100%\" cellpadding=\"0\" cellspacing=\"0\" border=\"0\">\n<tbody>\n<tr>\n<td align=\"left\" valign=\"top\" style=\"padding: 10px 10px 10px 20px;\">\n<div class=\"publish-container\">  <img alt=\"\" class=\"\" style=\"display: block; height: auto; max-width: 100%;\" width=\"280\" border=\"0\" hspace=\"0\" vspace=\"0\" src=\"https://imgssl.constantcontact.com/letters/images/icons/340x165_refresh.png\">\n</div>\n</td>\n</tr>\n</tbody>\n</table>\n</div>\n<div class=\"gl-contains-text\">\n<table width=\"100%\" cellpadding=\"0\" cellspacing=\"0\" border=\"0\">\n<tbody>\n<tr>\n<td class=\"editor-text two-column-text\" align=\"left\" valign=\"top\" style=\"font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 12px; color: #403F42; text-align: center; display: block; word-wrap: break-word; line-height: 1.2; padding: 10px 10px 10px 20px;\">\n<div></div>\n<div class=\"text-container galileo-ap-content-editor\"><div>\n<div><span style=\"font-weight: bold;\">Describe this section</span></div>\n<div>Highlight a promotion, product, event, or anything that needs special attention.</div>\n</div></div>\n</td>\n</tr>\n</tbody>\n</table>\n</div>\n</td>\n<td class=\"two-column editor-col OneColumnMobile\" width=\"50%\" align=\"left\" valign=\"top\">\n<div class=\"gl-contains-image\">\n<table class=\"editor-image content-image editor-image-vspace-on editor-image-hspace-on\" width=\"100%\" cellpadding=\"0\" cellspacing=\"0\" border=\"0\">\n<tbody>\n<tr>\n<td align=\"right\" valign=\"top\" style=\"padding: 10px 20px 10px 10px;\">\n<div class=\"publish-container\">  <img alt=\"\" class=\"\" style=\"display: block; height: auto; max-width: 100%;\" width=\"280\" border=\"0\" hspace=\"0\" vspace=\"0\" src=\"https://imgssl.constantcontact.com/letters/images/icons/340x165_refresh.png\">\n</div>\n</td>\n</tr>\n</tbody>\n</table>\n</div>\n<div class=\"gl-contains-text\">\n<table width=\"100%\" cellpadding=\"0\" cellspacing=\"0\" border=\"0\">\n<tbody>\n<tr>\n<td class=\"editor-text two-column-text\" align=\"left\" valign=\"top\" style=\"font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 12px; color: #403F42; text-align: center; display: block; word-wrap: break-word; line-height: 1.2; padding: 10px 20px 10px 10px;\">\n<div></div>\n<div class=\"text-container galileo-ap-content-editor\"><div>\n<div><span style=\"font-weight: bold;\">Describe this section</span></div>\n<div>Highlight a promotion, product, event, or anything that needs special attention.</div>\n</div></div>\n</td>\n</tr>\n</tbody>\n</table>\n</div>\n</td>\n</tr>\n</tbody>\n</table>\n<table width=\"100%\" cellpadding=\"0\" cellspacing=\"0\" border=\"0\" class=\"galileo-ap-layout-editor\" style=\"min-width: 100%;\">\n<tbody>\n<tr>\n<td class=\"spacer editor-col OneColumnMobile\" width=\"100%\" align=\"left\" valign=\"top\">\n<div class=\"gl-contains-spacer\">\n<table class=\"editor-spacer\" width=\"100%\" cellpadding=\"0\" cellspacing=\"0\" border=\"0\">\n<tbody>\n<tr>\n<td class=\"spacer-container\" align=\"center\" valign=\"top\">\n<table width=\"100%\" cellpadding=\"0\" cellspacing=\"0\" border=\"0\">\n<tbody>\n<tr>\n<td class=\"spacer-base\" style=\"padding-bottom: 10px; height: 1px; line-height: 1px;\" width=\"100%\" align=\"center\" valign=\"top\">\n<div><img alt=\"\" width=\"5\" height=\"1\" border=\"0\" hspace=\"0\" vspace=\"0\" src=\"https://imgssl.constantcontact.com/letters/images/sys/S.gif\" style=\"display: block; height: 1px; width: 5px;\"></div>\n</td>\n</tr>\n</tbody>\n</table>\n</td>\n</tr>\n</tbody>\n</table>\n</div>\n</td>\n</tr>\n</tbody>\n</table>\n<table width=\"100%\" cellpadding=\"0\" cellspacing=\"0\" border=\"0\" class=\"galileo-ap-layout-editor\" style=\"min-width: 100%;\">\n<tbody>\n<tr>\n<td class=\"content editor-col OneColumnMobile\" width=\"50%\" align=\"left\" valign=\"top\" style=\"background-color: rgb(113, 122, 128);\" bgcolor=\"717A80\">\n<div><div class=\"column-resize-bar\">\n<span class=\"line\"></span>\n<span class=\"grabber\"></span>\n</div></div>\n<div class=\"gl-contains-spacer\">\n<table class=\"editor-spacer\" width=\"100%\" cellpadding=\"0\" cellspacing=\"0\" border=\"0\">\n<tbody>\n<tr>\n<td class=\"spacer-container\" align=\"center\" valign=\"top\">\n<table width=\"100%\" cellpadding=\"0\" cellspacing=\"0\" border=\"0\">\n<tbody>\n<tr>\n<td class=\"spacer-base\" style=\"padding-bottom: 10px; height: 1px; line-height: 1px;\" width=\"100%\" align=\"center\" valign=\"top\">\n<div><img alt=\"\" width=\"5\" height=\"1\" border=\"0\" hspace=\"0\" vspace=\"0\" src=\"https://imgssl.constantcontact.com/letters/images/sys/S.gif\" style=\"display: block; height: 1px; width: 5px;\"></div>\n</td>\n</tr>\n</tbody>\n</table>\n</td>\n</tr>\n</tbody>\n</table>\n</div>\n<div class=\"gl-contains-text\">\n<table width=\"100%\" cellpadding=\"0\" cellspacing=\"0\" border=\"0\">\n<tbody>\n<tr>\n<td class=\"editor-text content-text\" align=\"left\" valign=\"top\" style=\"font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 12px; color: #403F42; text-align: left; display: block; word-wrap: break-word; line-height: 1.2; padding: 10px 10px 10px 20px;\">\n<div></div>\n<div class=\"text-container galileo-ap-content-editor\"><div><div>\n<span style=\"color: rgb(255, 255, 255); font-weight: bold;\">Company Name</span><span style=\"color: rgb(255, 255, 255);\"> | </span><a href=\"#\" target=\"_blank\" style=\"color: rgb(255, 255, 255); font-weight: normal; font-style: normal; text-decoration: underline;\">Website</a>\n</div></div></div>\n</td>\n</tr>\n</tbody>\n</table>\n</div>\n</td>\n<td class=\"content editor-col OneColumnMobile\" width=\"50%\" align=\"left\" valign=\"top\" style=\"background-color: rgb(113, 122, 128);\" bgcolor=\"717A80\">\n<div class=\"gl-contains-spacer\">\n<table class=\"editor-spacer\" width=\"100%\" cellpadding=\"0\" cellspacing=\"0\" border=\"0\">\n<tbody>\n<tr>\n<td class=\"spacer-container\" align=\"center\" valign=\"top\">\n<table width=\"100%\" cellpadding=\"0\" cellspacing=\"0\" border=\"0\">\n<tbody>\n<tr>\n<td class=\"spacer-base\" style=\"padding-bottom: 10px; height: 1px; line-height: 1px;\" width=\"100%\" align=\"center\" valign=\"top\">\n<div><img alt=\"\" width=\"5\" height=\"1\" border=\"0\" hspace=\"0\" vspace=\"0\" src=\"https://imgssl.constantcontact.com/letters/images/sys/S.gif\" style=\"display: block; height: 1px; width: 5px;\"></div>\n</td>\n</tr>\n</tbody>\n</table>\n</td>\n</tr>\n</tbody>\n</table>\n</div>\n<div class=\"gl-contains-social-button\">\n<table class=\"editor-social\" width=\"100%\" cellpadding=\"0\" cellspacing=\"0\" border=\"0\" style=\"width: 100%; min-width: 100%;\">\n<tbody>\n<tr>\n<td class=\" social-container social-container\" align=\"right\" style=\"padding: 0px 20px 10px 10px;\">\n<div class=\"galileo-ap-content-editor\">\n<a href=\"#\" style=\"display: inline-block; text-decoration: none;\">\n<img alt=\"Facebook\" width=\"32\" border=\"0\" src=\"https://imgssl.constantcontact.com/galileo/images/templates/Galileo-SocialMedia/facebook-visit-gray-circle.png\" style=\"display: inline-block; margin: 0; padding: 0;\"> &#x200c;\n</a>\n<a href=\"#\" style=\"display: inline-block; text-decoration: none;\">\n<img alt=\"Twitter\" width=\"32\" border=\"0\" src=\"https://imgssl.constantcontact.com/galileo/images/templates/Galileo-SocialMedia/twitter-visit-gray-circle.png\" style=\"display: inline-block; margin: 0; padding: 0;\"> &#x200c;\n</a>\n<a href=\"#\" style=\"display: inline-block; text-decoration: none;\">\n<img alt=\"Instagram\" width=\"32\" border=\"0\" src=\"https://imgssl.constantcontact.com/galileo/images/templates/Galileo-SocialMedia/instagram-visit-gray-circle.png\" style=\"display: inline-block; margin: 0; padding: 0;\"> &#x200c;\n</a>\n<a href=\"#\" style=\"display: inline-block; text-decoration: none;\">\n<img alt=\"LinkedIn\" width=\"32\" border=\"0\" src=\"https://imgssl.constantcontact.com/galileo/images/templates/Galileo-SocialMedia/linkedin-visit-gray-circle.png\" style=\"display: inline-block; margin: 0; padding: 0;\"> &#x200c;\n</a>\n</div>\n</td>\n</tr>\n</tbody>\n</table>\n</div>\n</td>\n</tr>\n</tbody>\n</table>\n</div>\n</td>\n</tr>\n</tbody>\n</table>\n</td>\n</tr>\n</tbody>\n</table>\n</td>\n</tr>\n</tbody>\n</table>\n</td>\n</tr>\n</tbody>\n</table>\n</div>\n</td>\n</tr>\n<tr>\n<td></td>\n</tr>\n</table>\n<table class=\"footer-container\" width=\"100%\" cellpadding=\"0\" cellspacing=\"0\" border=\"0\" style=\"background: #ffffff; margin-left: auto; margin-right: auto; table-layout: auto !important\" bgcolor=\"#ffffff\">\r\n  <tr>\r\n    <td width=\"100%\" align=\"center\" valign=\"top\" style=\"width: 100%;\">\r\n      <div class=\"footer-max-main-width\" align=\"center\" style=\"margin-left: auto; margin-right: auto; max-width: 100%;\">\r\n        <table width=\"100%\" cellpadding=\"0\" cellspacing=\"0\" border=\"0\">\r\n          <tr>\r\n            <td class=\"footer-layout\" align=\"center\" valign=\"top\" style=\"padding: 16px 0px;\">\r\n              <table class=\"footer-main-width\" style=\"width: 580px;\" border=\"0\" cellpadding=\"0\" cellspacing=\"0\">\r\n                <tr>\r\n                  <td class=\"footer-text\" align=\"center\" valign=\"top\" style=\"color: #5d5d5d; font-family: Verdana,Geneva,sans-serif; font-size: 12px; padding: 4px 0px;\">\r\n                    \r\n                    <span class=\"footer-column\">Constant Contact<span class=\"footer-mobile-hidden\"> | </span></span><span class=\"footer-column\">9999 Trapelo Road<span class=\"footer-mobile-hidden\">, </span></span><span class=\"footer-column\">Jake Dodge Pancakes<span class=\"footer-mobile-hidden\">, </span></span><span class=\"footer-column\">c<span class=\"footer-mobile-hidden\">,<br /></span> </span><span class=\"footer-column\">Waltham, MA 09875</span><span class=\"footer-column\"></span>\r\n                    \r\n                  </td>\r\n                </tr>\r\n                <tr>\r\n                  <td class=\"footer-row\" align=\"center\" valign=\"top\" style=\"padding: 10px 0px;\">\r\n                    <table cellpadding=\"0\" cellspacing=\"0\" border=\"0\">\r\n                      <tr>\r\n                        <td class=\"footer-text\" align=\"center\" valign=\"top\" style=\"color: #5d5d5d; font-family: Verdana,Geneva,sans-serif; font-size: 12px; padding: 4px 0px;\">\r\n                          <a href=\"#\" style=\"color: #5d5d5d\">Unsubscribe {recipient's email}</a>\r\n                        </td>\r\n                      </tr>\r\n                      <tr>\r\n                        <td class=\"footer-text\" align=\"center\" valign=\"top\" style=\"color: #5d5d5d; font-family: Verdana,Geneva,sans-serif; font-size: 12px; padding: 4px 0px;\">\r\n                          <a href=\"#\" style=\"color: #5d5d5d\">Update Profile</a> |\r\n                          \r\n                          <a class=\"footer-about-provider\" href=\"http://www.constantcontact.com/legal/about-constant-contact\" style=\"color: #5d5d5d\">About Constant Contact</a>\r\n                        </td>\r\n                      </tr>\r\n                      <tr>\r\n                        <td class=\"footer-text\" align=\"center\" valign=\"top\" style=\"color: #5d5d5d; font-family: Verdana,Geneva,sans-serif; font-size: 12px; padding: 4px 0px;\">\r\n                          Sent by\r\n                          \r\n                          <a href=\"mailto:jdodge@constantcontact.com\" style=\"color: #5d5d5d; text-decoration: none\">jdodge@constantcontact.com</a>\r\n                          \r\n\r\n                          \r\n                          \r\n                          <span class=\"footer-column\">in collaboration with</span>\r\n                          \r\n                          \r\n                        </td>\r\n                      </tr>\r\n                    </table>\r\n                  </td>\r\n                </tr>\r\n                <tr>\r\n                  <td class=\"footer-text\" align=\"center\" valign=\"top\" style=\"color: #5d5d5d; font-family: Verdana,Geneva,sans-serif; font-size: 12px; padding: 4px 0px;\">\r\n                    \r\n                    \r\n                    <table width=\"240\" cellpadding=\"0\" cellspacing=\"0\" border=\"0\">\r\n                      <tr>\r\n                        <td align=\"center\" valign=\"top\" style=\"padding: 0px 0px 3px 10px;\">\r\n                          <a href=\"http://www.constantcontact.com/index.jsp?cc=nge&rmc=VF19_3GE\" style=\"color: #5d5d5d; text-decoration: none\">\r\n                            <img alt=\"Trusted Email from Constant Contact - Try it FREE today.\" width=\"211\" border=\"0\" hspace=\"0\" vspace=\"0\" src=\"https://imgssl.constantcontact.com/ui/images1/logo_ctct_2x.png\"></a>\r\n                        </td>\r\n                      </tr>\r\n                      <tr>\r\n                        <td class=\"footer-cta-text\" align=\"center\" valign=\"top\" style=\"color: #5d5d5d; font-family: Verdana,Geneva,sans-serif; font-size: 9px;\">\r\n                          <a href=\"http://www.constantcontact.com/index.jsp?cc=nge&rmc=VF19_3GE\" style=\"color: #5d5d5d; text-decoration: none\">Try email marketing for free today!</a>\r\n                        </td>\r\n                      </tr>\r\n                    </table>\r\n                    \r\n                    \r\n                  </td>\r\n                </tr>\r\n              </table>\r\n            </td>\r\n          </tr>\r\n        </table>\r\n      </div>\r\n    </td>\r\n  </tr>\r\n</table></body>\n</html>\n",
    "preview_text_content": "You don't want to miss this. Add a Title to Introduce Your Main Topic Reinforce your main point with a heading. Think about the purpose of your email: You want readers to respond in a certain way, so make sure to spell it out for them. Use specific calls-to-action such as visit our website, shop the sale now, or sign up for specials. Call-to-Action Link Use this heading to describe an additional topic Write a message that is brief, friendly, and to the point. If readers need to know more than you can fit here, add a link to an outside resource that covers the rest. Lastly, make sure the accompanying image matches the topic. Link to Additional Resource Describe this section Highlight a promotion, product, event, or anything that needs special attention. Describe this section Highlight a promotion, product, event, or anything that needs special attention. Company Name | Website \u200c \u200c \u200c \u200c Constant Contact | 9999 Example Road, Jake Dodge Pancakes, c, Waltham, MA 09875 Unsubscribe {recipient's email} Update Profile | About Constant Contact Sent by jdodge@constantcontact.com in collaboration with Try email marketing for free today!"
}

Try it!