Product Listing Item

Learn how Product Listing works in Email Builder

Ira avatar
Written by Ira
Updated over a week ago

You can easily add products from your online store directly to your emails using Product Listing. Everything, including the product's image, description, price, and link to the product, will be added automatically.

Contents

Before you begin

  • Product Listing can be used in both Email Campaigns and Automation workflows.

  • Product Listing is available for Omnisend users with Shopify, Bigcommerce, Magento, Woocommerce, or API integration.

  • If your store is integrated via API, you will need to add our front-end snippets before you can start using Product Listing. Check our Developers' guidance for details.

  • It is available on all the Omnisend pricing plans.

Using Product Listing

Product Listing automatically adds up to 8 products from your store - images, titles, descriptions, prices, and links to the product. You can also choose which information should be included.

To start using Product Listing, head to either of your emails - a new campaign or a particular email on your automation workflows.

Once open your email, drag and drop the Product Listing from the left sidebar to your email content. There are three items to choose from with a different number of products to show. The number of products can be changed once the Product Listing is added to the email content.

Item settings

Once you add a Product Listing to your email, you can select which products from your store to include in the email.

For this open Product listing tab, by clicking on any placeholder image of the item → Click Pick products from the store:

A single Product Listing can hold up to 8 products. Please note, in case you need more than 8 products displayed in a single email, you would need to drag and drop more Product Listing Items to your email content.

Move the toggle or type in the number of products you'd like to show.

Once products are added, you can re-arrange them by using the drag and drop option on the right menu:

Note! Depending on your store currency, the currency symbol will have different placement when products are added using the 'Pick products from store' feature (e.g., CAD will be added after the price is - 100$ and USD before - $100). If you don't like automatic placement, you'll need to adjust the price manually for each product in the Product Listing item (e.g., move the CAD sign to be before the price - $100 instead of 100$).

You can also differentiate between the old and new prices with just one click. You will also be able to add or remove all old prices by marking a checkbox and changing the color only for old prices.

Note! For Shopify stores, we automatically pull product links on the myshopify.com domain when you add a product using the Product Listing Item. However, you shouldn't worry because Shopify takes care of the redirection automatically. So, once the button is clicked, customers will be taken to your store on a custom domain.

Product picker

You can also pick products directly from your website and have them added to the email content. Once you click the "Add products directly from store" button, you'll be brought to the store with a small Product Picker tool displayed in the right corner of the screen.

Then go to the page of the product you want to add and click on the "+" button. To add more products, go to another product page and repeat. Read more about Product Picker in a dedicated guide.

Alongside the number of products, you can choose the details you want to show in the email. The product image, name, description, price, and button that links to the product page will be added automatically from your website.

The product listing can be split into 3 fully customizable sections and can be adjusted manually from your side. Those are Image, Text, and Button Settings. By selecting separate parts of the item, you can edit the image, text, and button accordingly.

Here is the list of settings that can be edited for each part of the Item:

  • Image: image (replace/remove), remove image padding, alt text, link (automatically links to the product page), alignment;

  • Text: text style, font, font size, line height, color;

  • Button: button text, link (automatically links to the product page), style, alignment.

    Tip! Feel free to click on the Button settings note to style the button.

⚠️Note to access more color options, click on + sign. There you will be able to type in hex color code as well as select any color you like using the color picker.

Voilà! Products that you have selected are added to the newsletter.

FAQ

What's an alt text for a Product image?

Consider it as the backup text that explains what your image is for individuals who have images blocked or disabled by default in their browsers.

Buttons look small; can I make them any bigger?

You can choose full button alignment to show buttons fully below your product.

Did this answer your question?