Bulletproof email buttons

35 Outstanding HTML Email Newsletter Templates Email marketing and newsletters are a critical part of the marketing plan of many businesses large and small. If you’re not already using email marketing for your own business or offering services for your clients, this is certainly an area to explore. One of the aspects of email marketing is the design of the email itself. While most email list managers will offer some free templates and/or a WYSIWYG editor for designing your own email, there may be times when these options don’t meet your needs. Fortunately, there is a large selection of HTML email templates available for purchase at very reasonable prices. Metro – $18 Market – $18 Karma – $15 Oceanic Email – $16 Modern Business 3 Light – $15 Corporate Newsletter Template V1 – $12 Versatile Newsletter 2 – $15 Rich Typography Email Template – $9 Elegance – HTML Email Template – $10 Storesletter – $15 Leaf – $16 Business – $18 Modern Business 4 HTML Email Template – $10 Clean Mail – $17 La Mode – $15 Mobilized-1 – $18 Shop News Email Template – $18

10 design hacks for responsive emails that don’t suck Vivek Sharma is the co-founder and CEO of Movable Ink. Vivek is leading the charge to make email a more dynamic and relevant communication channel for marketers and consumers. With a background in both sales and product development, Vivek brings a potent combination of engineering talent and business savvy to his role as Movable Ink’s CEO. Creating responsive emails that look great on mobile devices isn’t a nice-to-have anymore – it’s a necessity. According to our Q4 2014 Consumer Device Report, nearly 67 percent of emails were opened on a mobile device. But according to Salesforce’s 2015 State of Marketing report, nearly half (42 percent) of marketers say that they rarely or never create responsive emails. The thing is, it’s not that hard to create responsive emails. Here are 10 quick design hacks that brands can use when they’re designing responsive emails: 1. Image credit: ivivva A lot of brands create regular email newsletters with multiple columns to split up content. 2. 3. 4. 5. 6.

Les astuces pour coder un emailing sans s'arracher les cheveux Coder un emailing c’est… tout un art. L’art de faire en sorte d’écrire du code HTML lu de la même façon par tous les mailers dans tous les navigateurs. Ce n’est pas mission impossible, mais il faut savoir ce qui passe et ce qui ne passe pas, et connaître quelques petits « hacks » pour corriger certains bugs d’affichages. C’est après m’être arrachée les cheveux pour savoir comment supprimer l’espace blanc de 3px qui apparait entre deux images avec des liens dans une newsletter que j’ai décidé d’écrire cet article ou je vais recenser toutes les astuces à connaître. Je commence donc avec cette histoire d’espace blanc entre deux images : Problème de code newsletter : espace blanc entre deux images avec des liens Il arrive de devoir découper une image en plusieurs parties pour pouvoir mettre deux liens différents derrière, et compter sur le fait que les deux images se touchent pour que le découpage ne se voit pas. La solution : ajouter l’attribut style="display:block;" à votre image.

Responsive Email Design While phone screen sizes have been steadily increasing over the years along with screen resolution, it can be tempting to include more and more images in your emails. But a word of caution: While images can bring an extra wow factor to your emails, images should always be thoughtfully added with accessibility and mobile load times top of mind. In this chapter, we’ll look at some techniques that take advantage of supported CSS properties like background-image. These techniques will not only allow you to display mobile-optimized images throughout your designs, but ensure they look crisp at any width. Using background images for better headers Support and the use of background images have been on the rise in the last couple of years thanks in part to increased CSS support utilizing all the benefits that media queries can bring. One benefit of the increased support is the ability to put live text on images. Background images and live text Let’s see how this is done. So let’s put it all together.

Foundation for Emails 2 Docs Getting Started There are two ways to get started with Foundation for Emails: the CSS version and the Sass version. The CSS version is a ZIP file download with all the HTML and CSS you need to get started writing an HTML email. Get Started with CSS Version The Sass version gives you more control over the visual styles of the framework, and a full build process, which includes a Sass compiler and image compression. Get Started with Sass Version What's in the Box? Get to know the pieces of Foundation. General Components Optimizing your email for mobile devices with the @media query Designing for the mobile web is nothing particularly new - or rare. With pretty much every decent handset available providing the “full web” experience, there are really not a lot of popular sites left that don’t include a mobile stylesheet for small screens. It seems that mobile stylesheets haven’t proven to be quite as popular in email, despite the advantages they provide to devices that make use of the @media query. Lets take a look at optimizing your HTML email for mobile, including the finer points of using @media in Campaign Monitor. Why optimize HTML email for mobile? To be honest, viewing HTML email on a mobile device can be plain fiddly. By creating a separate set of styles to be used by devices that recognize the @media query, you can optimize your emails in a similar fashion to how web pages are being optimized for the mobile today. How does this work? We’ve done it before, but lets walk through Panic software’s example again. Lets walk through this.

Emailing : comment attirer l'attention des consommateurs ? Les Français passent de moins en moins de temps sur les emails et préféreraient des messages plus informatifs que promotionnels, révèle la dernière étude d'Adobe sur l'utilisation de l'email par les consommateurs. Changement d'habitudes en matière de messagerie électronique : selon la troisième enquête annuelle menée par Adobe auprès de 3 000 cadres européens, avec un focus sur la France, les consommateurs passent de moins en moins de temps sur leurs emails. Avec 5,1 heures par jour consacrées par les Français à la lecture des messages électroniques (contre 6,5 heures en 2016), l'exigence, pour les marques, de se démarquer pour être lu s'accentue. D'autant, que les consommateurs affirment préférer les emails informatifs aux messages commerciaux (promotions). L'indifférence face à la consultation d'emails ? L'ordinateur reste le device privilégié pour consulter ses emails personnels et professionnels (85 %). 74 % des emails professionnels et 60 % des emails personnels sont ouverts.

20 erreurs à ne pas commettre en emailing Nous vous avons souvent prodigué des conseils sur comment préparer, concevoir, rédiger et envoyer votre emailing. Mais cette fois ci, nous vous proposons une liste des choses à ne surtout pas faire. Utilisez-la comme un reminder, un post-it de bureau, un livre de chevet ou que sais-je, et ne commettez pas ou plus ces erreurs encore trop vues aujourd’hui… Ne jamais, ô grand jamais… 1. C’est la BASE de toute campagne réussie. 2. Même principe : les gens qui recevront vos emailing doivent absolument être intéressés par le contenu. 3. « Nouveauté High-Tech ! Ok, j’exagère. 4. On à l’ère du web 2.0. 5. Alors ça aussi, j’ai déjà eu le coup. Quant à ceux qui ne proposent même pas de lien de désabonnement dans leurs emailing ou alors bien, BIEN caché et BIEN petit tout en bas à droite en gris clair sur fond blanc… je ne pense même pas avoir besoin d’aborder le sujet. 6. Bon, pour ce point-là, je suis plus tolérant. 7. 8. Besoin d’une explication ? Annonce: 9. 10. 11. 12. 13. 14. 15. 16. 17. 18.

Pourquoi vos destinataires suppriment vos emails sans les lire ? A votre avis, quelle est la pire des erreurs possibles en emailing ? On a déjà fait des listes à rallonge des erreurs à éviter à tout prix en emailing, on vous a conseillé sur ce qu’il fallait faire pour réussir vos emails du point de vue de la rédaction, du design ou de l’équilibre général. Mais il y a un point capital commun à ces 3 domaines qui peut ruiner vos campagnes en quelques secondes. Quelle est selon vous la première raison qui pousse un destinataire à supprimer un email au premier coup d’œil ? Comme ça, sans même avoir lu ? Sachez qu’il y a une grande part de psychologie en emailing, comme dans toute stratégie marketing. Cette fameuse raison, c’est le manque de FOCUS. « Qu’est-ce qu’il dit, lui ? Pas de panique, je vous explique cela en détail. Guidez le regard En anglais, le « focus » est le point vers lequel toute l’attention doit converger. Ce regard, vous devez tout faire pour le guider, le prendre par la main et l’emmener jusqu’à votre point de chute : le call-to-action.