Items in Email Builder
Last updated
Last updated
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 about various Items available in the Email Builder and how to use them.
Learn about Items that are automation-specific in this guide.
All Layouts & 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 Elements tab gives an overview of all default Items available like Text, Button, Image, Logo, Video, Divider, Social media, Discount and HTML.
Open the Element 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 you want to update. Here you get to pick text style, font, font size, and line color. Moreover, you can use styling from a menu on the right side with multiple options to transform your text.
The options include bold, italics, text color, underline, strikethrough, and aligning (left, center, right, justify), making the ordered or unordered list, and decreasing/increasing indent. Simply select the text/words you'd like the changed to apply and choose the styling options on the right.
By selecting specific text inside a text item, you can change its font family and size on the right-side panel.
Select the following option to add the personalization tags to your text. This will pull personalization data about your customers once the email goes
Open the Element menu and drag&drop the Button to your email content.
To change the text of your button, select the button → and edit it on the right-side sidebar. Here you can also add the link you'd like your button to.
Afterward, you can configure your button style.
To add a Logo to your email content, select it from the HEADER menu.
The logo Item is created with the default logo and store URL that can be set under Brand assets. You can replace them with some other logo image and URL.
Change the size at Width and Custom height as you wish.
Add a menu to navige your customers to specific part of your store. You can add it from HEADER menu. Just simply switch to Menu tab.
Click "Add menu items" to change the title and edit the link for the menu. You can add as many menu items as you like.
Add a line/divider to separate content or make more space using the Divider from Elements menu. You'll get to pick the border and width, style, alignment, and color for the line.
To add an Image to your email, select it from the Elements menu.
Select the image you want to add to your email content when adding an image on the right-side menu by click "Add image".
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 → adjust the Width and Height bar to resize it the way you want.
Note! You won't be able to make the image more extensive than you've uploaded to Uppush. So, if you want a picture to be larger, you should upload it that way to Uppush.
You can customize your email campaigns using the HTML code Item if you are familiar with HTML. The HTML editor is located on the Elements Menu.
With the discount Item, you can send auto-generated codes for Shopify, or insert the discount code manually inside the 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.
To add a Social media Item to your email content, select it from the Element 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 'Update' button.
The Layout is the backbone of your email, and it should be added as a first thing. Items should be dragged to email content within the layout. 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, background color, or image on the right-side menu.
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.
To drag the layout, use the controls on the left side. Use the controls on the right side to move, delete, or save a specific item.
Still, have any questions? Feel free to contact our support team at support@uppush.io