Responsive Email
- Started
- Last post
- 16 Responses
- display
Anyone know any good links for this type of thing?
Looking for something thats even like the squarespace of responsive emails
- bulletfactory0
this guide might help: https://www.campaignmonitor.com/…
- slinky0
whaddyaneedtoknow? been doing them for a while now.
- hmmm, Ink looks interesting i must say, uses slick table styling?prophetone
- BabySnakes0
don't bother with it.
- CygnusZero40
Im pretty sure ive never had any difficulty viewing a standard 600px wide email on any of my mobile devices. What turd came up with this stupid concept?
- lvl_130
standard email size is 640. are you looking for a client codebase like responsys? or are you just looking for general guidance in building responsive emails or designing for responsive design?
- prophetone0
Hmmm, since when is this a good idea? AFAIK css still can't be used for more than style in an eblast if you are looking to target ~100% of clients/systems.
And to prove the point here that campaign monitor link up there actually points out "A quick caveat first - the techniques listed here aren’t universally supported by all mobile email clients..." So there it is.
600px max, css for copy styles. Yer good.
- doesnotexist0
^ not a great idea, but i've seen and done static emails that are wider than 600px. really depends on your audience.
- prophetone0
"depends on your audience" well this is it. i'm simply suggesting the play it safe route.
if you want to hit all targets 100% you're prob best to lowest common denominator it. if you know that your audience will ONLY be viewing the eblasts on specific devices/systems then go wild. is all i'm sayin.
you can do whatever you feel like doing with sizing, code. just depends on how much penetration you want.
- prophetone0
that being said, zurb's ink looks interesting so long as it degrades well on crappier machine email client jammies.
- prophetone0
i'll be looking at that for sure.
- evilpeacock0
Zurb's Ink is the real deal — it does work on Outlook, which means it doesn't break into an avant-garde mess when every other client looks OK.
It doesn't come without some monkeying around and troubleshooting for more complex layouts. Doing "retina" images with it can get a bit wonky with Gmail phone apps or Outlook unless you continue to write in explicit image height and width in addition to media-query sizing for everything else.
Really it depends on what you want to do, but of all the frameworks I've fiddled with this is the one I've found that is a game-changer.
I mostly use it turn two-column layouts into single column.
- bklyndroobeki0
Bump
- slinky0
bklyndroobeki, any specific questions?
background images? bullet proof buttons? responsive s-curve tricks?
- MrT0
https://litmus.com/blog/go-respo…
I've been sending some out recently using Camp Monitor and the 'Simples' template as a basis. Every element is a ton of nested tables but it responds nicely. It's easy enough to use even if it is arguably a bit of a white elephant.
Client works in Asia a lot and was keen to make it responsive following a week of meetings there in which the range of sizes of mobiles and tabrets was massive. Apparently.
- trooperbill0
anyone got any tips on format for best click through rates? i believe single promotion emails dont work well and that newsletters work better?
any tips?
- monoboy0
I use this. The code gives developers nightmares but it works.
http://maildesigner.equinux.com/…
You can export into CampaignMonitor. Job done.