Framer code component · $9 once

Social proof pop-ups, without the monthly bill

"Anna K. from Berlin started a free trial · 3 minutes ago" — the little toasts that SaaS tools charge $5–30 a month for, as one Framer component. Built from your real sign-ups and orders: a list in the panel, or a Google Sheet your automation fills.

yourstudio.framer.website

Course · 6 weeks

Brand design for founders

Live cohort, weekly reviews, lifetime access to the recordings.

Enroll — $249

🎨

Get Social Proof Toasts — $9 Connect your data ↓

Watch the bottom-left corner of this page — that one is live too.

Your real data

Four ways to feed it

It never makes activity up: with no events, the live site shows nothing. Dates turn into "12 minutes ago" in your site's language and stay current.

1 · Type them inA list in the properties panel: name, action, place, country, amount, time, photo, link, Verified. Good for testimonials-style proof and small shops.

Name Anna Keller Action bought the Pro plan Place Berlin Country DE Amount €49 Verified ✓ Time 2026-09-27 14:30

2 · Your Framer formFramer forms can send every submission to a Google Sheet on their own. Paste that sheet's link: each waitlist sign-up becomes a toast. No Zapier, no code.

Form → Send to Google Sheets Email,Submitted At anna@mail.com,2026-09-27 14:30 → "Someone joined the waitlist · 3 min ago"

3 · A Google Sheet from anythingPaste the sheet link (shared "anyone with the link"). Zapier / Make adds a row for every Stripe, Lemon Squeezy, Gumroad, Shopify or Typeform event; reviews work the same way.

name,city,product,created_at Anna Keller,Berlin,Pro plan,2026-09-27T14:30 Marco Rossi,Milan,Starter,2026-09-27T13:05

4 · Any JSON URLAn API (headers for a read-only key), a Sheety / SheetDB endpoint, a static file. Columns are matched by name (first_name, city, created_at…) or set by you, dot paths included.

{ "orders": [ { "customer": { "name": "Anna Keller" }, "city": "Berlin", "created_at": "2026-09-27T14:30Z" } ] }

Looks

Fits a quiet site and a loud one

Light, dark, glass or Auto (follows the visitor's system), plus Custom; an accent bar, ring or tint; card or pill, review stars with the platform mark, one toast or a stack of three, photo / initials / icon avatars, slide · fade · pop, a timer bar, your font. Six corners or inline in your layout; edge to edge on phones or hidden there.

Light

Default: photo or colored initials, name shortened to "Anna K."

Dark

For dark sites

Glass

Frosted over any background

Glass dark

Frosted, for photos and dark gradients

Pill

One compact line

Summary

Counted from the same events: only shows when the number is real

Verified orders

Amount, flag and a Verified mark per event

Accent: bar

An edge in your accent color

Accent: ring

Reviews take the platform's color: stars, ring, badge

Accent: tint

A soft wash of color, dark or light

Anonymous

No names at all, just the activity

Reviews

Stars, platform mark and the quote: Google, Trustpilot, G2, Capterra, Product Hunt…

Reviews, dark

Half stars too

Stack

Up to 3 at once, the oldest leaves first

Custom

Your own colors and font

Honest by design

Proof your visitors can trust

Fake "someone just bought" pop-ups get spotted — and they can break consumer-protection rules. This one is built the other way round.

No invented activityNo random-name generator. Empty list = nothing on the live site. Demo data appears on the Framer canvas only.

Real timesA date becomes "12 minutes ago" and ages with the page. Max age drops events older than N days.

Private names"Anna K." by default, or first name only, or fully anonymous. E-mail addresses are never shown.

No tracking of its ownNo cookies, no third-party script. Clicks go only to the analytics already on your site, or nowhere: one switch.

PolitePauses on hover and while the tab is hidden, close = skip or stop for the visit, Max / visit cap, reduced-motion aware.

Continues across pagesThe sequence picks up where it stopped on the next page instead of replaying the first toast.

Price

Pay once, not every month

Typical social-proof apps are embed scripts on a monthly plan. For a Framer site you already have everything they do, minus the subscription.

	Social-proof SaaS	Social Proof Toasts
Price	$5–30 / month	$9 once
Where it lives	Third-party script	Native Framer component
Design	Their templates	Your fonts, colors, corners
Data	Their tracking pixel	Your list, sheet or JSON
Visitor limits	Plans priced by visitors or views	None
Reviews, summary, stack	On higher plans	Included
Their logo on your site	On free and cheap plans	Never
Visitor tracking	Usually	None

What you control

Everything in the Framer properties panel

No code to touch. Controls appear only when they apply.

DataSource List · URL
Events name, action, place, country, product, amount, time, photo, link, verified
URL Headers Refresh Fields list path + column names

TextTitle Text with {name} {action} {place} {flag} {product} {amount} {time}
[optional parts] vanish when empty
Names Anonymous Time Locale Badge Verified

ReviewsRating Review Platform per event or column
Title Text with {review} {rating} {platform}
Stars Platform mark on the avatar

SummaryText Sub with {count} {period}
Period 24 h · 7 days · 30 days
Min count Repeat Icon

TimingDelay After scroll Show for Gap Order Loop
Max / visit Max age Hover pause
Close None · Skip · Stop · Resume · Stack 1–3

PlacementPosition 6 corners / edges or Inline
Offset X Offset Y Z index
Phones Same · Wide · Hide

On the canvasDemo data until you add events · Canvas event picks which one
Summary On canvas preview, stacks shown in place
A failing URL explains why under the toast

AnalyticsAnalytics Off · Clicks · + Views
to GTM, GA4, Plausible, Umami, Fathom, PostHog
Event name · no names or e-mails sent

LookTheme Auto · Light · Dark · Glass · Glass dark · Glass auto · Custom
Accent None · Bar · Ring · Tint · Layout Card · Pill · Avatar Shape Icon
Width Radius Shadow Motion Timer bar Accent color Font Link

Everything in one file

Built for real pages

List, Sheet or JSONColumns guessed from common names; dot paths and CSV with quotes, commas, semicolons.

"12 minutes ago"Relative times in any language via Intl, refreshed when each toast appears.

Summary toast"🔥 14 people signed up in the last 7 days" — counted, never typed.

ReviewsGoogle, Trustpilot, G2, Capterra, Product Hunt: stars, half stars and the quote, from the same list or sheet.

StackOne toast at a time, or up to three stacked, newest nearest the edge.

Flags, amounts, Verified"Marco R. from Milan 🇮🇹 bought the Pro plan · €49", with a Verified mark on the orders you choose.

Starts when they readWait for a delay and a scroll depth, so the first toast lands when the visitor is actually on the page.

Auto themeLight or dark with the visitor's system; accent bar, ring or tint in your color.

Click trackingSee which toasts get clicked in the analytics you already use. Or switch it off.

Polite timingDelay, duration, gap, loop, per-visit cap, pause on hover and in background tabs.

Framer forms → toastsPoint it at the sheet your Framer form fills: sign-ups show up without any automation.

Fast & cleanNo dependencies, renders nothing until the page is interactive, static-safe on the canvas.

Get Social Proof Toasts — $9

One .tsx file · no tracking · by adck tools