Skip to main content
UX Content
  • Case Studies
  • UX Bites
  • Cheatsheets
  • Psychology
BFM+
  • Instant Feedback
  • MCP
  • Figma Plugin
  • Tiers & pricing
  • Free newsletter
  • Log in
Other
  • Archive
  • About
  • Help
  • Changelog
Services
UX audits

A complete audit of your user experience, delivered in a format that you can't ignore.

Book an audit

Built for Mars Ltd is a company registered in England and Wales (Company No. 12731987).

Account
  • Log inAccess your library and activities
  • SubscribeUnlock all features and access to the library
Learn from the best companies in the world

A library of content that even non-designers find interesting.

Subscribe todaySubscribe today
Structured learning
  • UX BootcampEnroll in a 5-week bootcamp
  • PathwaysCreate custom learning Pathways to work towards any goal, industry or topic
  • CollectionsBrowse Case Studies by key topics
  • QuizzesTest your knowledge
Explore the library
  • Case StudiesSlideshows that are packed with research
  • UX BitesReal examples of design magic
  • CheatsheetsQuickly level up in a particular area
  • Product PsychologyLearn the essentials
  • NewsletterGet research straight to your inbox
  • CompaniesBrowse by company
Learn from the best companies in the world

A library of content that even non-designers find interesting.

Subscribe todaySubscribe today
Tools to help you
  • AI InsightsUpload screenshots of your design, and get instant feedback from our AI
  • MCPAccess the entire library from your favourite agent
  • Figma pluginAccess our AI tools, and our entire library, directly from Figma
One-to-one help
  • UX AuditsThe fast-track for growth
Includes tools that help you ship better products

Learning never stops, but sometimes you need a little more.

Subscribe todaySubscribe today
Log inSubscribe today
Home
Design Examples
Free Trial Page Design: Real Examples
Design Examples

Free Trial Page Design: Real Examples

Browse real free trial designs from Flo, Canva, Asana and Breethe, including opt-in toggles, trial timelines and offers that change when users decline.

Real world examples:

Updated: 23/09/2026, view all 1,490 examples

Examples on Built for Mars include
  • Flo and Komoot make users toggle trials on

  • Canva promises a reminder before trials end

  • Breethe offers 30 days when 7 isn't enough

UX Bite:
Flo logoFlo

The free trial toggle

Flo have a “free trial” toggle on their pricing page, which is a clever way of getting the user to take an action and make a decision.

The free trial toggle

More context:

In other words, by getting someone to select the toggle themselves (as apposed to auto-applying it), the user may feel more like the "earned" the trial, and therefore deserve it.

#1053
View UX Bite
UX Bite:
Canva logoCanva

Canva's trial breakdown

When trialing Canva, you'll see a clear timeline of what happens next, including a promise that you'll get a reminder 7 days before your trial ends.

Canva's trial breakdown
#301
View UX Bite
UX Bite:
Asana logoAsana

Starting a trial without a credit card

If you're on the Asana free plan, and you click to create a project type that is only available for premium members, you'll see a button to start a trial without a credit card.

Starting a trial without a credit card
#153
View UX Bite
UX Bite:
Brilliant logoBrilliant

You've already started

Brilliant will frame the trial process by including a completed step (setting your goals), encouraging you via the Foot-in-the-door effect.

You've already started
#605
View UX Bite
UX Bite:
Timestripe logoTimestripe

Timestripe's trial onboarding

During your 7-day trial of Timestripe, your emails will include a clear progress bar showing how much longer you have left.

Timestripe's trial onboarding
#292
View UX Bite
UX Bite:
AllTrails logoAllTrails

Try the pro feature

Subscribe to unlock this example
Plans start from £8 per month
Subscribe to unlock#1065
Preview
UX Bite:
Breethe logoBreethe

Dynamic sign-up offers

Subscribe to unlock this example
Plans start from £8 per month
Subscribe to unlock#859
Preview
The UI displays a large white "S" centered on a solid purple-blue background, with no additional text, logos, or interface elements visible.The UI shows a stylized "M" logo with teal, cream, and red color blocks on a dark blue background. No text or markings are highlighted or underlined.The image displays the Snowflake company logo: a white feather icon centered on a solid pink background. No UI elements, text, or highlights are present.

There are more than 1400 UX Bites like this

Subscribe to BFM+

If features can be coded in minutes, thoughtful design is what wins

  • Unlock the entire library
  • Create custom UX courses
  • Access our AI tools
£8/monthbilled annually
See the benefits
or, wait for the free stuff

Join the free newsletter

Get the free content when it's released, straight to your inbox, no account required

"An exceptional resource for learning how to build habit-forming products that people love."

The UI contains the yellow book cover "HOOKED" by Nir Eyal in the bottom right, with black text in a white box with blue borders stating "COMPLETELY REVISED AND UPDATED."
Nir EyalAuthor of Hooked

"I’d never met anybody who looks at usability and UX the way I do until I met Peter. Only he’s smarter."

Photo: site-map sketches with pen annotations, yellow sticky notes and folder of labeled cards, black phone cord, red book cover reading "DON'T MAKE ME THINK".
Steve KrugAuthor of Don't Make Me Think

"The completest view of the psychological underpinnings of human behaviour that I’ve ever seen."

Circular avatar: smiling man, navy jacket, blue‑checked shirt, blurred green bg. Overlays: red EA badge lower-right; black square with white up‑left arrow.
Bing GordonKleiner Perkins & EA

"What a nice idea! Christopher Alexander would be proud to see patterns collected like this."

Profile picture of a man with medium-length hair and stubble wearing a grey hoodie and dark jacket. Two app icons overlay bottom right: yellow Asana and blue Miro.
DHHHey! & Basecamp

FAQs

Should a free trial be opt-in or applied automatically?

When users switch a trial on themselves, it can feel earned or found rather than handed out, which might make them more motivated to use it. Flo and Komoot both do this with a free trial toggle on their pricing pages. It's an unusual tactic with an uncertain effect on adoption, so it needs A/B testing against an auto-applied trial.

How do you stop users worrying about a surprise charge after the trial?

A clear timeline of what happens next, and when payment is due, takes the guesswork out of the trial. As an example, Canva's trial screen lists due dates and promises a reminder 7 days before the trial ends. Breethe goes a step further, showing a reminder schedule to users who say they might forget to cancel.

What's the best moment to win back someone who rejects a free trial?

Right as they decline, because that's the exact moment of churn and the objection is still fresh. For instance, Breethe asks why the trial was rejected and then adjusts the offer to match the answer. Extending a trial costs money, but it usually beats losing the user for good, and every answer adds to your data on why people say no.

Why let users try a premium feature instead of describing it?

Seeing a feature work proves its value more convincingly than any list of benefits. This is what AllTrails does, letting people build a custom route and watch the map update in real time before prompting them to subscribe after 3 waypoints. Asana takes a similar approach by offering a no-credit-card trial the moment a free user picks a premium project type.

How can a trial feel like it has already started?

Showing an early step as already complete uses the Foot-in-the-door effect, where a small commitment makes the next one easier. For example, Brilliant's trial screen crosses off "Set your learning goals" before the user taps to start. Keeping progress visible during the trial helps too, as Timestripe's emails show which day of the 7-day trial you're on.