Emails not properly displaying - Post...

User 2853285 Photo


Guest
8 posts

We are newbies. We have attempted to test out one email. When we send it to people in the office. The ones viewing it on Mac Outlook and Android devices (gmail) view fine. The people viewing it on Windows Outlook show double headers and full color background which should not be there, and HUGE images. Sending through Vertical Response. Previews fine in VR. The one with the solid red back ground is NOT correct.
User 2853285 Photo


Guest
8 posts

One last screen shot showing HUGE image. Which I think this can be resolved by resizing the image before inserting it BUT how big do I know what size to make it?
User 103173 Photo


VP of Software Development
0 posts

Hey Tanya,

Son't worry, we were all "newbies" at one time or another. ;)

How are you sending the email? Example- I am opening Outlook, pasting the code, sending the email to myself. Can you post a download link to the .RED project file so we can see how things are setup?

One last screen shot showing HUGE image. Which I think this can be resolved by resizing the image before inserting it BUT how big do I know what size to make it?

Images need to be sized to the dimensions you want them to appear in your email. So if you have an 800x600 image but are only wanting it to be around 200x200, resize that image first and then add it to RED.
Learn the essentials with these quick tips for Responsive Site Designer, Responsive Email Designer, Foundation Framer, and the new Bootstrap Builder. You'll be making awesome, code-free responsive websites and newsletters like a boss.
User 2853285 Photo


Guest
8 posts

We are sending them with Vertical Response. All we do is import the code file from Red and send.
User 103173 Photo


VP of Software Development
0 posts

Tanya Peila wrote:
We are sending them with Vertical Response. All we do is import the code file from Red and send.

There may be a way to fix this, but it all depends on the CRM you are using and what they support. You may be pasting the code into a code editor that will modify some of RED's code, causing all sorts of issues like you are experiencing.

Most of these CRM's have a source code feature where you can paste the code, without changing it. It is normally in the top left corner of the editor but can be elsewhere. If you can not find "Source" or "View Source" in the options, contact your CRM provider to see if it is a feature of their program.

If you are not stuck with that company, MailChimp, Mandrill and Constant Contact all, play very nicely with RED.
Learn the essentials with these quick tips for Responsive Site Designer, Responsive Email Designer, Foundation Framer, and the new Bootstrap Builder. You'll be making awesome, code-free responsive websites and newsletters like a boss.
User 2853285 Photo


Guest
8 posts

But if it is the CRM why does it look ok in some emails but not others? I'm not "pasting" i'm importing the actual HTMl file that Red creates. I can view the source. That is how I pasted it in the message I sent here.
User 103173 Photo


VP of Software Development
0 posts

Tanya Peila wrote:
But if it is the CRM why does it look ok in some emails but not others? I'm not "pasting" i'm importing the actual HTMl file that Red creates. I can view the source. That is how I pasted it in the message I sent here.

Most likely, the luck of the draw. ;)

Pasting or importing would be the the same. If you are not able to find a way to import/send an email without the markup getting changed, I would suggest contacting the support team at Vertical Response and see if they can provide instructions on how to do that.

You can also give the Send Test feature in RED and compare that with what you have now and see how that works out.
Learn the essentials with these quick tips for Responsive Site Designer, Responsive Email Designer, Foundation Framer, and the new Bootstrap Builder. You'll be making awesome, code-free responsive websites and newsletters like a boss.
User 2853285 Photo


Guest
8 posts

This code came out of Vertical Response

<!DOCTYPE html> <html lang="en" style=""> <head> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <title></title> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <meta name="viewport" content="width=device-width"> <style id="vendor_styles"> html { -ms-overflow-y: auto !important; } body { -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; } img { -ms-interpolation-mode: bicubic; } table.radius td { -webkit-border-radius: 3px; -moz-border-radius: 3px; } table.round td { -webkit-border-radius: 500px; -moz-border-radius: 500px; } table.columns td.element_connector, td.element_connector { width: 100% !important; width: calc(100%) !important; width: -webkit-calc(100%) !important; } table.container, table.columns, table.column, table.social-box-wrapper, table.social-box-text-wrapper { *table-layout: auto !important; } div, p, a, li, td { -webkit-text-size-adjust: none; } </style> <style> @media screen and (max-device-width: 620px), screen and (max-width: 620px) { table[class="body"] center { min-width: 0px !important; } table[class="body"] .container { max-width: 620px; width: 100% !important; } table[class="body"] .container > tbody > tr > td:not(.wrapper) { min-width: 0px !important; } table[class="body"] .row { width: 100% !important; display: block !important; } table[class="body"] .row > tbody > tr > td:not(.wrapper) { min-width: 0px !important; } table[class="body"] .row::after { content: ' '; display: table; height: 0px; clear: both; visibility: hidden; } table[class="body"] table.columns[class*="small-"] { display: block !important; } table.row > tbody > tr > td.center { padding: 0px !important; display: block !important; } table[class="body"] .wrapper { display: block !important; float: none !important; min-width: 0px !important; } table.row > tbody, table.row > tbody > tr { display: block !important; width: 100% !important; } table[class="body"] .columns, table[class="body"] .column { max-width: 620px !important; table-layout: fixed !important; float: left !important; padding-right: 0px !important; padding-left: 0px !important; } table[class="body"] .columns td.element_connector, table[class="body"] .column td.element_connector { width: 100% !important; min-width: 0px !important; } table[class="body"] .wrapper.first .columns, table[class="body"] .wrapper.first .column { display: table !important; } table[class="body"] .twelve { width: 100% !important; } table[class="body"] .wrapper.twelve { float: left !important; } table[class="body"] .wrapper.twelve .columns, table[class="body"] .wrapper.twelve .column { width: 100% !important; } table[class="body"] .eleven { width: 91.66666667% !important; } table[class="body"] .wrapper.eleven { float: left !important; } table[class="body"] .wrapper.eleven .columns, table[class="body"] .wrapper.eleven .column { width: 100% !important; } table[class="body"] .ten { width: 83.33333333% !important; } table[class="body"] .wrapper.ten { float: left !important; } table[class="body"] .wrapper.ten .columns, table[class="body"] .wrapper.ten .column { width: 100% !important; } table[class="body"] .nine { width: 75% !important; } table[class="body"] .wrapper.nine { float: left !important; } table[class="body"] .wrapper.nine .columns, table[class="body"] .wrapper.nine .column { width: 100% !important; } table[class="body"] .eight { width: 66.66666667% !important; } table[class="body"] .wrapper.eight { float: left !important; } table[class="body"] .wrapper.eight .columns, table[class="body"] .wrapper.eight .column { width: 100% !important; } table[class="body"] .seven { width: 58.33333333% !important; } table[class="body"] .wrapper.seven { float: left !important; } table[class="body"] .wrapper.seven .columns, table[class="body"] .wrapper.seven .column { width: 100% !important; } table[class="body"] .six { width: 50% !important; } table[class="body"] .wrapper.six { float: left !important; } table[class="body"] .wrapper.six .columns, table[class="body"] .wrapper.six .column { width: 100% !important; } table[class="body"] .five { width: 41.66666667% !important; } table[class="body"] .wrapper.five { float: left !important; } table[class="body"] .wrapper.five .columns, table[class="body"] .wrapper.five .column { width: 100% !important; } table[class="body"] .four { width: 33.33333333% !important; } table[class="body"] .wrapper.four { float: left !important; } table[class="body"] .wrapper.four .columns, table[class="body"] .wrapper.four .column { width: 100% !important; } table[class="body"] .three { width: 25% !important; } table[class="body"] .wrapper.three { float: left !important; } table[class="body"] .wrapper.three .columns, table[class="body"] .wrapper.three .column { width: 100% !important; } table[class="body"] .two { width: 16.66666667% !important; } table[class="body"] .wrapper.two { float: left !important; } table[class="body"] .wrapper.two .columns, table[class="body"] .wrapper.two .column { width: 100% !important; } table[class="body"] .one { width: 8.33333333% !important; } table[class="body"] .wrapper.one { float: left !important; } table[class="body"] .wrapper.one .columns, table[class="body"] .wrapper.one .column { width: 100% !important; } table[class="body"] .columns td.twelve, table[class="body"] .column td.twelve { width: 100% !important; } table[class="body"] td.offset-by-twelve { padding-left: 0px !important; } table[class="body"] .small-twelve { width: 100% !important; } table[class="body"] .columns td.eleven, table[class="body"] .column td.eleven { width: 91.66666667% !important; } table[class="body"] td.offset-by-eleven { padding-left: 0px !important; } table[class="body"] .small-eleven { width: 91.66666667% !important; } table[class="body"] .columns td.ten, table[class="body"] .column td.ten { width: 83.33333333% !important; } table[class="body"] td.offset-by-ten { padding-left: 0px !important; } table[class="body"] .small-ten { width: 83.33333333% !important; } table[class="body"] .columns td.nine, table[class="body"] .column td.nine { width: 75% !important; } table[class="body"] td.offset-by-nine { padding-left: 0px !important; } table[class="body"] .small-nine { width: 75% !important; } table[class="body"] .columns td.eight, table[class="body"] .column td.eight { width: 66.66666667% !important; } table[class="body"] td.offset-by-eight { padding-left: 0px !important; } table[class="body"] .small-eight { width: 66.66666667% !important; } table[class="body"] .columns td.seven, table[class="body"] .column td.seven { width: 58.33333333% !important; } table[class="body"] td.offset-by-seven { padding-left: 0px !important; } table[class="body"] .small-seven { width: 58.33333333% !important; } table[class="body"] .columns td.six, table[class="body"] .column td.six { width: 50% !important; } table[class="body"] td.offset-by-six { padding-left: 0px !important; } table[class="body"] .small-six { width: 50% !important; } table[class="body"] .columns td.five, table[class="body"] .column td.five { width: 41.66666667% !important; } table[class="body"] td.offset-by-five { padding-left: 0px !important; } table[class="body"] .small-five { width: 41.66666667% !important; } <!DOCTYPE html> <html lang="en" style=""> <head> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <title></title> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <meta name="viewport" content="width=device-width"> <style id="vendor_styles"> html { -ms-overflow-y: auto !important; } body { -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; } img { -ms-interpolation-mode: bicubic; } table.radius td { -webkit-border-radius: 3px; -moz-border-radius: 3px; } table.round td { -webkit-border-radius: 500px; -moz-border-radius: 500px; } table.columns td.element_connector, td.element_connector { width: 100% !important; width: calc(100%) !important; width: -webkit-calc(100%) !important; } table.container, table.columns, table.column, table.social-box-wrapper, table.social-box-text-wrapper { *table-layout: auto !important; } div, p, a, li, td { -webkit-text-size-adjust: none; } </style> <style> @media screen and (max-device-width: 620px), screen and (max-width: 620px) { table[class="body"] center { min-width: 0px !important; } table[class="body"] .container { max-width: 620px; width: 100% !important; } table[class="body"] .container > tbody > tr > td:not(.wrapper) { min-width: 0px !important; } table[class="body"] .row { width: 100% !important; display: block !important; } table[class="body"] .row > tbody > tr > td:not(.wrapper) { min-width: 0px !important; } table[class="body"] .row::after { content: ' '; display: table; height: 0px; clear: both; visibility: hidden; } table[class="body"] table.columns[class*="small-"] { display: block !important; } table.row > tbody > tr > td.center { padding: 0px !important; display: block !important; } table[class="body"] .wrapper { display: block !important; float: none !important; min-width: 0px !important; } table.row > tbody, table.row > tbody > tr { display: block !important; width: 100% !important; } table[class="body"] .columns, table[class="body"] .column { max-width: 620px !important; table-layout: fixed !important; float: left !important; padding-right: 0px !important; padding-left: 0px !important; } table[class="body"] .columns td.element_connector, table[class="body"] .column td.element_connector { width: 100% !important; min-width: 0px !important; } table[class="body"] .wrapper.first .columns, table[class="body"] .wrapper.first .column { display: table !important; } table[class="body"] .twelve { width: 100% !important; } table[class="body"] .wrapper.twelve { float: left !important; } table[class="body"] .wrapper.twelve .columns, table[class="body"] .wrapper.twelve .column { width: 100% !important; } table[class="body"] .eleven { width: 91.66666667% !important; } table[class="body"] .wrapper.eleven { float: left !important; } table[class="body"] .wrapper.eleven .columns, table[class="body"] .wrapper.eleven .column { width: 100% !important; } table[class="body"] .ten { width: 83.33333333% !important; } table[class="body"] .wrapper.ten { float: left !important; } table[class="body"] .wrapper.ten .columns, table[class="body"] .wrapper.ten .column { width: 100% !important; } table[class="body"] .nine { width: 75% !important; } table[class="body"] .wrapper.nine { float: left !important; } table[class="body"] .wrapper.nine .columns, table[class="body"] .wrapper.nine .column { width: 100% !important; } table[class="body"] .eight { width: 66.66666667% !important; } table[class="body"] .wrapper.eight { float: left !important; } table[class="body"] .wrapper.eight .columns, table[class="body"] .wrapper.eight .column { width: 100% !important; } table[class="body"] .seven { width: 58.33333333% !important; } table[class="body"] .wrapper.seven { float: left !important; } table[class="body"] .wrapper.seven .columns, table[class="body"] .wrapper.seven .column { width: 100% !important; } table[class="body"] .six { width: 50% !important; } table[class="body"] .wrapper.six { float: left !important; } table[class="body"] .wrapper.six .columns, table[class="body"] .wrapper.six .column { width: 100% !important; } table[class="body"] .five { width: 41.66666667% !important; } table[class="body"] .wrapper.five { float: left !important; } table[class="body"] .wrapper.five .columns, table[class="body"] .wrapper.five .column { width: 100% !important; } table[class="body"] .four { width: 33.33333333% !important; } table[class="body"] .wrapper.four { float: left !important; } table[class="body"] .wrapper.four .columns, table[class="body"] .wrapper.four .column { width: 100% !important; } table[class="body"] .three { width: 25% !important; } table[class="body"] .wrapper.three { float: left !important; } table[class="body"] .wrapper.three .columns, table[class="body"] .wrapper.three .column { width: 100% !important; } table[class="body"] .two { width: 16.66666667% !important; } table[class="body"] .wrapper.two { float: left !important; } table[class="body"] .wrapper.two .columns, table[class="body"] .wrapper.two .column { width: 100% !important; } table[class="body"] .one { width: 8.33333333% !important; } table[class="body"] .wrapper.one { float: left !important; } table[class="body"] .wrapper.one .columns, table[class="body"] .wrapper.one .column { width: 100% !important; } table[class="body"] .columns td.twelve, table[class="body"] .column td.twelve { width: 100% !important; } table[class="body"] td.offset-by-twelve { padding-left: 0px !important; } table[class="body"] .small-twelve { width: 100% !important; } table[class="body"] .columns td.eleven, table[class="body"] .column td.eleven { width: 91.66666667% !important; } table[class="body"] td.offset-by-eleven { padding-left: 0px !important; } table[class="body"] .small-eleven { width: 91.66666667% !important; } table[class="body"] .columns td.ten, table[class="body"] .column td.ten { width: 83.33333333% !important; } table[class="body"] td.offset-by-ten { padding-left: 0px !important; } table[class="body"] .small-ten { width: 83.33333333% !important; } table[class="body"] .columns td.nine, table[class="body"] .column td.nine { width: 75% !important; } table[class="body"] td.offset-by-nine { padding-left: 0px !important; } table[class="body"] .small-nine { width: 75% !important; } table[class="body"] .columns td.eight, table[class="body"] .column td.eight { width: 66.66666667% !important; } table[class="body"] td.offset-by-eight { padding-left: 0px !important; } table[class="body"] .small-eight { width: 66.66666667% !important; } table[class="body"] .columns td.seven, table[class="body"] .column td.seven { width: 58.33333333% !important; } table[class="body"] td.offset-by-seven { padding-left: 0px !important; } table[class="body"] .small-seven { width: 58.33333333% !important; } table[class="body"] .columns td.six, table[class="body"] .column td.six { width: 50% !important; } table[class="body"] td.offset-by-six { padding-left: 0px !important; } table[class="body"] .small-six { width: 50% !important; } table[class="body"] .columns td.five, table[class="body"] .column td.five { width: 41.66666667% !important; } table[class="body"] td.offset-by-five { padding-left: 0px !important; } table[class="body"] .small-five { width: 41.66666667% !important; } table[class="body"] .columns td.four, table[class="body"] .column td.four { width: 33.33333333% !important; } table[class="body"] td.offset-by-four { padding-left: 0px !important; } table[class="body"] .small-four { width: 33.33333333% !important; } table[class="body"] .columns td.three, table[class="body"] .column td.three { width: 25% !important; } table[class="body"] td.offset-by-three { padding-left: 0px !important; } table[class="body"] .small-three { width: 25% !important; } table[class="body"] .columns td.two, table[class="body"] .column td.two { width: 16.66666667% !important; } table[class="body"] td.offset-by-two { padding-left: 0px !important; } table[class="body"] .small-two { width: 16.66666667% !important; } table[class="body"] .columns td.one, table[class="body"] .column td.one { width: 8.33333333% !important; } table[class="body"] td.offset-by-one { padding-left: 0px !important; } table[class="body"] .small-one { width: 8.33333333% !important; } table[class="body"] .right-text-pad, table[class="body"] .text-pad-right { padding-left: 10px !important; } table[class="body"] .left-text-pad, table[class="body"] .text-pad-left { padding-right: 10px !important; } table[class="body"] table.image-component > tbody > tr > td.element, table[class="body"] table.image-component-right > tbody > tr > td.element, table[class="body"] table.image-table > tbody > tr > td.element, table[class="body"] table.link-image-table > tbody > tr > td.element { width: auto; } table[class="body"] table td.social-image-cell { width: auto; } } @media only screen and (max-width: 620px) { table[class="body"] .hide-for-small, table[class="body"] .show-for-desktop { display: none !important; } table[class="body"] .show-for-small, table[class="body"] .hide-for-desktop { display: inherit !important; } } @media screen and (max-device-width: 620px), screen and (max-width: 620px) { .form_results div td { display: inline-block !important; width: 100% !important; } .cart_summary div td:nth-child(3), .cart_summary div th:nth-child(3) { display: none; } .cart_summary div tr:last-child td:first-child { display: block; } } @media screen and (max-width:620px) { table[class='body'] table.paragraph > tbody > tr > td.element { text-align: center !important; } table[class='body'] table.paragraph > tbody > tr > td.element > * { text-align: center !important; } } @media screen and (max-width: 440px) { body .row.branded-proud .paragraph p { font-size: 12px !important; } body .row.branded-proud .link-image-table.red-logo > tbody > tr td.element img { max-width: 60px !important; } } </style> </head> <body style="min-width:100%;margin:0px;padding:0px;width:100%;border:none;max-width:none;position:relative;mso-font-alt: Times;font-family:Georgia, Times, 'Times New Roman', serif;"><table cellpadding="0" cellspacing="0" border="0" class="body" style="height:100%;width:100%;"> <tbody> <tr> <td class="center" align="center" valign="top" style="text-align:center; display:none !important;"><![if !mso]><!-- --><td class="center" align="center" valign="top" style="text-align:center;"><!--<![endif]--><center class="grid_selector" style="width:100%;"><![if !mso]><!-- --><img style="width:1px; height:0px; max-height:0px; display: block;" src="http://sdrive-storage.s3.amazonaws.com/red-resources/551adef18a0520/00764709/blank.png"><!--<![endif]--><table cellpadding="0" cellspacing="0" border="0" class="row pre-header-row" style="width:100%;position:relative;background-color:#ff482b;" bgcolor="#ff482b"> <tbody> <tr> <td class="center" align="center" style="text-align:center;"> <center style="width:100%;"><!--[if gte mso 9]><table cellpadding="0" cellspacing="0" border="0" class="container container-fluid" style="table-layout:fixed;margin:0px auto;text-align:inherit;display:table;display:none; mso-hide: none;" width="620"><![endif]--><![if !mso]><!-- --><table cellpadding="0" cellspacing="0" border="0" class="container container-fluid" style="max-width:620px;width:100%;table-layout:fixed;margin:0px auto;text-align:inherit;display:table;*width:620px;"><!--<![endif]--><tbody> <tr> <td style="min-width:620px;"><!--[if gte mso 9]><table cellpadding="0" cellspacing="0" border="0" class="columns twelve" style="margin:0px auto;text-align:left;table-layout:fixed;display:none; mso-hide: none;" align="left" width="620"><![endif]--><![if !mso]><!-- --><table cellpadding="0" cellspacing="0" border="0" class="columns twelve" style="margin:0px auto;text-align:left;table-layout:fixed;max-width:620px;width:100%;*width:620px;" align="left"><!--<![endif]--><tbody> <tr> <td class="expander" style="padding-left:5px;width:0.000001pt;"></td><td class="element_connector" style="padding:0px;height:35px;width:100%;padding-bottom:0px;"><table cellpadding="0" cellspacing="0" border="0" class="heading6 Preheader" style="width:100%;text-align:left;"> <tbody> <tr> <td class="element" style="text-align:center;padding-top:6px;"> <h6 style="font-weight:normal;padding:0px;line-height:1.5;word-break:normal;margin:0px 0px 5px;mso-font-alt: Helvetica;font-family:'Helvetica Neue', Helvetica, Arial, sans-serif;text-rendering:optimizelegibility;font-size:14px;color:#ffe4df;text-align:center;">Let Chocolate do the talking!</h6> </td> </tr> </tbody> </table></td><td class="expander" style="padding-left:5px;width:0.000001pt;"></td> </tr> </tbody> </table></td> </tr> </tbody> </table></center> </td> </tr> </tbody> </table><!--[if gte mso 9]><table cellpadding="0" cellspacing="0" border="0" class="container container-fluid" style="table-layout:fixed;margin:0px auto;text-align:inherit;display:table;display:none; mso-hide: none;" width="620"><![endif]--><![if !mso]><!-- --><table cellpadding="0" cellspacing="0" border="0" class="container container-fluid" style="max-width:620px;width:100%;table-layout:fixed;margin:0px auto;text-align:inherit;display:table;*width:620px;"><!--<![endif]--><tbody> <tr> <td><table cellpadding="0" cellspacing="0" border="0" class="row" style="width:100%;position:relative;"> <tbody> <tr> <td style="width:620px;"><!--[if gte mso 9]><table cellpadding="0" cellspacing="0" border="0" class="columns twelve" style="margin:0px auto;text-align:left;table-layout:fixed;display:none; mso-hide: none;" align="left" width="620"><![endif]--><![if !mso]><!-- --><table cellpadding="0" cellspacing="0" border="0" class="columns twelve" style="margin:0px auto;text-align:left;table-layout:fixed;max-width:620px;width:100%;*width:620px;" align="left"><!--<![endif]--><tbody> <tr> <td class="expander" style="padding-left:5px;width:0.000001pt;"></td><td class="element_connector" style="padding:0px;height:35px;width:100%;padding-bottom:0px;"><table cellpadding="0" cellspacing="0" border="0" class="image-table" align="center" style="float:none;margin-left:auto;margin-right:auto;text-align:left;"> <tbody> <tr> <td class="element" style="text-align:left;height:auto;overflow:hidden;"> <a href="https://chocotelegram.gift/" title="" style="color:#2ba6cb;text-decoration:none;"><!--[if gte mso 9]><img alt="Placeholder Image" src="http://sdrive-storage.s3.amazonaws.com/chocotelegram/5807ed950719e3/00811829/Email-header-banner-1.gif" style="outline: none; text-decoration: none; display: block; clear: none; float: none; margin-left: auto; margin-right: auto; border: none;display:none; mso-hide: none;" align="center" width="610"><![endif]--><![if !mso]><!-- --><img alt="Placeholder Image" src="http://sdrive-storage.s3.amazonaws.com/chocotelegram/5807ed950719e3/00811829/Email-header-banner-1.gif" style="outline: none; text-decoration: none; display: block; clear: none; float: none; width: 100%; height: auto; margin-left: auto; margin-right: auto; max-width: 610px; border: none;*width:610px;" align="center"><!--<![endif]--></a> </td> </tr> </tbody> </table></td><td class="expander" style="padding-left:5px;width:0.000001pt;"></td> </tr> </tbody> </table></td> </tr> </tbody> </table></td> </tr> </tbody> </table><table cellpadding="0" cellspacing="0" border="0" class="row row-1" id="row-1" style="width:100%;position:relative;"> <tbody> <tr> <td class="center" align="center" style="text-align:center;"> <center style="width:100%;"><!--[if gte mso 9]><table cellpadding="0" cellspacing="0" border="0" class="container container-fluid" style="table-layout:fixed;margin:0px auto;text-align:inherit;display:table;display:none; mso-hide: none;" width="620"><![endif]--><![if !mso]><!-- --><table cellpadding="0" cellspacing="0" border="0" class="container container-fluid" style="max-width:620px;width:100%;table-layout:fixed;margin:0px auto;text-align:inherit;display:table;*width:620px;"><!--<![endif]--><tbody> <tr> <td style="min-width:620px;"><!--[if gte mso 9]><table cellpadding="0" cellspacing="0" border="0" class="columns twelve" style="margin:0px auto;text-align:left;table-layout:fixed;display:none; mso-hide: none;" align="left" width="620"><![endif]--><![if !mso]><!-- --><table cellpadding="0" cellspacing="0" border="0" class="columns twelve" style="margin:0px auto;text-align:left;table-layout:fixed;max-width:620px;width:100%;*width:620px;" align="left"><!--<![endif]--><tbody> <tr> <td class="expander" style="padding-left:5px;width:0.000001pt;"></td><td class="element_connector" style="padding:0px;height:35px;width:100%;padding-bottom:0px;"><table cellpadding="0" cellspacing="0" border="0" class="heading1 intro-header" style="width:100%;text-align:left;"> <tbody> <tr> <td class="element" style="text-align:left;padding-top:20px;border-bottom-width:1px;border-bottom-style:dotted;border-bottom-color:#cccccc;"> <h1 style="font-weight:normal;padding:0px;text-align:left;word-break:normal;font-size:40px;margin:0px 0px 5px;text-rendering:optimizelegibility;mso-font-alt: Helvetica;font-family:'Helvetica Neue', Helvetica, Arial, sans-serif;color:#3e4147;line-height:1.1;">Greetings!<br> </h1> </td> </tr> </tbody> </table><table cellpadding="0" cellspacing="0" border="0" class="paragraph paragraph-1" id="paragraph-1" style="width:100%;text-align:left;"> <tbody> <tr> <td class="element" style="text-align:left;padding-top:5px;padding-bottom:10px;"> <p style="mso-font-alt: Helvetica;font-family:'Helvetica Neue', Helvetica, Arial, sans-serif;font-weight:normal;padding:0px;text-align:left;margin:0px 0px 1.35em;line-height:1.7;font-size:16px;color:#575557;">You saw us at the Northwest Event Show and since then we have been very busy launching ChocoTelegram.gift, our delicious custom printed Belgium chocolate that gives a lasting impression (and Tastes delicious too!)<br> </p> </td> </tr> </tbody> </table></td><td class="expander" style="padding-left:5px;width:0.000001pt;"></td> </tr> </tbody> </table></td> </tr> </tbody> </table></center> </td> </tr> </tbody> </table><table cellpadding="0" cellspacing="0" border="0" class="row drop-row" style="width:100%;position:relative;background-color:#ededed;background-color:rgba(237, 237, 237, 0.498039);padding-top:20px;padding-bottom:20px;" bgcolor="#ededed"> <tbody> <tr> <td class="center" align="center" style="text-align:center;"> <center style="width:100%;"><!--[if gte mso 9]><table cellpadding="0" cellspacing="0" border="0" class="container container-fluid" style="table-layout:fixed;margin:0px auto;text-align:inherit;display:table;display:none; mso-hide: none;" width="620"><![endif]--><![if !mso]><!-- --><table cellpadding="0" cellspacing="0" border="0" class="container container-fluid" style="max-width:620px;width:100%;table-layout:fixed;margin:0px auto;text-align:inherit;display:table;*width:620px;"><!--<![endif]--><tbody> <tr> <td style="min-width:620px;"><!--[if gte mso 9]><table cellpadding="0" cellspacing="0" border="0" class="columns six column-1 small-twelve" style="margin:0px auto;text-align:left;table-layout:fixed;display:none; mso-hide: none;" align="left" width="310"><![endif]--><![if !mso]><!-- --><table cellpadding="0" cellspacing="0" border="0" class="columns six column-1 small-twelve" style="margin:0px auto;text-align:left;table-layout:fixed;max-width:310px;width:50%;*width:310px;" align="left"><!--<![endif]--><tbody> <tr> <td class="expander" style="padding-left:5px;width:0.000001pt;"></td><td class="element_connector" style="padding:0px;height:35px;width:100%;padding-bottom:0px;"><table cellpadding="0" cellspacing="0" border="0" class="image-table" align="center" style="float:none;margin-left:auto;margin-right:auto;text-align:left;"> <tbody> <tr> <td class="element" style="text-align:left;height:auto;overflow:hidden;"> <a href="http://chocotelegram.gift/corporate/corimage24lid.html" title="" style="color:#2ba6cb;text-decoration:none;"><!--[if gte mso 9]><img alt="Placeholder Image" src="http://sdrive-storage.s3.amazonaws.com/chocotelegram/5807ed924cbd24/96420818/corporate-cut-out.gif" style="outline: none; text-decoration: none; display: block; clear: none; float: none; margin-left: auto; margin-right: auto; border: none;display:none; mso-hide: none;" align="center" width="300"><![endif]--><![if !mso]><!-- --><img alt="Placeholder Image" src="http://sdrive-storage.s3.amazonaws.com/chocotelegram/5807ed924cbd24/96420818/corporate-cut-out.gif" style="outline: none; text-decoration: none; display: block; clear: none; float: none; width: 100%; height: auto; margin-left: auto; margin-right: auto; max-width: 300px; border: none;*width:300px;" align="center"><!--<![endif]--></a> </td> </tr> </tbody> </table></td><td class="expander" style="padding-left:5px;width:0.000001pt;"></td> </tr> </tbody> </table><!--[if gte mso 9]></td><![endif]--><!--[if gte mso 9]><td style="width:310px"><![endif]--><!--[if gte mso 9]><table cellpadding="0" cellspacing="0" border="0" class="columns six column-1 small-twelve" style="margin:0px auto;text-align:left;table-layout:fixed;display:none; mso-hide: none;" align="left" width="310"><![endif]--><![if !mso]><!-- --><table cellpadding="0" cellspacing="0" border="0" class="columns six column-1 small-twelve" style="margin:0px auto;text-align:left;table-layout:fixed;max-width:310px;width:50%;*width:310px;" align="left"><!--<![endif]--><tbody> <tr> <td class="expander" style="padding-left:5px;width:0.000001pt;"></td><td class="element_connector" style="padding:0px;height:35px;width:100%;padding-bottom:0px;"><table cellpadding="0" cellspacing="0" border="0" class="image-table" align="center" style="float:none;margin-left:auto;margin-right:auto;text-align:left;"> <tbody> <tr> <td class="element" style="text-align:left;height:auto;overflow:hidden;"> <a href="http://chocotelegram.gift/corporate/corsleeve3.html" title="" style="color:#2ba6cb;text-decoration:none;"><!--[if gte mso 9]><img alt="Placeholder Image" src="http://sdrive-storage.s3.amazonaws.com/chocotelegram/5807ed9b626c66/06796341/Premera-cut-out.gif" style="outline: none; text-decoration: none; display: block; clear: none; float: none; margin-left: auto; margin-right: auto; border: none;display:none; mso-hide: none;" align="center" width="300"><![endif]--><![if !mso]><!-- --><img alt="Placeholder Image" src="http://sdrive-storage.s3.amazonaws.com/chocotelegram/5807ed9b626c66/06796341/Premera-cut-out.gif" style="outline: none; text-decoration: none; display: block; clear: none; float: none; width: 100%; height: auto; margin-left: auto; margin-right: auto; max-width: 300px; border: none;*width:300px;" align="center"><!--<![endif]--></a> </td> </tr> </tbody> </table></td><td class="expander" style="padding-left:5px;width:0.000001pt;"></td> </tr> </tbody> </table></td> </tr> </tbody> </table></center> </td> </tr> </tbody> </table><!--[if gte mso 9]><table cellpadding="0" cellspacing="0" border="0" class="container container-fluid" style="table-layout:fixed;margin:0px auto;text-align:inherit;display:table;display:none; mso-hide: none;" width="620"><![endif]--><![if !mso]><!-- --><table cellpadding="0" cellspacing="0" border="0" class="container container-fluid" style="max-width:620px;width:100%;table-layout:fixed;margin:0px auto;text-align:inherit;display:table;*width:620px;"><!--<![endif]--><tbody> <tr> <td><table cellpadding="0" cellspacing="0" border="0" class="row" style="width:100%;position:relative;"> <tbody> <tr> <td style="width:620px;"><!--[if gte mso 9]><table cellpadding="0" cellspacing="0" border="0" class="columns twelve" style="margin:0px auto;text-align:left;table-layout:fixed;display:none; mso-hide: none;" align="left" width="620"><![endif]--><![if !mso]><!-- --><table cellpadding="0" cellspacing="0" border="0" class="columns twelve" style="margin:0px auto;text-align:left;table-layout:fixed;max-width:620px;width:100%;*width:620px;" align="left"><!--<![endif]--><tbody> <tr> <td class="expander" style="padding-left:5px;width:0.000001pt;"></td><td class="element_connector" style="padding:0px;height:35px;width:100%;padding-bottom:0px;"><table cellpadding="0" cellspacing="0" border="0" class="paragraph paragraph-2" style="width:100%;text-align:left;"> <tbody> <tr> <td class="element" style="text-align:left;"> <p style="mso-font-alt: Helvetica;font-family:'Helvetica Neue', Helvetica, Arial, sans-serif;font-weight:normal;padding:0px;text-align:left;margin:0px 0px 1.35em;line-height:1.7;font-size:16px;color:#575557;"> Please check out our website and use the code NWES25 to get 25% off your first order. (Expires 11/30/16)<br> </p> </td> </tr> </tbody> </table></td><td class="expander" style="padding-left:5px;width:0.000001pt;"></td> </tr> </tbody> </table></td> </tr> </tbody> </table></td> </tr> </tbody> </table><table cellpadding="0" cellspacing="0" border="0" class="row branded-footer branded-grey branded-footer-1" style="width:100%;position:relative;background-image:none;padding:0px;margin:0px;display:table;min-height:0px;border-top-left-radius:0px;border-top-right-radius:0px;border-bottom-left-radius:0px;border-bottom-right-radius:0px;box-shadow:none;background-color:#ededed;" bgcolor="#ededed"> <tbody> <tr> <td class="center" align="center" style="text-align:center;"> <center style="width:100%;"><!--[if gte mso 9]><table cellpadding="0" cellspacing="0" border="0" class="container container-fluid" style="table-layout:fixed;margin:0px auto;text-align:inherit;display:table;display:none; mso-hide: none;" width="620"><![endif]--><![if !mso]><!-- --><table cellpadding="0" cellspacing="0" border="0" class="container container-fluid" style="max-width:620px;width:100%;table-layout:fixed;margin:0px auto;text-align:inherit;display:table;*width:620px;"><!--<![endif]--><tbody> <tr> <td style="min-width:620px;"><!--[if gte mso 9]><table cellpadding="0" cellspacing="0" border="0" class="columns twelve" style="margin:0px auto;text-align:left;table-layout:fixed;display:none; mso-hide: none;" align="left" width="620"><![endif]--><![if !mso]><!-- --><table cellpadding="0" cellspacing="0" border="0" class="columns twelve" style="margin:0px auto;text-align:left;table-layout:fixed;max-width:620px;width:100%;*width:620px;" align="left"><!--<![endif]--><tbody> <tr> <td class="expander" style="padding-left:5px;width:0.000001pt;"></td><td class="element_connector" style="padding:0px;height:35px;width:100%;padding-bottom:0px;"><table cellpadding="0" cellspacing="0" border="0" class="link-image-table red-logo" align="left" style=" text-align: left;margin-left:0px;margin-right:0px;float:left;"> <tbody> <tr> <td class="element" style="text-align:left;height:auto;overflow:hidden;padding-top:15px;"><a class="link-image" href="http://www.coffeecup.com/email-designer" style="text-decoration:none;color:#5c5c5c;font-size:14px;line-height:1.5;"><!--[if gte mso 9]><img alt="Red Logo" src="http://sdrive-storage.s3.amazonaws.com/red-resources/5518c08b9e5275/08950645/powered-by.png" style="outline: none; text-decoration: none; display: block; clear: none; border: none; margin-left: 0px; margin-right: 0px; float: left; display:none; mso-hide: none;" align="left" width="95"><![endif]--><![if !mso]><!-- --><img alt="Red Logo" src="http://sdrive-storage.s3.amazonaws.com/red-resources/5518c08b9e5275/08950645/powered-by.png" style="outline: none; text-decoration: none; display: block; clear: none; width: 100%; height: auto; border: none; margin-left: 0px; margin-right: 0px; float: left; max-width: 95px;*width:95px;" align="left"><!--<![endif]--></a> </td> </tr> </tbody> </table><table cellpadding="0" cellspacing="0" border="0" class="heading6 coffeecup" style="width:100%;text-align:left;"> <tbody> <tr> <td class="element" style="text-align:left;padding-top:8px;padding-bottom:5px;"> <h6 style="font-weight:normal;padding:0px;text-align:left;word-break:normal;margin:0px 0px 5px;mso-font-alt: Helvetica;font-family:'Helvetica Neue', Helvetica, Arial, sans-serif;text-rendering:optimizelegibility;color:#5c5c5c;font-size:14px;line-height:1.5;">Responsive Email Designer - A CoffeeCup Software production ©</h6> </td> </tr> </tbody> </table></td><td class="expander" style="padding-left:5px;width:0.000001pt;"></td> </tr> </tbody> </table></td> </tr> </tbody> </table></center> </td> </tr> </tbody> </table></center> </td> </tr> </tbody> </table></body> </html> </tbody> </table></body> </html>
User 103173 Photo


VP of Software Development
0 posts

Have you contacted the support team at Vertical Response to see if there is a way to send emails without them making modifications?
Learn the essentials with these quick tips for Responsive Site Designer, Responsive Email Designer, Foundation Framer, and the new Bootstrap Builder. You'll be making awesome, code-free responsive websites and newsletters like a boss.
User 2853285 Photo


Guest
8 posts

I can do that but I don't see a difference in the code.

Have something to add? We’d love to hear it!
You must have an account to participate. Please Sign In Here, then join the conversation.