background preloader

Galerie d'inspiration emailings

Galerie d'inspiration emailings
Related:  emailing

Email marketing : quels sont les meilleurs moments pour envoyer vos campagnes ? S’il y a quelques années on nous annonçait la mort de l’email marketing, aujourd’hui tout nous prouve le contraire. L’email n’a jamais connu un tel engouement de la part des annonceurs. Soutenus par les évolutions dans le numérique, le retargeting, l’automation, et d’autres technologies permettent d’apporter de vrais beaux emails aux bonnes personnes et surtout au bon moment. Ce bon moment est stratégique parce qu’un message transmis au mauvais moment peut vite se retrouver supprimé instantanément ou tout simplement ne jamais obtenir de réponse. HubSpot a analysé 20 millions d’emails envoyés sur une période de 10 mois afin de mettre en exergue les moments parfaits pour envoyer ses campagnes, et même pendant les vacances. Le meilleur jour pour envoyer son email. Le mardi semble être le meilleur jour pour envoyer ses emails puisque l’on ouvre 20% d’emails de plus que la moyenne. Le meilleur moment pour envoyer son email. Et pendant les fêtes ?

7 raisons qui font que vos e-mails ne sont pas optimisés pour être lus sur un mobile Vos e-mails sont de plus en plus lus sur les mobiles : c’est une opportunité mais cela comporte également des risques. Petit tour d’horizon des erreurs à éviter dans vos prochains mailings. 1. Le template que vous utilisez ne s’adapte pas directement à la taille de l’écran Si votre template (gabarit en français) n’est pas « responsive », l’affichage de votre message ne sera pas optimal et il risque de vite finir à la corbeille. 2. La lecture en colonne est idéale sur un écran d’ordinateur mais quand on passe sur un smartphone, il devient beaucoup plus compliqué de déchiffrer l’information. 3. Un peu de pitié pour l’abonnement data de vos lecteurs : évitez les images trop lourdes à charger ! 4. Certains e-mails ne seront jamais ouverts : c’est pour cela que le sujet de votre message est crucial. 5. Cette mention devrait être réservée au bas de votre message : elle est importante mais elle n’est pas la plus importante ! 6. 7.

Flashissue Comment réussir une campagne de mailing ? Voici quelques conseils pour réaliser une bonne campagne de mailing, notamment en ce qui concerne le choix du format du message et les contraintes techniques liées à son envoi, et surtout sa bonne réception... Sommaire Une campagne de mailing réussie implique quelques obligations dont vont dépendre le succès de l'opération. L'emailing doit comporter notamment les infos élémentaires d'envoi : 1 - Un objet (le titre de mail) : ex. « Promotion de Printemps ! 2 - Un nom d'expéditeur (qui envoie le message) : « Prénom Nom » ou « La société » 3 - Une adresse d'expéditeur (l'adresse email utilisée pour l'envoi) : « responsable@votre-entreprise.fr » ou « newsletter@votre-entreprise.fr » 4 - Une adresse de réponse : généralement c'est la même que celle de l'expéditeur mais ça peut être aussi celle du webmaster ou de votre secrétaire... › La personne qui reçoit votre message doit vous identifier tout de suite ou au moins saisir l'objet de votre envoi pour y prêter attention. En savoir plus : Attention !

Un e-mail en HTML responsive multi-clients L'e-mail (ou newsletter) reste encore aujourd’hui un moyen efficace de transmettre des informations à ses utilisateurs ou clients. En mode texte, aucun problème, c'est un standard interprété sans difficulté. En mode HTML c'est un art ô combien délicat en partie dû au nombre de clients lecteurs d'e-mail sur le marché qui ont des comportements bien différents (encore plus désormais que les navigateurs classiques). Cette disparité de l'interprétation des e-mails au format HTML provient de plusieurs facteurs : Les clients e-mails lourds (Outlook, Thunderbird, Lotus Notes...) ont un fonctionnement radicalement différents des webmails (Gmail, Yahoo Mail, Hotmail, Outlook.com...). Mettons fin immédiatement à vos désirs les plus fous : encore plus que le web, la réalisation d'e-mails graphiques en HTML, au pixel près ou presque, sur toutes les plates-formes, est une utopie. Voici quelques astuces et bonnes pratiques pour obtenir des e-mails au rendu proche sur la majorité des programmes.

CSS Support Guide for Email Clients Version history 14 November 2017 Outlook.com and the Outlook iOS app added support for CSS background images and some related properties, as well as certain Flexbox and Grid properties. Also added iOS 11 Mail to the guide, with no noticeable differences from iOS 10. 22 September 2017 Microsoft updated the Outlook apps for iOS and Android with more consistent CSS support, including media queries. 13 September 2017 A complete rewrite and redesign of the guide, testing 278 different CSS properties and features across 35 email clients. To accommodate the huge increase in content, we’ve added search functionality and the ability to link directly to individual the email clients and properties for easy sharing.Discuss this on our blog. 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 30 January 2013 1 February 2012 background-image is now supported in Gmail. 10 December 2010

Responsive web design : Les autres usages Un site web “adaptatif” Vous l’aurez remarqué, depuis quelques temps, le web ne se consomme plus seulement derrière son écran d’ordinateur mais sur des tas de nouveaux appareils ayant chacun leurs spécificités (Taille de l’écran, résolution, connectivité internet, écran tactile, …). Au début de cette transition, beaucoup se sont lancés dans la création de site internet dédié au mobile afin de permettre aux utilisateurs nomades, d’avoir accès à l’information dans une version souvent très simpliste. A cette époque, il n’était pas rare de trouver deux versions d’un site internet (La version Desktop et la version Mobile). Aujourd’hui, la multiplication des types de terminaux fait qu’il n’est plus possible de réfléchir de manière binaire (Si l’utilisateur n’est pas sur ordinateur de bureau, alors il est sur un téléphone portable). Une nouvelle tendance est née, celle de la conception adaptative (Responsive Design) . Les autres usages du “Responsive Design” E-mail adaptés Le principe est simple.

Créer un Simple Responsive Email en HTML Dans ce tutoriel je vais vous montrer comment créer un email en HTML responsive simplement et qui fonctionnera sur tous les clients mail, y compris les applications et nouveaux clients mail sur smartphone. Pour cela, nous allons utiliser des Media Queries basiques et un système de largeur variable pour assurer une compatibilité maximale. Il fut une époque où les media queries suffisaient à rendre les emails responsive sur les clients mail iOS et Android. Depuis, les applications mail pour les plateformes iOS et Android fleurissent sur les marchés respectifs, avec divers niveaux de support des emails responsives. Le plus marquant étant la dernière mise à jour de l'application Gmail pour Android qui est deux fois plus populaire que l'application mail par défaut chez les utilisateurs d'Android (qui comprend maintenant 11% d'ouvertures au total). Cependant, il se peut que vous ayez des compromis à faire sur le design. Voici ce que nous allons réaliser ensemble : Remplacez le petit "Hello!"

CSS Support  |  Gmail & Inbox Sender Resources  |  Google Developers You can style email sent to Gmail using inline <style> blocks and standard CSS. Most CSS selectors, attributes, and media-queries are supported. Unsupported CSS properties and selectors may be ignored by Gmail. See the reference guide for a complete list of supported CSS properties and queries. CSS Selectors You can use a subset of CSS selectors to apply styles. Example You can use standard CSS media queries to adjust the styling of an email to suit the user's current device.

Intégrer un compte à rebours dans son emailing Nous évoquons régulièrement l’utilisation d’un gif ou d’une vidéo, et le compte à rebours dans tout ça ? Il n’est pas rare d’en croiser un de temps à autre dans le contenu d’un email. Savez-vous comment il est possible de l’animer ? Habituellement, nous répondons qu’il n’est pas possible de mettre un compte à rebours dans son email, parce que son intégration peut être compliquée, selon vos envies. Aujourd’hui, nous avons croisé cet email de l’Atelier des Chefs, et nous avions envie de vous en parler : Cet email propose une offre commerciale valable 3 jours. A l’ouverture de l’email, le gif s’anime pendant 1 minutes, soit 60 images représentant le décompte de secondes. La plupart du temps, nous observons des gifs dans les emails qui tournent en boucle sans se réactualiser par rapport à l’heure d’ouverture. Comment intégrer un compte à rebours ? Pour intégrer un compte à rebours, il est indispensable d’héberger l’image sur un serveur de votre entreprise pour qu’elle puisse se réactualiser.

Le design d'email responsive / hybride, comment ça marche ? Aujourd’hui, la moitié des emails sont ouverts depuis un appareil mobile (smartphone, tablette…). Lorsque vous concevez vos campagnes emailing, vous devez le prendre en compte et veiller à ce que vos emails s’affichent correctement sur tous les devices : ordinateur, mobile ou tablette. Les designers utilisent deux principales techniques pour garder le contrôle sur la conception des emails et assurer un affichage optimisé : le responsive design d’une part, les codes hybrides d’autre part. Or, la manière dont ils utilisent ces techniques révèlent parfois un manque de compréhension. Dans cet article, nous vous proposons d’entrer dans les arcanes de ces deux techniques pour mieux comprendre comment elles peuvent être utilisées (efficacement) dans vos campagnes email. Pour rédiger les lignes qui suivent, nous nous sommes inspirés d’un article très intéressants (en anglais) publié sur le blog de Litmus. Email responsive design Qu’est-ce qu’un email non responsive ? <!

Related: