Section gated by membership plan

A section with three states chosen on the server: a pro member sees the lessons (the second one dripped open after seven days), a signed-in member on another plan sees an upgrade card, a visitor sees a sign-in card.

membersmembershipplangategatedpaywalldripcustomerplanDaysloginlessons

About this block

The signed-in member is customer.me | first. member.plans['pro'] is true when they hold the plan whose id is pro, and member.planDays['pro'] is how many days they have held it, which drives the drip. Everything is decided before the page is sent, so locked content is never in the HTML a visitor without the plan receives.

How to customize it

  • Replace pro with your plan's id (the one set in Members, plans) in all three places it appears.
  • customer.signed_in separates a member on another plan from a visitor who is not signed in.
  • For a whole page rather than one section, give the page an access condition in Page settings instead, with a fail action that redirects to your account page.
  • Pages that read customer are rendered per visitor, so they are not served from the shared cache.

Browse other blocks

Same library cards — preview live and grab the code from any block.

View full library

Course lesson list (free + locked lessons)

A numbered list of lessons from a collection. Free lessons link straight in; paid lessons show a padlock, a Pro chip and their teaser, and still link to the lesson page, which shows the upsell.

Member account (sign-in, memberships, billing)

One account page for a membership site: signed-out visitors get the email sign-in form; members see their plans with end dates, a Manage billing button and sign out.

Members-only section with upsell

A section pair: members see the gated content; everyone else sees a locked card with an upsell to the plans. Gated content is removed on the server, so it never reaches a visitor who isn't a member.

Members-only video lesson

A lesson detail section: a video only plan holders can play (a members-only download streamed inline), the lesson notes from the collection, and a resources card. Non-members see an upsell where the video would be.

Membership pricing (free + paid plan)

Two membership plan cards: a free plan that signs visitors up with an email link, and a paid plan priced live from Stripe that goes straight to checkout. Members see a link to the course instead of a buy button.

Hero split

Two-column hero with eyebrow, heading, description, and CTAs on the left. Image on the right.

Features three columns

Centered heading with three columns, each showing an icon, title, body text, and link.

Simple CTA

Centered call-to-action on an accent background with heading, description, and buttons.

Footer multi-column

Grid footer with brand blurb and multiple link columns. Copyright and social links at the bottom.

Navigation bar

Standard header with logo, nav links, primary CTA, and a mobile hamburger menu.

Testimonial cards

Two-column grid of testimonial cards with quote, photo avatar, name, and role.

“

Hero centered

Clean centered hero with eyebrow, large heading, description, and two CTA buttons.