With Integration Showcase
A hero showing a grid of integration logos beside a headline and CTA. Highlights the tools your product connects to on a platform landing page.
A hero showing a grid of integration logos beside a headline and CTA. Highlights the tools your product connects to on a platform landing page.
Search blocks by description or jump to a page.
With Integration Showcase opens with a centered headline, a short subtext paragraph, and two side-by-side buttons below it. Below the copy sits a three-column card grid of six integrations. Each card carries a branded icon in a tinted square, the tool name, a one-line description, and a category badge. Two cards in the grid are offset vertically to give the layout a staggered rhythm. A four-stat row beneath the grid shows summary numbers for available integrations, daily API requests, uptime, and support availability. A small floating card anchors to the right edge on large screens, bearing a green checkmark and a short reassurance label.
The headline, subtext, and button labels are all plain copy you can rewrite freely. The integration cards are driven by a data array, so you can add, remove, or reorder entries without touching the layout. The stat row is also independent and can be dropped if you prefer to keep the focus on the grid.
Reach for this block when your product's main value comes from the tools it connects to. It suits a platform or marketplace landing page for an ecommerce storefront brand that wants visitors to see compatibility with their existing stack the moment they arrive. It works better than a plain logo strip because each card includes a category and a short description, giving context rather than just recognition.
A natural flow around it on a Marketing (Legacy) page:
Before
After
The obvious fit is your live catalog of supported tools, one card per integration. A few other ways to use the frame:
Tip: keep each card description to a single short phrase so the grid stays scannable and the category badge has room to breathe.