Feature Icons
Recommended products laid out with an icon, short benefit, and price for each item. Highlights why shoppers should add a related pick to the cart.
Recommended products laid out with an icon, short benefit, and price for each item. Highlights why shoppers should add a related pick to the cart.
Search blocks by description or jump to a page.
Feature Icons is a cross-sell section built around a centered heading, a short subtitle, and a three-column card grid. Each card holds a square product image, the product name, a single icon paired with a one-line benefit label, the price, and an "Add to Cart" button. The benefit icon sits in the primary color so it reads as a highlight rather than decoration, and the card lifts on hover with a subtle shadow.
Every piece of the block is independent. The heading and subtitle are plain text, so you can reword them without touching the layout. The product list is an array, so you can add, remove, or reorder items freely. The icon for each item comes from the same icon library the rest of the product uses, and you can swap any of the three icons for one that better describes your product's key claim.
Reach for this block when a cross-sell needs to do more than show a thumbnail and a price. The icon-plus-label row gives each item a quick reason to buy, which helps in contexts where the connection between the anchor product and the suggested item is not obvious. It fits naturally on a post-checkout confirmation page or directly below a product detail section. For an HR and hiring platform, this is well suited to upselling adjacent plan features such as an advanced analytics add-on, a candidate screening upgrade, or a dedicated onboarding module alongside a core subscription purchase.
A natural flow around it on an Ecommerce page:
Before
After
The straightforward use is related products or plan add-ons, each with one standout feature called out. A few other ways to use the frame:
Tip: keep each benefit label to five or six words so the icon and text stay on one line and the card grid reads at a consistent height.