Omnisend Email Builder: Items

Customize and build your email campaigns and automated emails using content blocks and layouts in the Email Builder. Drag any block from the left sidebar into your layout to add and configure it.

In this article, you'll learn about various Items available in the Email Builder and how to use them.

All layouts and content blocks are in the left sidebar.

Go to the Add Elements tab to see the full list of available blocks: Text, Button, Image, Logo, Menu, Line/Space, Social Media, Discount, HTML, and Layouts.

The layout is the backbone of your email. Add it first, then drag content blocks into the layout columns.

To add a layout or block:

Once a layout is selected, use the right-side panel to set its padding, background color, or background image.

Once set, you can start adding Items to your layout from the Add Elements menu.

Drag the Preheader block from the Add Elements menu into your email.

The preheader includes a view-in-browser link, which lets recipients view a web version of the email. This can help prevent display issues in email clients that block images or have trouble rendering HTML emails.

In the block settings, you can update the description text and configure the style, font, size, line height, color, padding, and visibility.

Drag the Text block from the Add Elements menu into your email.

Select the text you want to format, then choose your options in the right-side panel: text style, font, font size, line height, bold, italic, underline, strikethrough, text color, alignment, ordered and unordered lists, and indent controls.

To change the font family or size for a specific section, select that text and update the values in the right-side panel.

To add personalization (for example, a customer's first name), select the personalization icon in the toolbar. The tag will pull customer data when the email is sent. Learn more about personalization.

Drag the Button block from the Add Elements menu into your email.

To edit the button text and link, select the button and update the values in the right-side panel.

To change the button style, click Button settings while editing the button, or click the email background → Email settings → Buttons.

You can set styles for three button types: Primary, Secondary, and Tertiary. For each type, you can configure:

Select the Logo block from the Add Elements menu.

The Logo block uses the default logo and store URL from your Brand assets. You can replace them with a different image and URL. Drag the corners of the image to resize it.

Drag the Menu block from the Add Elements menu into your email.

To edit the menu, click the section you want to change, update the name, and set the link. Use Add new item in the right-side panel to add more menu sections.

Drag the Line/Space block from the Add Elements menu into your email.

In the right-side panel, switch between Line and Space types. For a line, configure the border width, style, alignment, and color. For a space, set the height in pixels.

Open the Add Elements menu or the Images tab and drag an Image block into your email.

Select the image you want to use in the right-side panel.

To remove image padding, click Remove paddings in the right-side panel under Padding settings.

To add a link, enter the destination URL in the link field in the right-side panel.

Add alt text in the right-side panel. Alt text displays when images are blocked or turned off by the recipient's email client, and it is read by screen readers for visually impaired recipients.

To resize an image, select it, hover over a corner, and drag to the size you want.

To rearrange images within the layout, use drag and drop.

To add a video block, first add a layout, then drag the Video block from the Add Elements menu into the layout.

Add the video URL in the right-side panel. Omnisend supports YouTube and Vimeo links. The link is automatically converted into a clickable image thumbnail.
​

Drag the HTML block from the Add Elements menu into your email.

You can add custom HTML code using the editor in the right-side panel. For supported tags and CSS elements, see Custom HTML Content Block.

Find the Product Listing block in the Add Elements menu, or select a Product Listing template from the Product tab in the left sidebar.

Configure the number of products, select which product details to display, and style the block to match your email. Rearrange products using drag and drop in the right-side panel.

Drag the Product Recommender block from the Add Elements sidebar into your email.

Product Recommender automatically pulls up to 8 products from your store, including images, titles, descriptions, prices, and product links. You can select which details to include. The block refreshes every hour to reflect the latest product data from your store.

Drag the Discount block from the Add Elements menu into your email.

With this block, you can send auto-generated codes for Shopify, BigCommerce, and WooCommerce stores, or insert a discount code manually for all other platforms.

The block can be styled the same way as other blocks, and its elements (buttons, headings) can be configured template-wide in Email settings.

Drag the Social Media block from the Add Elements menu into your email.

Select the social media icons you want to include. Then configure the size, alignment, shape, and color for each icon.

To set the link for each icon, click the icon → Change link. If you have social media profile URLs saved in Store settings → Brand assets, they will fill in automatically.

If your store is on the Free plan, an Omnisend badge appears at the bottom of your email. This badge cannot be removed on the Free plan. To remove it, upgrade your plan.

How do I add a personalization tag as a link in the text block?

Copy the personalization tag. Select the text you want to turn into a link and add a hyperlink. In the URL field, paste the personalization tag. This is the same method used for adding an unsubscribe link.

I get the error "Your text needs some adjustments" when saving. How do I fix it?

This error means the text contains unsupported formatting, usually from content pasted from an external source.

If the issue still persists, click Contact support in the error message to open a chat with pre-filled context.