Drag-and-drop building in Visual Editor

Empower your entire team to creatively and quickly build on-brand, high-performing emails for every marketing need, so you can spend more time on what matters most—driving conversions and delivering business results.

Utilize the Code Editor in Litmus Builder to create your emails from scratch or use our codeless Visual Editor to create emails without any coding knowledge. Visual Editor works with any HTML and doesn’t require any lengthy set up or complex, proprietary syntax to learn.

With our new drag-and-drop modular building in Visual Editor, all team members, regardless of their technical ability, have the flexibility to create custom emails for every project, so you can scale your email program and focus on innovation.

Using drag-and-drop to build an email

Browsing modules

Once you've started a new email, you'll find yourself in the Visual Editor with a list of modules on the left hand side of your screen. Each of these modules is a custom block of content from your Design Library that you can drag and drop into your email to add new elements and content. You can use the search input at the top of the modules pane to find content more quickly.

Note: only snippets modules are available for drag-and-drop editing. Global modules (partials) can only be included in your email or template through the code editor as these elements are "locked" and restricted from editing in the visual editor.

To learn more about modules and how to create them, check out our Design Library guide.

Inserting modules via drag-and-drop

Once you've found a module you want to insert into your email, simply:

1. Click and drag the module over the area in the email pane where you want to insert it 
2. You will see a thin blue line and Drop here label, indicating the location where your content will be inserted
3. Once you've chosen the desired location, release your mouse to drop the content
4. The content will be inserted and appear in your email in the dropped location

Not happy with your change? Simply use the  Ctrl/Cmd+z keyboard shortcut or the Undo button to undo.

Frequently asked questions

Why are some modules from my Design Library not available?

Note: only snippets modules are available for drag-and-drop editing. Global modules (partials) can only be included in your email or template through the code editor as these elements are "locked" and restricted from editing in the visual editor.

To create a safe and intuitive editing experience, Litmus automatically validates your Design Library modules for compatibility with the Visual Editor and excludes content that can't be dragged and dropped into an email, including:

• modules containing invalid or incomplete HTML
• modules containing no visible content

Why can't I drop content in certain locations?

In order to ensure every email you build renders beautifully across email clients, Visual Editor automatically identifies all the valid locations in your email where a module can be inserted. You will know you can drop your content when you see the blue Drop here indicator.

What should I do if I run into an issue?

Contact our support team at hello@litmus.com or click the Give feedback button in Visual Editor and send us your comments.