We ran into an issue with a custom coded "cut-and-paste" HTML email we created when loading it into Constant Contact. We first tested the HTML email code in "Email on Acid" through various industry standard email clients and everything passed solidly... 1. When loading the HTML email into CC it would work fine and give no errors however in the "Mobile Preview" mode it would show a large gap of white space at the top of the email, thus pushing all the content down. It appeared to be emailing this way also when sending test emails but reflected no code change or alteration in the HTML field editor...this was vexing 2. In digging to see what was redering on the preview field I found an extra piece of code that was not part of our email that appeared to be being inserted... <img alt=" " src="https://ui.constantcontact.com/rnavmap/tip/dispatcher?origImg=http://r20.rs6.net/on.jsp?t=1133679302114.0.1125861611868.100&r=3&o=http://ui.constantcontact.com/images/p1x1.gif" width="1" height="1"> 3. The error in mobile preview was producing a blank .GIF at 358x358 at the top of the email. I believe this is because the height and width are not set to actual declared fixed pixels but a ratio 1x1. Our CSS was conflicting with whatever CC was using as an override. When I removed the rules for our CSS handling responsive images the issue stop and worked as planned. QUESTIONS: Is there a way to see on the backend when things like this get added to the code so we can have a better way to figure out the problem? If the client wanted no tracking can you disable the tracking pixel insertion or add code for custom HTML emails to block CC from adding in conflicting code? Are there any recommendations from Constant Contact team of a standard boilerplate that needs to be added for future use of custom coded HTML emails. We'd like to have a process for verifying outside of CC if it's going to work.
... View more