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.

membershipspricingplanssubscriptionpaywallcoursestripedynamic

About this block

Sell a membership in two cards. The free plan signs people up with an email link; the paid plan checks out through Stripe and grants the plan when payment clears.

When to use it

  • On the home or pricing page of a course, community or members-only site.
  • Whenever a members-only section links to 'see plans'.

What's inside

  • A free plan card: its button (signed-out visitors only) goes to the sign-in page, where a free self-signup plan is granted on first sign-in.
  • A paid plan card with a Stripe price (prices collection, filtered by metadata membership_plan = pro). Its button adds the price to the cart and goes straight to checkout.
  • A 'You're a member' state on each card for visitors who already hold that plan (auth me.plans.<slug> exists), so members are never sold what they have.
  • An empty state on the paid card for when no Stripe price is connected yet.

How to customize it

  • Change the plan slugs in the card conditions (me.plans.starter / me.plans.pro) to the slugs in Members → Plans.
  • Set membership_plan = <slug> in the Stripe price or product metadata, and link that price to the plan in Members → Plans.
  • Point Create free account at your sign-in page if it isn't /account, and Go to the course at your members area.

Questions

What happens after someone pays?
Stripe tells PageHub the checkout finished, and the plan is added to that customer's email. They sign in with an email link and the members-only pages open.
Does this work without Stripe?
The free plan does. The paid card shows a short 'opening soon' note until a Stripe price is connected.

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.

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.

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.