Medium Style Content Gating

I am a Framer x Outseta Demo showing how to emulate a medium style gated content.

Select any of the articles below to see it in action, and watch the video below to learn how.

👉 Remix. this project to get the override code

The Great Office Chair Races: Productivity on Wheels

Jun 22, 2024

The Secret World of Stapler Enthusiasts

Jun 20, 2024

Keyboard Karaoke: Desk Divas Unplugged

Jun 18, 2024

The Case of the Disappearing Tupperware: Tales from the Communal Fridge

Jun 16, 2024

Post-it Picasso: The Fine Art of Desk Decoration

Jun 10, 2024

How to

Prerequisites:

  1. An Outseta account

  2. A Framer project with CMS items

Steps:

  1. Create component variants — Build an article component with two variants: Anonymous and Authenticated

  2. Design the Anonymous variant — Show truncated content with an overlay prompting users to sign up or log in

  3. Design the Authenticated variant — Show the full article content

  4. Apply the override — Add the selectAuthStatusVariant override to your article component

👉 Remix. this project to get the override code