Building with modular content in Litmus Builder
The Litmus Design Library provides a centralized home for your brand's reusable templates and content modules, making it easy for anyone to create a high-quality, on-brand email quickly. In Litmus Builder, you can use your brand's reusable modules while building an email either in our code editor or visual editor.
NOTE: Already have a Litmus account? Once signed in, you can add our pre-made design pack with snippets and a template here.
Inserting modules via drag-and-drop in Builder's visual editor
Whether you’re an HTML whiz—or have never touched code before—with Builder's visual editor, you can build emails the way that you want quickly and easily.
In visual editor, snippets modules can be inserted via simple, intuitive drag-and-drop controls. To learn more about using drag-and-drop editing, read this article.
NOTE: Drag-and-drop modules are available on Litmus Enterprise plans.
Inserting modules in Builder's code editor
Using snippets modules
Snippets are modules of reusable content that are ideal for elements that are commonly used across email designs.
To browse your Snippets, click on the Insert menu and click Snippet. This will open the Insert panel in Builder and display a list of your Snippets, ordered alphabetically. You can search your Snippets using the search input at the top of the list.
When you've found a Snippet you want to insert, hover over it and click Insert. This will insert the Snippet in the location of your cursor. Optionally, you can click Copy trigger to copy the Snippet trigger to your clipboard, then place your cursor where you want to insert the Snippet in your code, and then paste the trigger and hit the tab key to expand the Snippet.
Using partials (global modules)
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. Partials can only be inserted in Builder's code editor.
To browse your Partials, click on the Insert menu and click Partial. This will open the Insert panel in Builder and display a list of your Partials, ordered alphabetically. You can search your Partials using the search input at the top of the list.
When you've found a Partial you want to insert, hover over it and click Insert. This will insert the Partial in the location of your cursor.
