How It Works
Free how it works sections for small-business sites. Preview any of them in any theme, then copy the prompt or install it.
21 sections · all free
how it workshearth
Hearth & Wick Process
Four numbered steps from melting the wax to curing, beside a photo of the pour.
by @copypasteui
how it workssilverline
Silverline Learn to Skate
Four-week beginner course as numbered cards, one per Wednesday, with price, ages and a booking button.
by @copypasteui
how it workscrestline
Crestline Elevation Route
Seven-day route as an elevation profile that draws itself as you scroll; pick a day to see its distance, ascent and where you sleep.
by @copypasteui
how it worksglaze
Glaze Days Flip-Card Steps
Four steps from picking a piece to collecting it, as cards that flip over when clicked or tapped to show the detail.
by @copypasteui
how it worksharbour
Harbour Float First Visit Clock
Your first 90 minutes as timed steps beside a clock ring that fills as you scroll.
by @copypasteui
how it workslarder
Larder Lane Sticky Bake Steps
Four timed steps from mixing to opening; the photo beside them stays in place and cross-fades to each step's photo as you scroll past it.
by @copypasteui
how it workslockfast
Lockfast Brewing Steps
Four brewing steps joined by a pipe that draws itself as you scroll, with tank temperatures and days for each.
by @copypasteui
how it workswax
Wax Cellar Sell Your Records
Price guide for selling records: pick a condition and a genre, and a bar slides to the price range we pay per LP.
by @copypasteui
how it worksaether
Aether Pipeline
Animated SVG workflow — trigger, agent, tools, approval, done — with signal dots travelling the line.
by @copypasteui
how it workscinderwick
Cinderwick Farm to Cup
Four numbered photo steps from farm to cup on a dark roast background with staggered layout.
by @copypasteui
how it workscrumb
Crumb 36-Hour Process
Four-step sourdough timeline with times of day, numbered markers and tilting photos.
by @copypasteui
how it worksfarstep
Farstep Itinerary Profile
Day-by-day itinerary on an elevation profile; pick a day to see distance, ascent, stay and meals.
by @copypasteui
how it worksflorea
Florea Ritual
Morning/evening routine switch with arched product photos and numbered steps.
by @copypasteui
how it worksgearwright
Gearwright Repair Tracker
Repair stages that auto-advance beside a phone mockup of live text updates and a video health check.
by @copypasteui
how it worksironbark
Ironbark Build Process
Five-step build process timeline with icons beside a sticky headline and site photo.
by @copypasteui
how it worksmotion
Motion Recovery Plan
Four-stage recovery timeline with a scroll-filled progress bar and photos.
by @copypasteui
how it worksnord
Nord Process
Scroll-driven process: phases highlight as you scroll while a sticky photo crossfades per phase.
by @copypasteui
how it workspetal
Petal & Stem Subscription
Flower subscription with frequency toggle, price medallion, photo pair and four how-it-works steps.
by @copypasteui
how it works
Vertical Timeline
Alternating timeline whose progress line fills as you scroll. Great for experience or history.
by @copypasteui
how it workswrenhollow
Wrenhollow Wedding Day Timeline
Hour-by-hour wedding-day timeline with a scroll-drawn line and alternating photos.
by @copypasteui
how it works
Connected Steps
Three numbered steps joined by a dashed line that draws itself on scroll, written for a bike workshop.
by @copypasteui