Email CampaignsGet an HTML Preview of an Email Campaign Activity
Get an HTML Preview of an Email Campaign Activity
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:readAuthorization 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}/previewsOkHttpClient 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();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\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 className=\"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 className=\"template-body\" border=\"0\" cellPadding=\"0\" cellSpacing=\"0\" style=\"text-align: center; min-width: 100%;\" width=\"100%\">\n<tr>\n<td className=\"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't want to miss this.</span>\n</div>\n\n</div>\n</td>\n</tr>\n<tr>\n<td className=\"template-shell-container\" align=\"center\">\n<div className=\"bgcolor\" style=\"background-color: #e6e6e6;\">\n<table className=\"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 className=\"main-width\" width=\"630\" align=\"center\" border=\"0\" cellPadding=\"0\" cellSpacing=\"0\" style=\"width: 630px;\">\n<tbody>\n<tr>\n<td className=\"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 className=\"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 className=\"layout-container\" align=\"center\" valign=\"top\" style=\"background-color: #ffffff; padding: 0;\" bgcolor=\"#ffffff\">\n<div className=\"\">\n<table width=\"100%\" cellPadding=\"0\" cellSpacing=\"0\" border=\"0\" className=\"galileo-ap-layout-editor\" style=\"min-width: 100%;\">\n<tbody>\n<tr>\n<td className=\"divider-container editor-col OneColumnMobile\" width=\"100%\" align=\"left\" valign=\"top\">\n<div className=\"gl-contains-divider\">\n<table className=\"editor-divider\" width=\"100%\" cellPadding=\"0\" cellSpacing=\"0\" border=\"0\" style=\"min-width: 100%;\">\n<tbody>\n<tr>\n<td className=\"divider-container\" align=\"center\" valign=\"top\">\n<table width=\"100%\" cellPadding=\"0\" cellSpacing=\"0\" border=\"0\" className=\"galileo-ap-content-editor\" style=\"cursor: default; min-width: 100%;\">\n<tbody>\n<tr>\n<td className=\"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\" className=\"galileo-ap-layout-editor\" style=\"min-width: 100%;\">\n<tbody>\n<tr>\n<td className=\"editor-logo editor-col OneColumnMobile\" width=\"100%\" align=\"left\" valign=\"top\">\n<div className=\"gl-contains-spacer\">\n<table className=\"editor-spacer\" width=\"100%\" cellPadding=\"0\" cellSpacing=\"0\" border=\"0\">\n<tbody>\n<tr>\n<td className=\"spacer-container\" align=\"center\" valign=\"top\">\n<table width=\"100%\" cellPadding=\"0\" cellSpacing=\"0\" border=\"0\">\n<tbody>\n<tr>\n<td className=\"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 className=\"gl-contains-image\">\n<table className=\"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 className=\"publish-container\"> <img alt=\"\" className=\"\" 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 className=\"gl-contains-spacer\">\n<table className=\"editor-spacer\" width=\"100%\" cellPadding=\"0\" cellSpacing=\"0\" border=\"0\">\n<tbody>\n<tr>\n<td className=\"spacer-container\" align=\"center\" valign=\"top\">\n<table width=\"100%\" cellPadding=\"0\" cellSpacing=\"0\" border=\"0\">\n<tbody>\n<tr>\n<td className=\"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\" className=\"galileo-ap-layout-editor\" style=\"min-width: 100%;\">\n<tbody>\n<tr>\n<td className=\"section-headline editor-col OneColumnMobile\" width=\"100%\" align=\"left\" valign=\"top\" style=\"background-color: #717a80;\" bgcolor=\"#717a80\">\n<div className=\"gl-contains-text\">\n<table width=\"100%\" cellPadding=\"0\" cellSpacing=\"0\" border=\"0\">\n<tbody>\n<tr>\n<td className=\"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 className=\"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\" className=\"galileo-ap-layout-editor\" style=\"min-width: 100%;\">\n<tbody>\n<tr>\n<td className=\"spacer editor-col OneColumnMobile\" width=\"100%\" align=\"left\" valign=\"top\">\n<div className=\"gl-contains-spacer\">\n<table className=\"editor-spacer\" width=\"100%\" cellPadding=\"0\" cellSpacing=\"0\" border=\"0\">\n<tbody>\n<tr>\n<td className=\"spacer-container\" align=\"center\" valign=\"top\">\n<table width=\"100%\" cellPadding=\"0\" cellSpacing=\"0\" border=\"0\">\n<tbody>\n<tr>\n<td className=\"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\" className=\"galileo-ap-layout-editor\" style=\"min-width: 100%;\">\n<tbody>\n<tr>\n<td className=\"headline editor-col OneColumnMobile\" width=\"100%\" align=\"left\" valign=\"top\">\n<div className=\"gl-contains-text\">\n<table width=\"100%\" cellPadding=\"0\" cellSpacing=\"0\" border=\"0\">\n<tbody>\n<tr>\n<td className=\"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 className=\"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\" className=\"galileo-ap-layout-editor\" style=\"min-width: 100%;\">\n<tbody>\n<tr>\n<td className=\"content editor-col OneColumnMobile\" width=\"100%\" align=\"left\" valign=\"top\">\n<div className=\"gl-contains-text\">\n<table width=\"100%\" cellPadding=\"0\" cellSpacing=\"0\" border=\"0\">\n<tbody>\n<tr>\n<td className=\"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 className=\"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\" className=\"galileo-ap-layout-editor\" style=\"min-width: 100%;\">\n<tbody>\n<tr>\n<td className=\"content editor-col OneColumnMobile\" width=\"100%\" align=\"left\" valign=\"top\">\n<div className=\"gl-contains-image\">\n<table className=\"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 className=\"publish-container\"> <img alt=\"\" className=\"\" 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\" className=\"galileo-ap-layout-editor\" style=\"min-width: 100%;\">\n<tbody>\n<tr>\n<td className=\"headline editor-col OneColumnMobile\" width=\"100%\" align=\"left\" valign=\"top\">\n<div className=\"gl-contains-text\">\n<table width=\"100%\" cellPadding=\"0\" cellSpacing=\"0\" border=\"0\">\n<tbody>\n<tr>\n<td className=\"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 className=\"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\" className=\"galileo-ap-layout-editor\" style=\"min-width: 100%;\">\n<tbody>\n<tr>\n<td className=\"article editor-col OneColumnMobile\" width=\"50%\" align=\"left\" valign=\"top\">\n<div> <div className=\"column-resize-bar\">\n<span className=\"line\"> </span>\n<span className=\"grabber\"> </span>\n</div> </div>\n<div className=\"gl-contains-text\">\n<table width=\"100%\" cellPadding=\"0\" cellSpacing=\"0\" border=\"0\">\n<tbody>\n<tr>\n<td className=\"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 className=\"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 className=\"article editor-col OneColumnMobile\" width=\"50%\" align=\"left\" valign=\"top\">\n<div className=\"gl-contains-image\">\n<table className=\"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 className=\"publish-container\"> <img alt=\"\" className=\"\" 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\" className=\"galileo-ap-layout-editor\" style=\"min-width: 100%;\">\n<tbody>\n<tr>\n<td className=\"content editor-col OneColumnMobile\" width=\"100%\" align=\"left\" valign=\"top\">\n<div className=\"gl-contains-image\">\n<table className=\"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 className=\"publish-container\"> <img alt=\"\" className=\"\" 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\" className=\"galileo-ap-layout-editor\" style=\"min-width: 100%;\">\n<tbody>\n<tr>\n<td className=\"two-column editor-col OneColumnMobile\" width=\"50%\" align=\"left\" valign=\"top\">\n<div> <div className=\"column-resize-bar\">\n<span className=\"line\"> </span>\n<span className=\"grabber\"> </span>\n</div> </div>\n<div className=\"gl-contains-image\">\n<table className=\"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 className=\"publish-container\"> <img alt=\"\" className=\"\" 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 className=\"gl-contains-text\">\n<table width=\"100%\" cellPadding=\"0\" cellSpacing=\"0\" border=\"0\">\n<tbody>\n<tr>\n<td className=\"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 className=\"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 className=\"two-column editor-col OneColumnMobile\" width=\"50%\" align=\"left\" valign=\"top\">\n<div className=\"gl-contains-image\">\n<table className=\"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 className=\"publish-container\"> <img alt=\"\" className=\"\" 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 className=\"gl-contains-text\">\n<table width=\"100%\" cellPadding=\"0\" cellSpacing=\"0\" border=\"0\">\n<tbody>\n<tr>\n<td className=\"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 className=\"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\" className=\"galileo-ap-layout-editor\" style=\"min-width: 100%;\">\n<tbody>\n<tr>\n<td className=\"spacer editor-col OneColumnMobile\" width=\"100%\" align=\"left\" valign=\"top\">\n<div className=\"gl-contains-spacer\">\n<table className=\"editor-spacer\" width=\"100%\" cellPadding=\"0\" cellSpacing=\"0\" border=\"0\">\n<tbody>\n<tr>\n<td className=\"spacer-container\" align=\"center\" valign=\"top\">\n<table width=\"100%\" cellPadding=\"0\" cellSpacing=\"0\" border=\"0\">\n<tbody>\n<tr>\n<td className=\"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\" className=\"galileo-ap-layout-editor\" style=\"min-width: 100%;\">\n<tbody>\n<tr>\n<td className=\"content editor-col OneColumnMobile\" width=\"50%\" align=\"left\" valign=\"top\" style=\"background-color: rgb(113, 122, 128);\" bgcolor=\"717A80\">\n<div> <div className=\"column-resize-bar\">\n<span className=\"line\"> </span>\n<span className=\"grabber\"> </span>\n</div> </div>\n<div className=\"gl-contains-spacer\">\n<table className=\"editor-spacer\" width=\"100%\" cellPadding=\"0\" cellSpacing=\"0\" border=\"0\">\n<tbody>\n<tr>\n<td className=\"spacer-container\" align=\"center\" valign=\"top\">\n<table width=\"100%\" cellPadding=\"0\" cellSpacing=\"0\" border=\"0\">\n<tbody>\n<tr>\n<td className=\"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 className=\"gl-contains-text\">\n<table width=\"100%\" cellPadding=\"0\" cellSpacing=\"0\" border=\"0\">\n<tbody>\n<tr>\n<td className=\"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 className=\"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 className=\"content editor-col OneColumnMobile\" width=\"50%\" align=\"left\" valign=\"top\" style=\"background-color: rgb(113, 122, 128);\" bgcolor=\"717A80\">\n<div className=\"gl-contains-spacer\">\n<table className=\"editor-spacer\" width=\"100%\" cellPadding=\"0\" cellSpacing=\"0\" border=\"0\">\n<tbody>\n<tr>\n<td className=\"spacer-container\" align=\"center\" valign=\"top\">\n<table width=\"100%\" cellPadding=\"0\" cellSpacing=\"0\" border=\"0\">\n<tbody>\n<tr>\n<td className=\"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 className=\"gl-contains-social-button\">\n<table className=\"editor-social\" width=\"100%\" cellPadding=\"0\" cellSpacing=\"0\" border=\"0\" style=\"width: 100%; min-width: 100%;\">\n<tbody>\n<tr>\n<td className=\" social-container social-container\" align=\"right\" style=\"padding: 0px 20px 10px 10px;\">\n<div className=\"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;\"> ‌\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;\"> ‌\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;\"> ‌\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;\"> ‌\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 className=\"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 className=\"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 className=\"footer-layout\" align=\"center\" valign=\"top\" style=\"padding: 16px 0px;\">\r\n <table className=\"footer-main-width\" style=\"width: 580px;\" border=\"0\" cellPadding=\"0\" cellSpacing=\"0\">\r\n <tr>\r\n <td className=\"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 className=\"footer-column\">Constant Contact<span className=\"footer-mobile-hidden\"> | </span> </span> <span className=\"footer-column\">9999 Trapelo Road<span className=\"footer-mobile-hidden\">, </span> </span> <span className=\"footer-column\">Jake Dodge Pancakes<span className=\"footer-mobile-hidden\">, </span> </span> <span className=\"footer-column\">c<span className=\"footer-mobile-hidden\">,<br /> </span> </span> <span className=\"footer-column\">Waltham, MA 09875</span> <span className=\"footer-column\"> </span>\r\n \r\n</td>\r\n </tr>\r\n <tr>\r\n <td className=\"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 className=\"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 className=\"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 className=\"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 className=\"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 className=\"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 className=\"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 className=\"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!"
}