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.

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.