---
title: "Scrollable T&C — Framer component · Best of Framer"
description: "$14.00 · Framer component · by Frames & Flow · Sections. Agreement Step — Scrollable Terms"
canonical: "https://framer.elliotli.dev/component/scrollable-t-c"
---

[Home](/)/[Components](/components)/[Sections](/components/category/sections)/Scrollable T&C

# Scrollable T&C

Agreement Step — Scrollable Terms

[View on Framer](https://framer.com/marketplace/components/scrollable-t-c/?via=elliot-li)

![Scrollable T&C preview image 1](https://framer.elliotli.dev/og/component/scrollable-t-c/5e49e2ed4a90788c/1600x1200.jpg)

## Summary

Agreement Step — Scrollable Terms

## Description

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._

## Rank history [How rankings work →](/terms#rankings)

-   All · #2853

## Details

- **Author**: Frames & Flow
- **Price**: $14.00
- **Published**: 2026-08-03
- **Updated**: 2026-09-22
- **Added**: 2026-08-03
- **Categories**: Sections

## More like this

-   [Sale Bar](/component/sale-bar) — Brandon Grimes · $12 — Auto-start Black Friday promo bar
-   [Show and Tell](/component/show-and-tell) — Majed Monem · $9 — Feature tabs that play themselves
-   [Infinite Picker Whee](/component/infinite-picker-whee) — Karim Saif · Free — Rotating 3D text selector
-   [Resource Preview Dec](/component/resource-preview-dec) — felix strobel · Free — Editorial guides with folding cove
