background preloader

Emailing

Facebook Twitter

A Responsive Email Framework from ZURB. We know building HTML emails is hard, especially responsive emails.

A Responsive Email Framework from ZURB

That's why we created Foundation for Emails. Get away from complex table markup and inconsistent results. Use Foundation for Emails to spend less time coding emails, and more time on other things, like building amazing products. MJML - The Responsive Email Framework.

RWD

Templates. A Beginner’s Guide: Email Campaigns From Start to Finish. Creating an email campaign from scratch can be a daunting task.

A Beginner’s Guide: Email Campaigns From Start to Finish

We're going to cover the basic steps of bringing an email campaign to fruition in this blog. We'll help you get your bearings and plan out the steps you need to complete before you hit the "send" button. Insérer une vidéo dans un email : la tendance marketing de l'année. Pourquoi n’y a-t-il pas plus de vidéos dans les emails commerciaux ?

Insérer une vidéo dans un email : la tendance marketing de l'année

Poutant, quand on voit le taux de visite de youtube, on sait que la vidéo en ligne n’est pas morte. Une vidéo, c’est simple a réaliser, c’est un contenu souvent de qualité, qui va faire passer votre message et construire votre image de marque de facon ludique. Pourtant les marketeurs sont rétissants : “ca fonctionne pas tout le temps et surtout pas pour tout le monde” ; “la vidéo est de mauvaise qualité à l’ouverture”… Plus d’excuses.

A l’heure actuelle, de nombreux client de messagerie sur mobile supportent HTML5, qui permet de visioner une vidéo dans un email. Vous verrez dans cet article comment remédier à tous vos problèmes “vidéo”et ainsi profiter du pouvoir de vos vidéos dans vos emails… Nouvel article : 5 logiciels d’emailing marketing en français Si chez Webmarketing & co’m, on adore Mailchimp, certains sont rebutés par l’interface entièrement en anglais. Pourquoi vouloir insérer une vidéo dans un email ? Symbols in Subject Lines. Using symbols, or emoji in subject lines isn't a new idea.

Symbols in Subject Lines

However, now that many of us have emoji-friendly mobile devices and regularly read our email on them, it's become an increasingly popular tactic for attracting attention in crowded inboxes. To see how practical this technique is, we tested out a variety of symbols to see how reliably they display across a range of email popular clients. The Verdict Use with caution! Use with caution! Copy, paste. Guide to CSS support in email. 2 May 2014 Removed support for various selector options (E) in Gmail and added support for direction, vertical-align and list-style-type in Outlook '07/'10/'13. 19 September 2013.

Guide to CSS support in email

L’intégration d’e-mails et l’application Gmail sur Android. Cette semaine, je me suis encore bien amusé sur de l'intégration d'e-mails.

L’intégration d’e-mails et l’application Gmail sur Android

Et plus particulièrement sur quelques découvertes faites sur l'application Gmail sur Android. Je ne teste pas systématiquement sur cette application car elle ne fait pas parti des batteries de tests inclus dans des services comme Email on Acid ou Litmus. Et pourtant, cette application est un véritable concentré d'amusement. Et quand je dis amusement, je veux en faire parler d'un véritable cauchemar. Je me suis rendu compte qu'un gabarit responsive que j'utilisais régulièrement ne s'affichais pas du tout correctement sur Gmail 4.6 sur une Nexus 7 de 2012. <table border="0" cellpadding="0" cellspacing="0" width="640" bgcolor="red"><tr><td>Lorem ipsum dolor sit amet…</td></tr></table> Voici le rendu que j'espérais obtenir.

Et voici le résultat obtenu. OK. Il s'avère qu'en fait, l'application Gmail sur Android supprime tous les attributs width précisés sur des <table>. Email on Acid. Emailology - The Science of Looking Good in the Inbox. Campaign Monitor. Gmail supporte bien la balise <style> et les media queries – L'intégration d'e-mails.

Une croyance courante dans l’intégration d’e-mails est de dire que Gmail ne supporte pas les styles ou le responsive design.

Gmail supporte bien la balise <style> et les media queries – L'intégration d'e-mails

En réalité, c’est un peu plus fin que ça. En avril dernier, EmailOnAcid rappelait que Gmail supporte bien la balise <style>. Intrigué, j’ai fait mes petits tests, et je confirme : la version desktop du webmail Gmail conserve bien une balise <style> incluse dans le <head> d’un e-mail. Toutes les règles sont bien conservées, mais préfixées par une classe propre à Gmail. Ainsi le code suivant… … sera transformé en : Le hic (parce que forcément il y a un hic), c’est que Gmail supprime toutes les classes et identifiants au sein du code HTML de l’e-mail. Mais du coup, ça signifie qu’on peut jouer sur des styles ciblant des balises. On pourrait alors imaginer styler des éléments non plus par classe mais par leur position dans le code HTML.

Par contre, Gmail conserve bien les règles utilisant des sélecteurs d’éléments enfants ou adjacents, comme >, + ou ~.