Integration Spotlight
An integration deep dive with paired marks, a headline, three feature rows, and connect buttons beside a field mapping panel of what syncs each way.
An integration deep dive with paired marks, a headline, three feature rows, and connect buttons beside a field mapping panel of what syncs each way.
The source for every Marketing block is included with Basic and Pro. Pick a plan to copy the code.
Already purchased? Log in
Integration Spotlight gives a single integration the whole stage. The left column opens with the two product marks paired by a plus, then a headline, a short lede, three feature rows with iconed tiles, and a connect button beside a link to the full catalog. The right column is a field mapping panel: a titled card with a sync cadence, two column labels for the paired products, and a stack of rows showing which field maps to which and whether it flows one way or both.
The features and mappings live in typed arrays, and each row picks a one way or two way arrow from a boolean, so editing what syncs is a copy edit. Both product logos are abstract inline SVGs drawn from currentColor, so the section stays theme aware without an image file. The mapping panel is the persuasive core, a logo pair says these tools talk, the field rows prove exactly what moves and in which direction.
Reach for this block when one integration matters more than the rest, the marquee tool your buyers already live in and expect you to support well. A grid answers breadth, but it cannot show depth, and depth is what a skeptical buyer wants for the tool they care about. Feature it on a landing page for that audience, or as the anchor of an integrations page above the wider directory.
A natural flow around it on a Marketing Pro page:
Before
After
The obvious fit is your most installed integration. A few other ways to use the frame:
Tip: keep the mapping to five rows and mix one way with two way, a panel that is all bidirectional reads as a diagram, a panel with a couple of one way rows reads as real product behavior.