Split With Funnel Graphic
A split hero pairing headline and CTAs with a vertical funnel of narrowing stage bars.
A split hero pairing headline and CTAs with a vertical funnel of narrowing stage bars.
Search blocks by description or jump to a page.
The source for every Marketing block is included with Basic and Pro. Pick a plan to copy the code.
Already purchased? Log in
Split With Funnel Graphic is a two column hero. The left column holds a large headline, a lede, and two CTAs. The right column is a bordered panel with a vertical funnel: four centered bars that narrow stage by stage, each labeled with a stage name and count, with the conversion rate printed between every pair of stages. The final stage fills with the primary color so the destination of the funnel is unmistakable. The layout fills the viewport and ships without its own header.
The stages are a plain array of label, value, and width, and the conversion rates between them are a second small array, so the funnel reshapes by editing strings. Widths are simple percentage values, no SVG involved, which keeps the graphic responsive and trivially themeable. The closing caption is one sentence you can replace or remove.
Reach for this block when your product is about conversion itself: analytics, onboarding, CRO, or lifecycle tooling. The funnel makes the problem space legible in one glance, something split-with-metrics cannot do with four disconnected numbers. Pick split-with-analytics-dashboard when breadth of reporting matters more than the funnel story, or centered-minimal when the pitch does not need a diagram at all.
A natural flow around it on a Marketing Pro page:
Before
After
One strong use is a marketing funnel from visitor to customer. Other funnels that fit the same four bars:
Tip: keep the last stage the only filled bar, the single block of color is what makes the narrowing read as a payoff instead of decay.