l
LDS Social

The Lipstick Blog

HTML Email is Getting a Facelift

HTML Email is Getting a Facelift

Put anything in a repeater

By far the biggest request for the editor was more flexible repeaters, and it was the first thing we built into this update. Now you can have a repeater with 6 images, no images, 5 titles, whatever you like. You can also add your own labels for each of these elements so you and your clients know what you’re updating.

What this really means for you is total design flexibility. You can now throw any template design at the new editor, and it will still be a piece of cake for your clients to add their content to.

Design multiple layouts within the same repeater

Multiple layouts in the same repeater

This is probably my favorite new feature for the editor. Let’s say you want a repeater where an image is sitting on the right for the first item, but on the left for the second, then back on the right again. Using the new <layout> tag (which I explain below), you can specify any combo of different layouts in the same repeater.

What’s more, you can even label each of these different layouts and give your client the option of choosing which one to use and when.

Streamlined WYSIWYG editor

The experience of formatting content was another area we wanted to nail with this update. The first step was simplifying things. We’ve combined all the different ways to add special items to your content into a single “Insert” button. You can add a link, personalization, social sharing buttons plus lots of other goodies all from a clean menu system.

The new Insert menu

We’ve also given your clients the ability to tweak the font size for any content. This was a hard one for us. As designers we think most of this should be defined for our clients in the template itself, but the requests were overwhelming. To keep a balance we’ve kept the size options within a reasonable range to minimize the chances of client-uglification. We’ve also cleaned up and streamlined the way text is pasted (goodbye annoying popup), especially from places like Microsoft Word.

Add alt text to any images

Another shortcoming of the old editor meant your clients couldn’t add alternate text to any images added to their email content. Image blocking in many email clients makes alt text a valuable fallback when an image isn’t loaded and it’s now super easy for clients to add or edit the alt text for any images they insert in their email.


@LipstickDesign