Featured Products Element

The Featured Products element offers a dynamic way to spotlight specific products on store pages. With customizable placement, layout flexibility, and seamless product selection, it ensures your most important items are prominently displayed to engage customers quickly.

How It Works #

Navigate to the Sites > Stores section in your account, and proceed to create a new store, or click an existing store to modify it.

Add the Element #

Open the page builder or create a new page.

Select the option to Add an Element then locate the Featured Products element.

Drag and drop the element to the desired position to maximize visibility.

General Settings  #

Name #

Configure the element’s name for easy identification.

Products #

In this section, you can add additional products, rearrange the order in which they will appear, link products you have created, and delete products for effective management.

To link products, click any placeholder product in the builder under the Products group. Use the search bar to find and select the desired products to display. The selected products will replace the placeholders.

Note: By default, the dropdown displays only 10 products; use the search function to find additional items.

Ensure that each product is properly linked so it can be displayed on your store page! 

Design Settings #

Customize the heading, margins, padding, colors, borders, and fonts for a cohesive look. Additionally, choose whether to display reviews and ratings for the selected products to further market your offerings.

Layout #

Adjust the number of products per row in the Layout tab. By default, 3 products are displayed per row, but this can be updated to a maximum of 5 on desktop and 2 on mobile.

Text Customization #

The text displayed across various store components like the Product List, Product Detail, and Upsell sections can be fully customized to improve localization and maintain brand consistency. These customization options are grouped under Text Customization in the General settings. From there, you can edit text for specific sub-sections, including:

• Contact Details Section.
• Shipping Details Section
• Payment Section.
• Cart Summary Section.

Preview and Publish #

Click Save to retain your changes, then review your live page to ensure the Featured Products element displays as intended. Clicking on a product redirects users to its detail page.

Once you are satisfied with the page configuration, click publish to view the element on your live page! 

By incorporating this element into your store pages, you can effectively draw attention to specific items and enhance the shopping experience for your visitors.

✍️Important Notes #

• Changes to product details, such as pricing or images, will automatically update in the Featured Products element.
• Product selection must be completed for live pages; placeholder products will not be displayed to users.
• Some text elements, like error messages, may not appear in the builder preview but can still be customized.
• Text-related settings (e.g., Buttons and Form Options) are part of the Text Customization section.

What's your Reaction?

You have reacted on"Featured Products Element"


A few seconds ago