Heeeeyyyy we left each other not so long ago eh (and on good terms I hope) ! Here it is, as promised, the suite of tools for emailing designers and integrators! I promised you, here it is! I always keep my promises! So, without wasting time, let's continue with the category...
Weight of the HTML file
With Gmail's 102kb limit on HTML file size, it's time to optimize the final weight of your integration to reduce your carbon footprint. What is it? How? Didn't you know that you should try as much as possible to keep your HTML file to 120kb? Well, here it is, it's a gift...
Email Comb
A diamond, which will allow you to remove unnecessary CSS of your emailing templates. Class, id, hacks, within the tag, your media queries, or the email body, nothing escapes it. It's quite simple, since I discovered this tool, I use it on all my HTML emailing integrations... It's become a bit like my second companion... I love you baby girl... And in the perspective optimize our carbon footprint in the field of email marketingIt can always be useful!
Html Crush
To remove indentations from your HTML code or line breaks (I strongly advise against it, my friend!)and thus gain the precious sesame to go under the 102ko (if necessary).
CSS support
What CSS properties am I allowed to use? How can I be sure that it is supported by all mail clients on the market? What about browsers? If the apostles nailed Jesus, am I allowed to sand Jonathan? So many unanswered questions...
Can I Use
A bit off-topic, since the platform relies on the support of modern web technologies depending on the browsers, but it can still be useful...
The Ultimate Guide To CSS
https://www.campaignmonitor.com/css/
A complete description of CSS support for email clients mobile, web, and desktop devices on the planet. A well-written baseline, that goes without saying. If you're coding emails and you've never used this document, check your connection...
Features
How to stand out from the crowd? What features should be included in an email? How to stand out? What experiences can I bring to revolutionize the user experience? This is the question you probably ask yourself every morning, as soon as you wake up. No more stress, there is Point S and the tools below...
Nifty Images
If you don't know how to generate your own custom imagess, the countdowns (even if we have already done an article on this subject)s, the real-time snapshots of social networks... This service is for you (and for your wallet).
FreshInbox | Gmail Promotion Tab Markup Tool
https://freshinbox.com/tools/gmailpromotab/
A very malicious way to generate "Promotional cards optimized for Gmail and also optimize the opening of your campaigns... And you are mischievous, aren't you? Moreover, I understood only later that it was a language (SCHEMA) developed by Google and on which you will be able to do many other things, not only promotion cards! Hold the man, here is the docu !
FreshInbox | Carousel
http://freshinbox.com/resources/tools/carousel/
And two for Freshinbox... And I don't get any commission though! Unacceptable... To bring a little animation in an email, other than the easy solution of animated gif, and because you like to take risks and test, again and again! Well, sometimes it doesn't display anything... This can be the case on Orange for example, we wrote an article about it !
FreshInbox | Rollover
http://freshinbox.com/tools/rollover/
And three! I hope they'll realize it anyway, just to get a little envelope to make ends meet... To bring a little animation in an email, other than the easy solution of the animated gif, and because you like to take risks and test, again and again!
Editorial
The text of an email is a fundamental element. The text is of paramount importance in an email, since it will arouse interest in your products, events, articles... Well, I admit that this is not a part where I'm really expert, so I didn't find much... But if you have others, tell me what!
Hemingway App
Accessibility
Accessibility is now one of the points to improve in our email marketing campaigns. But which tools should be used to optimize the reading of emails by screen readers?
Abc Useallfive
Need help?
Reading content isn't everything. The best way is to talk to us.
Do you think that a red text on a yellow background will be readable? Are you sure? Do a quick test, and compare with other colors to to provide increased legibility for visually impaired people. And don't take it lightly, statistics show that it still represents a significant part of your recipients! (and again, the thing dates from 2011...)
Contrast Checker
Idum
Accessible Email
http://www.accessible-email.org/
A quick and detailed report after analyzing your HTML code to guide you towards improvements to optimize the accessibility of your email campaign? This sentence is difficult to understand? That's normal... In any case, this platform will do it for you...
HTML integration
HTML integration is probably the most complex step in the preparation of an email campaign. Especially for its rendering issues on all email clients. So let's try to make life a little easier, right?
Sublime Text
A software that is good and practical to take in hand. It will make your life as an integrator easier thanks to its many little tricks, that will save you a lot of timeFor example, the fact that you can have multiple cursors. Or to save predefined pieces of code that you can find with a keyboard shortcut. Or the fact that you can write table>tr>td*3 to get a table with one row and three columns... Gregory preaches the benefits of this at least once a week! (special dedication)
Codepen
This device allows you to code online, save your codes, share them quickly, preview the rendering, indent everything... What more could you want? The participants of the last session of the Coding in HTML for email" training that I animated still remember it...
Webatic
https://www.webatic.com/quoted-printable-convertor
Have you ever retrieved source code from Gmail or Outlook? Tu as réussi à le déchiffrer, avec tout ces « 3D » ou « %20 » partout ? Personally, in these cases, I have a hard time... Webatic will help you, as it helped me. Webatic is your friend. It's simple, there are no words strong enough to describe Webatic... There's the webatic-tartar... The webatic-salmon... The webatic-soup... The webatic-smoke...
AMP & BATs
There is only one way to really test your campaigns: the BATs (for Bon à Tir, you uneducated people!). There is only one way to test AMP4email : the BATs . But the routers do not necessarily accept it. Anyway, we won't go into the famous AMP4Email debate, just know that you can shoot BATs with AMP !
Gmail AMP for Email Playground
https://amp.gmail.dev/playground/
If you haven't coded an AMP version for an email yet, you'll be blown away by these pieces of code and their possibilities (with immediate rendering on preview window). It's crazy-crazy-crazy!
Sendtest
To send a proof of concept in two steps, and withAMP4email in additionWhat I won't do for you anyway, eh? Well, I'm not the one who developed this tool, but I communicate on it, that's already a lot!
PutsMail
A service developed by Litmus. Same as Sendtest for the functionalities... But you remove the AMP!
And the supplement...
Slack Email Geeks
https://email.geeks.chat/ & https://emailgeekscommunity.com/
I feel like I'm pushing it, but seriously, there's so much good advice, great discussion, and exchange on this community that I can only recommend it! There is even a whole channel dedicated to emailing tools (#email-tools, I created it!!! If the family!) The only problem is to know how to speak a little English... But only "un poco". But there is a room dedicated to email in France! So what the hell are you waiting for?!!!
Badsender
https://www.badsender.com/ & https://agence.badsender.com/
"For me eh... In two words eh...Above him there is nobody, below him there is nobody..." Boarf, a little self-promotion never hurt anyone... And if you ever want to share this wonderful non-exhaustive list with someone you know (if you are altruistic), don't hesitate to share the article on all possible social networks, by email, by mail, by sms, verbally, by phone, by carrier pigeon, by courier, by registered mail... And if you think of other tools, BAH SAY IT! WE WON'T EAT YOU !!!!!!!!
2 réponses
I didn't know about these tools at all, thank you very much!
@Alex : My pleasure !