2

I am trying to send an email from my php application, How can i make the emails responsive ?

Since most of the email engines does not support linking to external css files and media queries cannot be included inline, what is an alternative solution for this ?

thanks

Mahesh Eu
  • 515
  • 1
  • 6
  • 21
  • 1
    Emails responsive ! What do you mean ? – Sulthan Allaudeen Mar 20 '14 at 06:29
  • The solution is to link to an on-line version of your email and keep your actual email simple because most readers block many objects as standard these days (thankfully) – Allan S. Hansen Mar 20 '14 at 06:34
  • @SulthanAllaudeen: responsive means adaptive to the screen size. See [twitter bootstrap](http://getbootstrap.com). – Adobe Mar 20 '14 at 06:36
  • Email template ? Use table html and inline css only – ShibinRagh Mar 20 '14 at 06:37
  • @twitterbootstrap: I know the meaning of responsive. But i just want to know whether Mahesh Eu wants email template to be responsive or wat ? (www.getbootstrap.com is the one i followed in my website - www.sysaxiom.com for responsiveness ) – Sulthan Allaudeen Mar 20 '14 at 06:49
  • @SulthanAllaudeen. Yes. i want the email to be responsive. it should look good on all mobile browsers and mobile clients. – Mahesh Eu Mar 20 '14 at 06:54
  • @SulthanAllaudeen, I am not talking about website. i am talking about emails – Mahesh Eu Mar 20 '14 at 06:57
  • Then i recommend you bootstrap template to use, here is the way http://www.getbootstrap.com . Here is the example of the bootstrap website http://www.sysaxiom.com – Sulthan Allaudeen Mar 20 '14 at 07:37

2 Answers2

3

It's not just a "simple" thing to do. There are a few frameworks and templates to help but you really need to think about your content and test a lot -

Ink Email Framework

Ink is the latest one on the scene. I've been working with it for about 3 weeks now.

imaginethepoet
  • 864
  • 6
  • 14
0

As far as I know -- responsivness is coded with @media. So in order to send a responsive email You need to be sure receiver e-mail service supports @media. For example gmail doesn't seem to support it, and so it is not possible if Your reciever is at gmail. I'm not sure any service is supporting it yet.

Adobe
  • 12,967
  • 10
  • 85
  • 126
  • so the only way to do this is to use table and write inline css with % ? – Mahesh Eu Mar 20 '14 at 06:59
  • @MaheshEu: Yep. At least that's how it appears. – Adobe Mar 20 '14 at 07:46
  • 1
    Here is the [responsive support chart](http://stylecampaign.com/blog/2012/10/responsive-email-support/). You are correct that responsive is not 100% supported, while fluid layouts are. There are some links to [related info and fluid templates here](http://stackoverflow.com/questions/2229822/best-practices-considerations-when-writing-html-emails/21437734#21437734) – John Mar 20 '14 at 13:33