Uppush
HomeDemoInstall app
  • Getting started
    • Introduction to Uppush
    • Uppush Initial Setup
      • How to install Uppush app?
      • How to Activate and Customize Popup Widgets ?
    • Syncing Uppush with Shopify: Automating Subscriber Sync and Data Flow
  • Web Push Notification
    • Web Push Notifications: A Beginner’s Guide
    • Web push notification vs Email marketing
    • What is Impression?
  • Setup Email Marketing
    • Email Marketing Feature Overview
    • How to Send/ Schedule an Email Campaign
  • UPPUSH EMAIL BUILDER
    • Items in Email Builder
    • Event-based Item in Automation
    • Creating and Saving Custom Email Templates
  • Web Push Campaign & Segmentation
    • What is Push Notifications Campaign?
    • Web Push Campaign Overview
    • How to create a new web push campaign in Uppush
    • Create discount in a push notification campaign
    • Web Push Campaign template & image resource
    • What is Scheduled Push Campaign
    • Segment for Web Push Campaign
    • Add discount code to push notifications campaign
  • Improve Email Delivery
    • Adapting to Google and Yahoo’s Latest Sending Requirements
    • Email Warming: What It Is and How It Impacts Your Marketing
    • DKIM, DMARC, SPF Explained & Email Authentication
    • Building and Maintaining a Strong Sender Reputation
  • POP UP & PUSH AUTOMATION
    • Popups Customization Guide For Subscribers Collection
      • Managing your popups list
      • Editing a Popup
        • Rules
        • Multi-language pop-up display on storefront
        • Content
        • Style
        • Widget
    • Push Automation
      • Welcome notifications
      • Abandoned cart recovery
      • Abandon checkout recovery
      • Abandoned product browsing
      • Back-in-stock alert
      • Price drop alert
      • Shipping journey
      • Product release
    • Multi-Language Auto-Translate in Automation Workflows
  • SETTINGS
    • Settings Overview
    • WPA - Web App Applications
    • Email Sender
    • Verify domain
      • Verify Your Porkbun Domain
      • Verify your Domain.com Domain
      • Verify Your Hostinger Domain
      • Verify Your Bluehost Domain
      • Verify Your GoDaddy Domain
      • Verify Your Namecheap Domain
    • Verify test email
    • Page
  • Technical Support
    • Trouble Shooting
      • Why doesn't the app work on my IPhone?
      • Way to reset Browser for testing
    • FAQ
      • Differrence between product browse abandon vs Cart abandon vs Checkout abandon
      • Can Uppush send notifications via SMS?
      • I want to change my store them, does that affect how the app works?
      • Can I delete a campaign?
      • Can I stop a scheduled campaign?
      • I only want to display the popup in some specific pages?
      • How to import subscribers from another apps?
      • Will Uppush slow down my store?
  • Updates & Release Note
  • Developer Documentation
Powered by GitBook
On this page
  • Before you begin
  • Layouts & Items library

Was this helpful?

  1. UPPUSH EMAIL BUILDER

Items in Email Builder

PreviousHow to Send/ Schedule an Email CampaignNextEvent-based Item in Automation

Last updated 4 months ago

Was this helpful?

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.

Before you begin

  • Learn about Items that are automation-specific in .

Layouts & Items library

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.

ELEMENTS

The Elements tab gives an overview of all default Items available like Text, Button, Image, Logo, Video, Divider, Social media, Discount and HTML.

Text

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

Button

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.

Logo

To add a Logo to your email content, select it from the HEADER menu.

Change the size at Width and Custom height as you wish.

Menu

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.

Divider

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.

Image

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.

HTML

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.

Discount

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.

Social media

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.

💡 Tip! You can duplicate any Item without the need to recreate it.

Layout

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.

Move, delete, save layouts

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

The logo Item is created with the default logo and store URL that can be set under . You can replace them with some other logo image and URL.

Brand assets
this guide