Customize your campaigns and automated emails with our drag-and-and-drop Items. Add or edit text, images, products, discount codes, and more using Items.
In this article, you'll learn a variety of Items available in New Email Builder and how to use them.
Before you begin
This article is dedicated to New email builder Items; if you want to know more about Classic email builder Items, continue reading here.
All Items are available on the left sidebar once you select the template you'd like to work with. Here you will see a few tabs indicating the Items that can be added to email content.
The Quick add tab gives an overview of all default Items available like Text, Button, Image, Logo, Menu, Line / Space, Social media, Discount, HTML, and possible Layouts.
Items should be dragged to email content within the layout. To move it, click and hold it, drag the item to where you'd like it to go, and release it.
You can also choose all the different types of layouts that you want. Drag them to the place where you want to add them.
Once you select the layout, you can add padding and background color or image on the right-side menu.
Like with a single item, to add a new Item to the section you've created, go to the Quick add tab and drag the item to the area where you want to add it.
To move or delete the section, use the controls on the left side. To delete a specific Item, use the controls on the right side.
You can leave some Items empty, and the builder will respect that space to create more focused and intricate layouts.
Open the Quick-add or Preheader menu and drag&drop the Preheader to your email content.
Preheader includes a view-in browser link that allows your newsletter recipients to view the web version of the email message stored on our servers. Adding this link to your email message preheader may protect your newsletter recipients from any issues with displaying images or viewing HTML emails. In the Item settings, you can change the description of the text and the text settings, including style, font, size, and line-height. Here, you may also pick the colors, padding, visibility, etc.
Open the Quick-add menu and drag&drop Text Item to your email content.
To edit the style formatting of your text in a specific Item, 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). Moreover, you can colour text word-by-word using the More text → text color option.
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), click this button to edit how your text is presented in the Item.
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.
Select the following option to add the personalization tags to your text. Read more about personalization here.
Apart from these settings, you can also find some style options on the right-side menu. You can edit text style, font, font size, line height, text, and link colors.
Open the Quick-add menu and drag&drop Button to your email content.
To change the text of your button, select the button → and edit it on the right-side sidebar.
Add the link you'd like your button to:
Afterwards, you can select your button style. You can edit button styles by Clicking Button settings while editing the Button or by clicking on the email background → Email settings → Buttons.
Here you can select styles for 3 types of buttons: Primary, Secondary, and Tertiary. For each button type, you can choose:
Font and Font size;
Button text-decoration (bold, italics, and underline);
Text and Background colors;
Border width, style, and color;
To add a Logo to your email content, select it from the Quick-add menu.
The logo Item is created with the default logo and store URL that can be set under Contact information under Store settings and Brand assets. You can replace them with some other logo image and URL. Change the size by dragging the corners of the image.
To add an Image to your email, select it from the Quick-add menu.
Select the image you want to add to your email content when adding an image on the right-side menu. Remember that you can use JPG, PNG, and GIF formats under 2000px in dimensions.
Then you will see 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. It would help if you thought 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 → and resize it the way you want.
Note! You won't be able to make the image more extensive than you've uploaded to Omnisend. So, if you want a picture to be larger, you should upload it that way to Omnisend. However, remember that it can't be bigger than 2000px in dimensions.
Re-arrange the images within the layout by using the drag and drop:
You can customize your email campaigns using the HTML code Item if you are familiar with HTML. Check allowed HTML tags and supported CSS elements here. The HTML editor is located on the right side of the screen.
Find the Product Listing in the Quick-add menu or select any Product Listing template from the left-side menu under the Product listing.
You can select the number of products you want to be shown in this product listing and product details and style it according to your needs.
Re-arrange the products by using the drag and drop option on the right menu:
Read more about the Product Listing in the New email builder here.
With the discount Item, you can send auto-generated codes for Shopify, Bigcommerce, and WooCommerce stores or insert the discount code manually for all other platforms inside the new email builder.
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.
💡 Read more about Discount for Shopify, Bigcommerce, WooCommerce, and other platforms.
To add a Social media Item to your email content, select it from the Quick add menu.
Start with selecting the social media icons you want to add to your Social media:
Then you can edit their size, alignment, shape, and customize color:
Finally, proceed with adding the links to each social media icon by clicking the icon you want to add the link to → click the 'change link' button:
If you have the social media links added to the Contact information or Brand assets, those will be added automatically.
Note! The limit of icons for one Social media item is 5. If you want to add more social media icons, use 2 Social media Items.
If your store is on the Free plan, you'll notice a Badge at the very bottom of your email content. Please note that this Item cannot be removed on the Free plan; to remove Omnisend badge, you will need to upgrade your plan.
Automation events-based Items
Some Items are available in specific automations only based on the trigger used in Automation. Continue reading to learn more.
In abandonment automations (Abandoned Cart, Browse Abandonment, Product Abandonment), you will be able to add an Abandoned cart Item to your email content.
This Item will automatically pull the items your customers abandoned, so all you need to do is drag and drop it to your email and adjust the settings and design to your liking.
You can pick how many items you want to show (up to 8) by moving this toggle:
Within the product details, you can pick which information about products you would like to include in the email:
You can also choose not to show items that are out of stock by marking the checkbox under Other settings:
💡 Read more about Abandoned Products and learn how to time your abandonment automations here.
Order and Billing/Shipping
For your order-related automations, you will be able to add Order summary and Billing and Shipping.
You can technically split the Order summary Item into three customizable parts:
For Order details and its design, you can edit the title and choose to include the order number and order date.
For the order products part, you will be able to choose what specific info about purchased products to show in the email by selecting responsible checkboxes.
Order Total part gives an overview of the pricing details of the order; like with other parts of the Item, you will be able to select what info to include in the email.
Billing and Shipping
The billing and Shipping Items allows you to choose which billing and shipping details should be added to the email content. Billing details include Name and Surname, State, Company, Zip, Address, Country, Phone, and City information. Shipping details include Name and Surname, State, Company, Zip, Address, Country, Phone, and City information. Based on your choice, any of these points can be omitted or included in the email.
💡 Tip! You can duplicate any Item without the need to recreate it.
Why are some Items available in the classic email builder but not in the new one?
The new email builder is still in Beta mode right now. We're slowly rolling out new features to ensure the new email builder works correctly when used by many clients at once.
How can I 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 an unsubscribe link to your email in the new email builder:
I keep getting an error when saving the email; it says the changes cannot be saved.
If you copied the text from external resources, it could be that text is not UTF-8 encoded. Please clear the formatting of all saved texts and try again.
Still, have any questions? Feel free to contact our support team at [email protected].