Scrollable T&C

Scrollable T&C

About Scrollable T&C

Add a professional terms acceptance step to your client intake, coaching funnel, or service booking page. Agreement Step presents your Terms & Conditions in a scrollable container and gates the action until the user explicitly confirms — no external tools needed. The component handles scroll-to-bottom locking, inline decline feedback, and reveals a form slot only after agreement — all client-side.

Key Features

Linked Terms Container — Drop in any native Framer text stack with full formatting

Scroll-to-Bottom Lock — Optionally force users to reach the end before agreeing

Two Action Modes — Agree/Disagree buttons OR checkbox with optional Continue button

Inline Decline Message — Soft, non-blocking feedback that keeps the action area live

Optional Redirects — Send users to a URL on agree and on disagree (same or new tab)

Optional Post-Agreement Form Slot — Reveals a native Framer form only after consent

Customizable Checkbox — Size, radius, colors, transition speed, and checkmark weight

Responsive by Default — Terms content auto-stretches to fill the scroll container width across all breakpoints; no width adjustments needed on your linked stack

Text Styling — Customize font and size for labels, hints, and buttons

Use Cases

• Coaching agreements and consulting terms

• Fitness liability waivers and medical disclaimers

• Workshop and event participation forms

• Service intake requiring explicit user confirmation

• Any funnel step that needs a consent gate before checkout or booking

Note: This component only handles UI gating only (scroll lock, agree/disagree, inline messaging). Pair it with Framer's native form in the post-agreement slot to collect and store consent data.