Hero · Universal

Split Hero

Text-left, media-right hero with CTA and bullets.

Free

Install this section Live preview

Split Hero

Preview

Rendered, not mocked.

Live preview placeholder

How to use

Three install paths.

Via Shopify App

Install in the theme editor. No code required.

Get the app →

Via Studio

Customize design, bindings, and output before export.

Open Studio →

Download code

Grab raw Universal source. Paste into your repo.

See docs →

Props / config

What you can change.

PropTypeDefault

headingstringHeadline

subheadingstring—

ctaLabelstringGet started

ctaHrefurl#

mediaSrcimage—

Output

Standard code, no runtime.

section.jsx

// Generated by Wildstack export const schema = { name: "Split Hero", settings: [ { id: "heading", type: "text" }, { id: "mediaSrc", type: "image_picker" } ] };

Related sections

Free during beta · No credit card

Keep the speed.
Drop the ceiling.

Join teams converting Webflow sites to production stacks in days, not months.

Get started free See pricing

$npx wildstack@latest init

Split Hero

Rendered, not mocked.

Three install paths.

What you can change.

Standard code, no runtime.

Keep the speed.Drop the ceiling.

Keep the speed.
Drop the ceiling.