Here at Omnisend, our Team develops the product regularly, and new features and improvements are released every week. In this article, we will show our brand new email editor, how to access it and what features are available already.
Accessing the new builder
To access the new email builder, you need to create a new campaign. Then, you’ll see a “New email builder” option promoting new templates in the template selection. Select this block to continue.
Note! You won't be able to select an old editor in your existing campaign once you choose a new editor. If you'd like to use the old editor, create a new email campaign and select one of the templates instead of the new email builder.
Also, a new editor is available if you'll create an automation workflow that has the 'new email builder' tag:
Once you click on the new email, you’ll access our brand-new email templates. These templates are built for specific purposes. Browse through them and select the one that fits your needs for your email campaign.
We also have a plain text email - which is meant for writing a friendly “from the founder “ type of email. An HTML email is intended to add your custom code by adding your email's HTML body.
Building your email
Once you pick a template, the system will take you to the new builder. On the side, you can set Global styles that will change the style of the whole email. At the top, there’s an option to send a test message and change your subject line or move on to the next step.
To add a section, click the + sign on the left-hand side. You can choose all the different types of layouts that you want. New sections will appear below the selected block automatically.
Once you select the section layout, you can add padding and background color in the menu on the right.
To add a new content block to the section that you've created, click on the plus sign where you have space. Then select the content block you need.
Also, you can select an existing block, and two plus signs will appear above and below the content block you've chosen. Depending on where you want the new block to appear click on the top/bottom plus sign. Then select the content block you need.
To move or delete the section, use controls on the left side. To delete a specific content block, use controls on the right side.
You can choose to leave some content blocks empty, and the builder will respect that space to create more focused and intricate layouts.
Adjust your email global styles by changing the button and text colors, text font families, sizes, and email width:
To edit the style formatting of your text in a specific block, select the part that you want to update, and a menu with multiple options to transform your text will appear right below the text you've chosen. The options to edit the style of your text are located on the right side of the menu (Bold, Italic, Underline). To get more options to edit the style of your text (Strikethrough, Font family, Font size, Text color, Background color, Clear formatting), click this button:
To edit the space settings of your text, use the same menu as for the style formatting, but space settings (left, center, right alignment) are located in the middle of this menu. To get more options (align, justify, ordered list, unordered list, line height, decrease/increase indent) to edit the way your text is presented in the block, click this button:
If you want to add a link to some part of your text, select the text you want to add the link to and use the button on the right side of the text editor menu. Then enter the URL.
To add the personalization tags to your text block select this option:
Firstly, when you're creating an image block, select the image that you want to add to your email content. Keep in mind you can use JPG, PNG, and GIF formats, each under 2000px in dimension.
Then you have an option to enter the URL where your image will link to:
Also, you can add Alt text. For those of you who wonder why Alt text is essential for images in emails if it doesn't impact the SEO of the website, as it does on websites. You should think of it as backup text that provides some context about your image for those who have images blocked or turned off by default. Another critical reason Alt text is used is for visually impaired subscribers who may use a screen reader to describe images in an email.
To resize your image, select it ➡ hover to the corner of the image ➡ resize the image the way you want.
Note! You won't be able to make the image bigger than you've uploaded to Omnisend. So, if you want an image to be larger, you should upload it that way to Omnisend. However, keep in mind that it can't be bigger than 2000px in dimension.
To change the text of your button, select the button block first, then click again on the text your button has right now, and then you'll be able to erase it or edit it.
Then add the URL your button will link to.
Change the shape of your button if you want.
Select background and border colors for your button using the menu on the right side of the screen. You can select from the default ones or enter the color code.
You can change the font family, size, and color (select from the default ones or enter the color code) of your button text.
Finally, change the button alignment.
If you are familiar with HTML, you can customize your email campaigns using the HTML code content block. Check allowed HTML tags and supported CSS elements here. The HTML editor is located on the right side of the screen by default, but you can switch the editor view to the bottom if you want.
Product listing block
This block should be selected by clicking plus sign as you do when adding a new section, but this time go to the Product listing tab, instead of Layouts.
Product listing will be added below. You should select the number of products you want to be shown in this product listing block on the next step. Also, select properties that you want to be shown for each product.
Then edit all the properties that you've selected for the structure of your Product listing block:
Product Picker is a tool that helps you add the products to your emails directly from the store. The product's image, description, price, and link to the product can be added automatically.
Note! If your product has multiple variants, the product picker will pull the main variant and all info about it. So, if you'd like to show multiple variants of the same product in one email, you'll need to add images, descriptions, prices, etc. manually.
Discount content block
With discount block you can send auto-generated codes for Shopify and Bigcommerce stores or insert the discount code manually for all other platforms inside the new content editor:
Discount can be added as a block into any section with elements such as image text, button, and HTML;
Discount can be inserted as a pre-made section that already contains the most frequently used together elements;
It can be styled just about the same as everything else, and all containing elements can be styled template-wide together with other buttons, headings, etc.
You can also redo/undo the changes you made in the new editor using the buttons in the top right corner. There are unlimited undo steps, so you can get to very the beginning of designing with the possibility to start from scratch.
Note! Reloading the page restarts the feature, so undo history will be lost.
How to add personalization as a link to the text? To add a personalization tag as a link to the text, you'll need to copy the personalization tag first, then convert the text to the link and insert the personalization tag in the URL section. Here's an example of how you can add unsubscribe link to your email in the new content editor:
Why are some blocks that are available in the old editor aren't available in the new one?
The new email editor is in the Beta phase right now. We're slowly rolling out new features one by one to make sure the new email editor works correctly when used by many clients at once.
Is it possible to use a new email editor to build emails in the automation? Yes, it's possible to use the new editor in some of the automation. To use the new editor in the automation, you'll need to create the workflow preset that has the 'New email builder' tag, as on the screenshot below:
Can I save emails created in the new email editor as templates? No, it's not possible for now, but it will be possible in future updates.
Is it possible to render emails built in the new email editor without any issues on devices that use Dark Mode? You can read more about this here: The Ultimate Guide to Dark Mode for Email Marketers.
I don't see a new email editor in my account when I create a new email campaign. What can I do? If you want to have access to a new email editor and don't have it yet, contact our Support Team, and they'll enable a new email editor for your account.
Have any questions? Contact our Support team at [email protected]