User GuideDeveloper GuideTechnology Partners
User Guide
BlogLogin

Using Product Picker in UCE

Learn to use product picker to create an email using the Netcore CE dashboard.

Suggest Edits

Products can be directly added to email templates via the UCE using the Product Picker. Refer to this document to learn how to create Email templates with our Unified Content editor (Drag & Drop). Follow the steps given below:

  1. Drag & drop or select the Products blocks on the canvas. The right pane has two sections: General and Style, each offering different options.
Use Product picker to add Products to your Email

Use Product picker to add Products to your Email

Refer to the table below to learn more about General options.

General OptionsDescription
TypeSelect the method for displaying products in your email:

Dynamic: This displays products that update automatically based on predefined rules or triggers. These rules can be based on:
  • Recommendations: Products tailored to the user’s preferences or behavior.
  • Collections: Specific product groups curated in the catalog.
  • Merchandising triggers: Rules like Best Sellers or New Arrivals.
  • Custom sources: Products filtered by attributes like price, inventory, or categories.


Static: This displays a fixed selection of products selected manually by you. These products remain the same for all recipients, regardless of their preferences or behavior.
Products to displayClick SELECT to choose the specific products you want to add to the email.
Product details to displayThis is a mandatory step to select the product details to include. You can choose up to seven details such as name, price, or description. Click Edit to select labels, map attributes, and redirection URLs, then click Save.
ButtonToggle On/Off to include a button for each product and add custom button text. For example, Buy now or Add to cart.
PaddingAdjust the spacing within the template.
AlignmentAlign the selected element within the template.
No. of images in a rowSpecify the number of product images to display per row in the email from a dropdown menu.
No. of productsSelect the number of products to include in the email from a dropdown menu.
Image AlignmentSet the alignment of product images: Left or Right.
Product AlignmentSelect how products are displayed in the email: Grid (products arranged in rows and columns) or List (products arranged vertically).
ResponsiveSelect whether you want to hide the element on mobile devices or a computer.

Refer to the table below to learn more about Style options

Style OptionsDescriptions
Block BackgroundAllows you to set background colour or image.
Block borderAllows you adjust border thickness, style, colour, and corner radius with Border Settings.
  • Border Thickness: Adjust the width of the border.
  • Border Style: Choose from Solid, Dash, or Dotted for different border appearances.

    • Solid: Creates a continuous, solid line for the border.
    Dash: Generates a border with a series of short dashes.
    Dotted: Produces a border made up of evenly spaced dots.

  • Border Radius: Determine the curvature of the border's corners.
  • Border Colour: Select the colour of the border.
    • Card styleDefine how individual product cards are displayed. Image display options are Actual size, Fill space, Fit inside, and Stretch to fit. You can also edit the width, height, border color, thickness, style, and corner radius.
    Image propertiesImage display options: Actual size, Fill space, Fit inside, Stretch to fit
    You can also edit width, height, border color, thickness, style, corner radius
    ButtonToggle the button on or off. Set the button text, font style, color, and alignment.
    Product details styleUse the slider to set the spacing between details. Select font style, size, and color for the product name.
    GradientAllows you to create gradual changes of colour within the template using the Gradient Type and Gradient Direction.

    Gradient type: It refers to the specific manner in which colors transition within a gradient.
  • Radial: Radiates outward from a center point in a circular pattern.
  • Linear: Transitions in a straight line (horizontal, vertical, or diagonal).
  • Repeat Radial: Repeats the radial pattern across the element.
  • Repeat Linear: Repeats the linear pattern along the specified direction.
    • Gradient Direction: Select the direction for the gradient effect, including top, right, center, bottom, or left.

    📘

    Dynamic Rule in Product Feeds

    • If no products are fetched due to an out-of-stock catalog, the email will be suspended. The journey will continue, but the email will not be sent.
    • If a dynamic rule is in a template and the product feed is deleted, the email will also be dropped, while the journey remains active.
    1. When your template is ready using your desired elements and settings, click the Live Preview button to see how it will appear on the website.
    2. Click the Save & Next button to send your email.

    Updated about 1 month ago