Visual Editor in Litmus Builder
Our codeless Visual Editor works with any HTML and doesn’t require any lengthy set up or special syntax to learn. Start with a template or an existing email, and then we’ll automatically enable codeless editing. You can even restrict certain content from being edited, such as your header and footer.
Start a new email
A quick option to start your email is to select the Create new dropdown from the Home or Emails tab and then choose Create from HTML or Create from template. If you want to paste in code, select the blank email, or choose a template to get started.
There are other options available like duplicating an existing email, pasting HTML into the Code editor, or importing from cloud storage.
Visual Editor layout
Visual Editor shows your content options in the left pane and your browser or email previews on the right side. Access any modules available in your Design Library in the Modules tab. Snippets that pass built-in code validation will appear for easy insertion into your email.
The Content tab allows you to select elements of your email design to edit text. You'll find the Litmus Assistant in this tab to generate different versions of your text that you can choose to include.
If you have added merge tags from your ESP, you can insert any of those parameters from the Personalization tab.
Your email's subject line and preview text are editable directly from Visual Editor. Use the subject line and preview text links above the right side preview pane.
Select the Templates button above the left pane to access your template library and choose another available option.
NOTE: Switching templates will overwrite your work. Be sure to Save before switching templates. You can access and restore prior versions from the Last saved timestamp link next to the Save button.
Text and link edits
To edit text content in your email, click on the content you wish to change in the preview pane, then use the rich text editor on the left to make edits. The rich text editor supports bold and italic formatting, font color, and the ability to add, update, or remove links from text.
To edit links, select the link text in the preview pane. In the editor pane, you can update the link URL and link text using the input fields. This will not link/unlink image elements.
You can add UTM parameters to the links in your email from the Tracking menu above the left pane.
NOTE: Some content in your template may not be editable if the template creator chose to restrict editing of certain sections. In this case, you will see a disabled cursor icon when you hover or attempt to select non-editable content.
Backgrounds and image edits
To replace a background image, select the section of your email containing a background image. Use the Browse button to upload an image from your computer. If the image you want to add is hosted elsewhere, paste the image source URL into the source field and you'll see your hosted background instantly.
Ensure your email looks great even when images are disabled with a background color fallback option.
To replace an image, select the image in the preview pane. Use the Browse button to upload an image from your computer. If the image you want to add is hosted elsewhere, you can paste the image source URL into the source field and the changes will instantly appear in your preview pane.
Visual Editor includes a field to enter your image alt text quickly and easily for accessibility and better inbox experience if images are disabled.
NOTE: Litmus auto-resizes your images, maintaining their aspect ratio to fit the template you're using. To help ensure your email looks great for all recipients, we'll also point out when an image is not optimized for retina (high-density) displays.
Move, duplicate or remove elements
Many elements in your template can be moved, duplicated, and removed to customize the design of your email. Selecting content in the preview pane shows a toolbar with these options.
NOTE: Depending on how your template is constructed, some elements may not work with this tool. In order to maintain the integrity of your template, the tool validates elements so you can avoid tricky email client rendering issues.
Enterprise plan features
Enterprise plans include additional Visual Editor capabilities. Please contact us if you'd like to explore these features!
Insert drag-and-drop modules
Add new content to your email using the drag-and-drop editor.
Brand colors
Define your brand's colors in the Design Library and use them when editing text or backgrounds.
