You can insert SmartBlocks into Product List Pages (PLPs) to break up long lists of products, highlight promotions, and add personalized content.
Adding SmartBlocks improves navigation, helps customers discover relevant offers, and makes Product List Pages more engaging across devices.
Add content
Step 1. Decide placement
Choose where you want the SmartBlock to appear within the Product List Pages.
Common placements include:
Product list width – horizontally spanning across the entire product grid.
Product-sized – occupies the space of a single product tile within the grid.
Sidebar – displays in the white space beneath category filters.
Available placements depend on your website’s configuration and how products are loaded into the page.
Step 2. Create SmartBlock content
Once you know the placement and size, decide the type of SmartBlock to use:
Banner – ideal for highlighting events or key promotions.
Recommendations – show products from related or complementary categories.
Coupons – display active coupon codes for the visitor.
Other setup considerations:
Redirect link – Ensure it guides customers towards a relevant next step without disrupting their browsing.
Screen size – If your site changes layouts by device, create a separate SmartBlock for each device type. See Desktop vs. Mobile Considerations.
Smaller screen sizes may require reformatting or different content to ensure visibility without crowding the product grid.
Step 3. Create your slot
Add the SmartBlock to a Website Personalization Slot:
Go to Content > Slots in Fresh Relevance.
Select Website Personalization.
Create a new Slot or open an existing one.
Add your SmartBlock(s).
Apply any rules or personalization required — for example:
Changing banners based on Product List Page URL
Displaying category-relevant recommendations
Showing offers specific to the products listed
Step 4. Deploy to your website
Use the Site Editor to place your Slot onto the desired Product List Page.
If adding this to all Product List Pages:
Navigate to one of your Product List Page.
At the bottom of the Site Editor, select Advanced for additional configuration options.
Configuration fields:
Slot – select your Slot from the dropdown.
Position – choose Insert before or Insert after to avoid hiding product tiles.
Page Type – set the scope for the placement, for example, all Product List Pages.
Location – target the position within the product list grid. Use syntax such as:
css
Copy code
li.item:nth-child(7)
This example inserts your SmartBlock after the 7th product.
Avoid using replace options unless you intend to remove product listings from the page.