Clipped/Truncated Messages? - Post ID...

User 2768654 Photo


Registered User
14 posts

Hi - New user of the RED designer, and so far I love it. This should be a huge time saver for future projects.

Right now, I'm still perfecting an initial e-mail template using the software. One thing I'm noticing is that both G-Mail and Yahoo want to clip the message. I'm guessing this is because the basic code of the message is so long. It's only chopping the very bottom of the e-mail, but has anyone else had this issue? I'm guessing I'll need to get smart about compacting the code - or better yet, if there is something in the program that auto-compacts?

Here is the clipping (same place in yahoo):

http://i.gyazo.com/24180d94b2859b1ae2c6b873de06194d.png

and the entire message for reference on length:

http://i.gyazo.com/bb608e732962e47e3877e38a50e6ed69.png

Content-wise, the message isn't horribly long. However, I'm sure the coding is huge.
User 232214 Photo


COO
827 posts

The code will be significant but should not be so much that Google clips it. Can you attach the project (or open a support ticket if you prefer) so we can take a look?
The future of web layout has arrived and it's called CSS Grid. CoffeeCup helps you to get ready with a free guide, the Grid Builder app plus cool demos & themes.
User 2768654 Photo


Registered User
14 posts

I finally got a chance to sit down with the e-mail some more. Originally, the message was shown as 94kb. I guess it wouldn't be out of the question for the size to grow to 104kb (G-Mail's Max size before clipping) after processing through Mailchimp and G-mail's servers.

Originally, I created the message using lots of rows since that seemed to allow for the greatest ease of editing. I combined many of the rows in the body, and was immediately able to bring the size down to 83kb, which solved the clipping problem.

However, it looks like the message will not be able to be have much more content without crossing this issue. Here is a link to the full html file: http://www.ogracing.com/images/newsletter/041015/newsletter-041015.html

In my opinion, from a design stance, this still isn't that "big" of a message. Do you think any further cleaning is possible in the design without requiring major changes?
User 232214 Photo


COO
827 posts

Steve Wu wrote:

Here is a link to the full html file: http://www.ogracing.com/images/newsletter/041015/newsletter-041015.html

In my opinion, from a design stance, this still isn't that "big" of a message. Do you think any further cleaning is possible in the design without requiring major changes?


Email looks really good. Nice column stack for the shoes, well done :)

Yes, I would think you should be able to add to that design, we have made and seen much larger ones. Creating 'clean styles' might help too.
The future of web layout has arrived and it's called CSS Grid. CoffeeCup helps you to get ready with a free guide, the Grid Builder app plus cool demos & themes.
User 2768654 Photo


Registered User
14 posts

Thank you! The breakpoint feature alone makes this my new favorite program! Although, I have noticed that the Gmail App on Iphone doesn't seem to like it; although the Iphone's primary Mail App is fine. And since that's what 25% of the public uses, that's all that matters!

I'll keep pushing the size to see what is possible. I prefer emails with only a couple subjects at most since it better matches the attention span of the general public, so this is more then enough.
User 232214 Photo


COO
827 posts

Steve Wu wrote:
Thank you! The breakpoint feature alone makes this my new favorite program! Although, I have noticed that the Gmail App on Iphone doesn't seem to like it; although the Iphone's primary Mail App is fine. And since that's what 25% of the public uses, that's all that matters!


Thanks for the compliment! Yes, the breakpoint feature allows you to greatly increase the experience for mobile recipients....with devices / email clients that support media queries. Most mobile email opens are on Apple devices which makes this very worthwhile.

Columns can stack on the Gmail app as well though. It's a bit of a hack and does not over as much control, but it can come in handy. Since it takes a bit more to wrap your head around this feature is exclusive to RED for Business.

http://bob.coffeecup.com/storage/tutorial-images/forums/auto-stack.png

If your audience uses Gmail / Android it might be worth it.
The future of web layout has arrived and it's called CSS Grid. CoffeeCup helps you to get ready with a free guide, the Grid Builder app plus cool demos & themes.
User 2768654 Photo


Registered User
14 posts

Thanks for the tip! That worked like a charm!
User 232214 Photo


COO
827 posts

Steve Wu wrote:
Thanks for the tip! That worked like a charm!


Great to hear, glad we could help. :)

Now don't forget to show us some of the designs you're making!
The future of web layout has arrived and it's called CSS Grid. CoffeeCup helps you to get ready with a free guide, the Grid Builder app plus cool demos & themes.
User 2768654 Photo


Registered User
14 posts

After playing with a larger e-mail a bit more, I was still having problems with clipped-messages in both G-mail and Yahoo. I'm going to try re-building my template from scratch and clean out some styles to try and slim it down.

In the meantime, I experimented with a few html compression tools. The only one that works without killing the styling is this guy: http://www.textfixer.com/html/compress- … ession.php (select "Do not compress header")

It knocks out all of the dead space in the html and drops the size by a good 20-30%. Quick and easy cheat to get past Gmail + Yahoo!
User 2768654 Photo


Registered User
14 posts

Hmm - the file size may not actually be the issue. I accidentally saved and sent the html file under a Unicode setting that blew the file size up to 134kb... and it went out with no issues. I'm starting to think it's a matter of the number of lines of code.

In any case, here's the properly slimmed down message that has no clipping issues: http://www.ogracing.com/images/newslett … 42815.html

And here's the original, uncompressed version: http://www.ogracing.com/images/newslett … email.html

I'm at a good place with this, but hopefully this info helps someone else!

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.