Power User Tips: 5 Litmus Builder Hacks That Will Save You Hours of Time

[ 0 By

Email development is very different from web development. That’s why we built Litmus Builder, the world’s first code editor built for email designers by email designers. Since Builder’s launch in 2014, we’ve constantly made updates and added features that help you tackle the unique challenges of email development and let you save time (and your sanity!) when writing email code.

Today, Litmus is chock-full of features that have the power to streamline your workflow and significantly speed up production times. If you’re new to Builder, you should check out our Builder essentials series for how to get started with Builder. 

You consider yourself a Litmus Builder expert already? Read on. 

When we talk to Litmus customers (even the ones that have been using Litmus Builder for a while) there are a few features that can take your workflow to the next level—but not everyone knows about them.

If you call yourself a Builder pro, here are the 5 power user hacks you must know about:

1. Use partials and snippets to cut down production time

“It used to take us anywhere from 90 minutes to two hours to build a new email from scratch. With our library of snippets and partials in Litmus, we have cut development time in half.”

Connor Hinkson, Designer & Developer at Blufish

Maybe you regularly send out emails that contain similar sections of code, or maybe you’re an agency that provides email modules to its clients. With Litmus Builder, you have the ability to create a library of reusable pieces of code—partials and snippets—to streamline the email build process and get emails out the door, faster.

Partials are global, dynamic, reusable blocks of code that can be used across multiple emails. Partials live globally and any changes made to a partial will apply to every single email where that partial is used. This is really helpful for items like headers, footers, CSS reset styles, and other components that need to be consistent across multiple emails.

Snippets quickly generate HTML or CSS via a shortcode in Builder and allow you to customize and edit that code for an individual email. This reduces redundancy and potential coding errors for common elements in your email designs, such as images or bulletproof buttons. Rather than having to rewrite the code each time you use one of these elements, you can use a snippet to automatically generate that piece of code inside the email you’re working on. 

Litmus user Bree Penninger sat down with us to share how snippets and partials make it easy for her 30-person email team to collaborate.

2. Reveal the changes that each email client makes to your code

Curious how each email client’s rendering affects your email’s code? When struggling with rendering issues in one specific email client, understanding what changes that email client made to your code can help you identify issues and find solutions, faster. 

Builder’s Processed HTML lets you do just that, making it easier than ever to pinpoint and diagnose rendering issues. You can use it hand-in-hand with Grid View to easily identify the cause of any issues and make changes live in Builder.

3. Edit a single email client preview

How often have you run across an issue where your email looked great in every other email client but one? Maybe a background image won’t load or a button is off-center in just one app or device. It’s even worse because you can’t ignore the problem if a large majority of your subscribers use that email client. 

In Litmus Builder, you can isolate a single email client to identify and fix the issue. Best of all, since that fix is only necessary for that one preview, you can choose to run just that preview to make sure your fix solved the problem instead of having to refresh all of your previews. You can recapture the screenshot when in detail view for an email client by using the keyboard shortcut “R.”

Extra tip: During your team’s review process, you can flag an individual email preview for review. This can help isolate email client rendering issues and reduce time spent on trying to make the fix work for all email clients.

4. Instantly create Email Analytics tracking code in Builder

If you use Litmus Email Analytics alongside Builder, Tracking Manager will let you create a new Litmus tracking code right within Builder—without switching back-and-forth between tools. Creating new tracking code will also create a new campaign in Analytics—but if you already have a campaign created, the Tracking Manager modal in Builder allows you to search for that campaign to view and copy the existing tracking code.

By implementing tracking code directly in Builder, you can see where your subscribers open and if they read, skimmed, or deleted your email. You can track forwards and prints, compare engagement by device, and more. Lauren Kremer sat down with us to share how ProQuest relies on Litmus to understand how subscribers interact with their emails—and how these insights inform strategy and execution.

5. View your email’s compiled HTML size

Has your email ever been cut off by Gmail because it was too large? Gmail automatically clips any email larger than 102 KB and shows the dreaded “[Message clipped] View entire message” alert at the bottom, requiring subscribers to open the email in another tab or window if they’re interested enough in all of your content.

With Litmus Builder, you can view your email’s compiled HTML not only to copy the code or download your email, but to see the size of your email. If you tend to have an issue with Gmail clipping your content, be sure to look at the size of your email in Builder to determine if you need to reduce the size of your emails.

Email testing and troubleshooting made easy with Litmus

Want to learn more about how Litmus can help bring your emails to the next level? Learn more about Email Testing with Litmus or reach out to a Litmus expert for more information on how Litmus can help you send better email.