{"id":39215,"date":"2021-11-10T10:00:00","date_gmt":"2021-11-10T15:00:00","guid":{"rendered":"https:\/\/www.litmus.com\/?p=39215"},"modified":"2025-12-17T15:44:11","modified_gmt":"2025-12-17T20:44:11","slug":"modular-building-in-litmus","status":"publish","type":"post","link":"https:\/\/www.litmus.com\/blog\/modular-building-in-litmus","title":{"rendered":"Getting Started with Modular Building Using Litmus"},"content":{"rendered":"\n\n\t<div id=\"simple-text-block-block_d1dac37051dd2c504905fb2849d3da28\" class=\"block-simple-text-block alignfull \" style=\"background-color:\">\n  <div class=\"container\">\n  \t<div class=\"row\">\n  \t\t<div class=\"col\">\n  \t\t\t<div class=\"copy\">\n  \t\t\t\t<p>We\u2019ve been talking a lot lately about modular building\u2014and for good reason. It\u2019s a great way to streamline and speed up email development.<\/p>\n<p>And with the increasing demands on email teams, it\u2019s time we put scalable systems in place to help us keep up (and not burn out).<\/p>\n<p>That\u2019s where modular building comes into play. It leverages reusable content blocks that can be put together in different combinations. Think of them like Legos, but for email.<\/p>\n<p>If you\u2019re brand-new to this concept, check out our <a rel=\"noopener\" href=\"https:\/\/www.litmus.com\/blog\/email-modules-and-modular-email\/\" target=\"_blank\" rel=\"noopener\">modular building 101 blog<\/a> for an overview.<\/p>\n<p>In this blog, we\u2019ll help you get started\u2014both in making the business case for your business <em>and<\/em> building modules in Litmus.<\/p>\n<h2>What are the different modular components in Litmus?<\/h2>\n<p>Before we dive in, let\u2019s cover a few terms we reference when talking about modular building in Litmus.<\/p>\n<h3>Snippets<\/h3>\n<p>Snippets are modules of reusable content, ideal for elements that are commonly used across email designs. They are the most flexible type of module and are editable within the email or template they\u2019re included in.<\/p>\n<p>Here are some components that make good snippets: hero blocks, primary\/secondary, tertiary content blocks, and CTAs.<\/p>\n<h3>Partials<\/h3>\n<p>Partials are global, dynamic, reusable modules that can be used across multiple emails. Changes made to a partial will apply to every single email or template where that partial is referenced, saving time and eliminating the possibility of forgetting to update an email or template.<\/p>\n<p>Components that make good partials include: headers, footers, CSS reset and base styles, responsive breakpoints and styles, and spacer elements.<\/p>\n<h3>Templates<\/h3>\n<p>Templates empower your team to create on-brand, error-free emails quickly. Instead of having to rewrite an entire email from scratch for every send, you can simply add copy, images, and links to an existing template before testing and sending it to your subscribers.<\/p>\n<h3>Design Library<\/h3>\n<p><a rel=\"noopener\" href=\"https:\/\/litmus.com\/builder\/design\/design_modules\" target=\"_blank\" rel=\"noopener\">Design Library<\/a> is where you\u2019ll store your code modules in one centralized spot. While building in Litmus, you can pull snippets and partials saved to your Design Library into your emails.<\/p>\n<h2>How do I get buy-in to start modular building?<\/h2>\n<p>By and far, the biggest blocker to adopting modular building is time. In order to get time on your calendar to create a reusable code library, you\u2019ll need buy-in from your leadership team.<\/p>\n<p>Each organization has a different approach to securing buy-in, but we hope the following helps you showcase the value and importance of investing in modular building.<\/p>\n<p>Here are some of the main benefits you\u2019ll want to drive home with your marketing execs:<\/p>\n<ul>\n<li aria-level=\"1\">Delivers on-brand experiences at scale, without massively growing headcount<\/li>\n<li aria-level=\"1\">Saves time so you can get more emails out the door, faster<\/li>\n<li aria-level=\"1\">Allows you to get out of the weeds so you can focus more on email strategy than development<\/li>\n<\/ul>\n<p>And these stats from the <a rel=\"noopener\" href=\"https:\/\/www.litmus.com\/resources\/state-of-email\/\" target=\"_blank\" rel=\"noopener\">2021 State of Email Report<\/a> should help make the case, too:<\/p>\n<ul>\n<li aria-level=\"1\">Email volume has increased 61% since the pandemic, but headcount hasn\u2019t. Modular building can help you build faster without adding headcount.<\/li>\n<li aria-level=\"1\">58% of email marketers have a 2-week production time. Modular building can help you speed up email development and pare down the time it takes to get an email out.<\/li>\n<li aria-level=\"1\">43% of email marketers currently use snippets\u2014and another 12% plan to. This is the future of email marketing, and you want to stay ahead of the curve.<\/li>\n<li aria-level=\"1\">Email marketing has an ROI of 36:1. The key to successful email marketing is consistent on-brand experiences\u2014something modular building can help you attain.<\/li>\n<\/ul>\n<h2>How do I get started with modular building?<\/h2>\n<p>There are a couple different ways you can approach this.<\/p>\n<p>Here at Litmus, we started with an audit. This included documenting our current email templates and identifying the modules that were common across all of them. Then, we used Figma to design and create wireframes for our modules, rather than jumping into coding. This allowed us to build code modules we\u2019d actually use time and again, making it the approach we\u2019d recommend.<\/p>\n<p>Or, you can start by building templates, then work down to modules. This is how one of our customers, Ferguson Enterprises, got started with modular building\u2014allowing them to start quickly and iterate over time.<\/p>\n<p>As we mentioned, the biggest barrier to modular building is time. Taking an iterative approach can allow you to start, even if you don\u2019t quite have the time and resources to create a <a rel=\"noopener\" href=\"https:\/\/www.litmus.com\/blog\/email-design-system\/\" target=\"_blank\" rel=\"noopener\">full email design system<\/a>.<\/p>\n<h2>How can I use Litmus to build modules?<\/h2>\n<p>There are two ways you can build modules in Litmus:<\/p>\n<ol>\n<li aria-level=\"1\">Directly in Design Library<\/li>\n<li aria-level=\"1\">Saving modules from Builder<\/li>\n<\/ol>\n<p>Let\u2019s take a look at each, and options for getting started.<\/p>\n<h3>Creating modules in Design Library<\/h3>\n<p>Navigate to <a rel=\"noopener\" href=\"https:\/\/litmus.com\/builder\/design\/design_modules\" target=\"_blank\" rel=\"noopener\">Design Library<\/a>, then click the <b>New module<\/b> button in the upper right-hand corner. You\u2019ll see two options: New Snippet and New Partial.<\/p>\n<p>To create a snippet, click <b>New Snippet<\/b>. On the next screen, give your snippet a name and a trigger. The trigger is a string of text you\u2019ll use to insert the snippet in Litmus Builder&#8217;s code editor (e.g., p-list). In the Snippet content section, copy and paste your code.<\/p>\n<p>To create a new partial, click <b>New Partial. <\/b>Give your Partial a name and a new editor window will open. Insert your code, then click save. (<b>Note: <\/b>Partials can only be created in Design Library.)<\/p>\n<h3>Creating modules from Litmus Builder<\/h3>\n<p>The first step to creating modules from Litmus Builder is to start a new email. Click the New Email button in any folder to get started. Give your email a name, and choose &#8220;Pick a template.&#8221; From here, select the blank email template.<\/p>\n<p><b>If you have existing email templates<\/b>, copy and paste your HTML or CSS into Builder\u2019s code editor. Highlight a section of code, and you\u2019ll see a button that says <b>Save selection as module. <\/b>Just like when creating a snippet from Design Library, you\u2019ll give your snippet a name and a trigger. Click <b>Create module<\/b> to save your snippet. Et voil\u00e0! It\u2019s that easy.<\/p>\n<p><b>If you don\u2019t currently have code to pull from<\/b>, that\u2019s OK! That\u2019s what the email community is for. Our very own Carin Slater crafted these <a rel=\"noopener\" href=\"https:\/\/www.litmus.com\/blog\/snippets-partials-examples\/\" target=\"_blank\" rel=\"noopener\">example snippets and partials<\/a> for you to steal. And the Litmus Community has shared some of their <a rel=\"noopener\" href=\"https:\/\/litmus.com\/community\/snippets\/newest\" target=\"_blank\" rel=\"noopener\">favorite snippets<\/a> you can use.<\/p>\n<div class=\"cta\">\n<table style=\"background-color: #f2f3f6;\">\n<tbody>\n<tr>\n<td class=\"block-1\" style=\"padding: 20px 10px 20px 20px;\"><img decoding=\"async\" class=\"alignnone wp-image-4104 size-full\" src=\"https:\/\/www.litmus.com\/wp-content\/uploads\/2020\/04\/logo.png\" alt=\"Litmus logo\" width=\"140\" height=\"165\" \/><\/td>\n<td class=\"block-2\" style=\"padding: 20px 20px 20px 10px;\">\n<p class=\"zero\"><strong><b>Give modular email creation a try<\/b><\/strong><\/p>\n<p class=\"zero\">Litmus makes it easy to go modular. Store and organize your snippets and partials in Design Library. Then, quickly build and QA test emails with Visual Editor in Litmus Builder. It even comes pre-loaded with a fully optimized email template with modules so you can jump right in.<\/p>\n<p class=\"zero\"><a class=\"btn medium orange button\" rel=\"noopener\" href=\"https:\/\/www.litmus.com\/pricing\/\" target=\"_blank\" rel=\"noopener noreferrer\">Book a demo<\/a><\/p>\n<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<\/div>\n  \t\t\t<\/div>\n  \t\t<\/div>\n  \t<\/div>\n  <\/div>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>Speed up email development, and get more emails out the door faster, with modular building. Learn how to get started with modular building in Litmus.<\/p>\n","protected":false},"author":25,"featured_media":29011,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"tags":[478,499,1163],"blog_category":[549],"class_list":["post-39215","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","tag-design","tag-email-coding","tag-snippets","blog_category-product"],"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v27.5 (Yoast SEO v27.7) - https:\/\/yoast.com\/product\/yoast-seo-premium-wordpress\/ -->\n<title>Getting Started with Modular Building - Litmus<\/title>\n<meta name=\"description\" content=\"Speed up email development, and get more emails out the door faster, with modular building. Learn how to get started with modular building in Litmus.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.litmus.com\/blog\/modular-building-in-litmus\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Getting Started with Modular Building Using Litmus\" \/>\n<meta property=\"og:description\" content=\"Speed up email development, and get more emails out the door faster, with modular building. Learn how to get started with modular building in Litmus.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.litmus.com\/blog\/modular-building-in-litmus\" \/>\n<meta property=\"og:site_name\" content=\"Litmus\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/litmusapp\" \/>\n<meta property=\"article:published_time\" content=\"2021-11-10T15:00:00+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2025-12-17T20:44:11+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.litmus.com\/wp-content\/uploads\/2021\/05\/Litmus-Design-Library-Categories-blog.png\" \/>\n\t<meta property=\"og:image:width\" content=\"1381\" \/>\n\t<meta property=\"og:image:height\" content=\"725\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@litmusapp\" \/>\n<meta name=\"twitter:site\" content=\"@litmusapp\" \/>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"Getting Started with Modular Building - Litmus","description":"Speed up email development, and get more emails out the door faster, with modular building. Learn how to get started with modular building in Litmus.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www.litmus.com\/blog\/modular-building-in-litmus","og_locale":"en_US","og_type":"article","og_title":"Getting Started with Modular Building Using Litmus","og_description":"Speed up email development, and get more emails out the door faster, with modular building. Learn how to get started with modular building in Litmus.","og_url":"https:\/\/www.litmus.com\/blog\/modular-building-in-litmus","og_site_name":"Litmus","article_publisher":"https:\/\/www.facebook.com\/litmusapp","article_published_time":"2021-11-10T15:00:00+00:00","article_modified_time":"2025-12-17T20:44:11+00:00","og_image":[{"width":1381,"height":725,"url":"https:\/\/www.litmus.com\/wp-content\/uploads\/2021\/05\/Litmus-Design-Library-Categories-blog.png","type":"image\/png"}],"twitter_card":"summary_large_image","twitter_creator":"@litmusapp","twitter_site":"@litmusapp","schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.litmus.com\/blog\/modular-building-in-litmus#article","isPartOf":{"@id":"https:\/\/www.litmus.com\/blog\/modular-building-in-litmus"},"author":{"name":"","@id":""},"headline":"Getting Started with Modular Building Using Litmus","datePublished":"2021-11-10T15:00:00+00:00","dateModified":"2025-12-17T20:44:11+00:00","mainEntityOfPage":{"@id":"https:\/\/www.litmus.com\/blog\/modular-building-in-litmus"},"wordCount":7,"commentCount":0,"publisher":{"@id":"https:\/\/www.litmus.com\/#organization"},"image":{"@id":"https:\/\/www.litmus.com\/blog\/modular-building-in-litmus#primaryimage"},"thumbnailUrl":"https:\/\/www.litmus.com\/wp-content\/uploads\/2021\/05\/Litmus-Design-Library-Categories-blog.png","keywords":["Design","Email Coding","Snippets"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/www.litmus.com\/blog\/modular-building-in-litmus#respond"]}]},{"@type":"WebPage","@id":"https:\/\/www.litmus.com\/blog\/modular-building-in-litmus","url":"https:\/\/www.litmus.com\/blog\/modular-building-in-litmus","name":"Getting Started with Modular Building - Litmus","isPartOf":{"@id":"https:\/\/www.litmus.com\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.litmus.com\/blog\/modular-building-in-litmus#primaryimage"},"image":{"@id":"https:\/\/www.litmus.com\/blog\/modular-building-in-litmus#primaryimage"},"thumbnailUrl":"https:\/\/www.litmus.com\/wp-content\/uploads\/2021\/05\/Litmus-Design-Library-Categories-blog.png","datePublished":"2021-11-10T15:00:00+00:00","dateModified":"2025-12-17T20:44:11+00:00","description":"Speed up email development, and get more emails out the door faster, with modular building. Learn how to get started with modular building in Litmus.","breadcrumb":{"@id":"https:\/\/www.litmus.com\/blog\/modular-building-in-litmus#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.litmus.com\/blog\/modular-building-in-litmus"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.litmus.com\/blog\/modular-building-in-litmus#primaryimage","url":"https:\/\/www.litmus.com\/wp-content\/uploads\/2021\/05\/Litmus-Design-Library-Categories-blog.png","contentUrl":"https:\/\/www.litmus.com\/wp-content\/uploads\/2021\/05\/Litmus-Design-Library-Categories-blog.png","width":1381,"height":725,"caption":"Litmus Design Library Categories"},{"@type":"BreadcrumbList","@id":"https:\/\/www.litmus.com\/blog\/modular-building-in-litmus#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.litmus.com\/"},{"@type":"ListItem","position":2,"name":"Getting Started with Modular Building Using Litmus"}]},{"@type":"WebSite","@id":"https:\/\/www.litmus.com\/#website","url":"https:\/\/www.litmus.com\/","name":"Litmus","description":"Are you getting the most out of your email marketing?","publisher":{"@id":"https:\/\/www.litmus.com\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.litmus.com\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/www.litmus.com\/#organization","name":"Litmus Software","url":"https:\/\/www.litmus.com\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.litmus.com\/#\/schema\/logo\/image\/","url":"https:\/\/www.litmus.com\/wp-content\/uploads\/2025\/04\/featured-image.png","contentUrl":"https:\/\/www.litmus.com\/wp-content\/uploads\/2025\/04\/featured-image.png","width":600,"height":314,"caption":"Litmus Software"},"image":{"@id":"https:\/\/www.litmus.com\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/litmusapp","https:\/\/x.com\/litmusapp"]},{"@type":"Person","@id":""}]}},"acf":[],"_links":{"self":[{"href":"https:\/\/www.litmus.com\/wp-json\/wp\/v2\/posts\/39215","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.litmus.com\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.litmus.com\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.litmus.com\/wp-json\/wp\/v2\/users\/25"}],"replies":[{"embeddable":true,"href":"https:\/\/www.litmus.com\/wp-json\/wp\/v2\/comments?post=39215"}],"version-history":[{"count":1,"href":"https:\/\/www.litmus.com\/wp-json\/wp\/v2\/posts\/39215\/revisions"}],"predecessor-version":[{"id":121673,"href":"https:\/\/www.litmus.com\/wp-json\/wp\/v2\/posts\/39215\/revisions\/121673"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.litmus.com\/wp-json\/wp\/v2\/media\/29011"}],"wp:attachment":[{"href":"https:\/\/www.litmus.com\/wp-json\/wp\/v2\/media?parent=39215"}],"wp:term":[{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.litmus.com\/wp-json\/wp\/v2\/tags?post=39215"},{"taxonomy":"blog_category","embeddable":true,"href":"https:\/\/www.litmus.com\/wp-json\/wp\/v2\/blog_category?post=39215"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}