MembershipsWebflow

Memberstack

Gated content, member dashboards, and recurring payments on any Webflow page.

Memberstack is the de-facto memberships layer for Webflow. You paste one script into your project, then add data-ms- attributes to any element to require a login, hide content behind a paid plan, or surface member-specific data. Memberstack handles authentication, Stripe-powered payments, member profiles, and member directories while you keep full design control inside the Webflow Designer. Most Webflow-built SaaS apps, online courses, and member portals run on Memberstack — it is the standard, and it is rarely replaced.

What you can build with Memberstack

Gated pages and elements — hide any div, section, or full page behind a login or a specific plan using data-ms-content, with no separate member template required.
Stripe-powered subscriptions — recurring billing, one-time charges, free trials, tiered pricing, and a customer portal for self-service plan changes.
Member profiles and Data Tables — store structured member data beyond simple fields, perfect for dashboards and personalized content.
Member-only forms and portals — let members update their own email, password, and profile info using data-ms-member attributes wired to plain Webflow forms.
Role-based content — show different content to free, trialing, and paid members from a single page, driven entirely by plan IDs.
Filtering, analytics, and utilities on top — officially supported alongside Jetboost, NoCodelytics, and Finsweet for dynamic filtering of member-only resources and per-item engagement tracking.

How Memberstack gates Webflow content

Memberstack uses a single-script model combined with 86 copy-paste data-attribute snippets documented at memberstack.com/data-attributes. The gating logic lives entirely in HTML attributes, so you design normally in Webflow and tag elements after.

The core attribute is data-ms-content. Adding data-ms-content="members" to a div hides that element from logged-out visitors and shows it only to authenticated members. To gate by plan, use the content ID Memberstack generates when you create a plan — for example, data-ms-content="premium" reveals the element only to members on the premium plan. You can also invert the logic with data-ms-content="!members" to show content only to logged-out visitors, useful for sign-up prompts on a gated page.

The data-ms-member family renders signed-in member data inside the page. data-ms-member:email prints the member's email, data-ms-member:id prints their unique ID, and data-ms-member:profile-image renders an avatar — all without custom code. For actions, data-ms-action:logout turns any button into a logout link, and data-ms-action:customer-portal opens the Stripe billing portal so members can manage their own subscription.

Because Memberstack gates content client-side, it is fast and designer-friendly but not bulletproof against a determined inspector. Memberstack's own docs note that sensitive data should live server-side or in Memberstack's secure fields rather than rely purely on front-end hiding.

How to set up Memberstack on Webflow

Create a Memberstack app at memberstack.com — it is free to build and test, and no credit card is required until you go live.
In Memberstack, open Settings > Domains and add your Webflow site's domain or staging subdomain so Memberstack knows where the install is allowed to run.
Copy the Memberstack install script from Settings > Setup.
In Webflow, open Project Settings > Custom Code and paste the script into the Before </body> tag field, then save and publish.
In Memberstack, go to Pricing > Plans and create your membership plans — free, paid, or trial. Each plan generates a content ID you will use to gate content.
Back in the Webflow Designer, add data-ms-content="members" (or a specific plan's content ID) to any div, section, or page wrapper you want to restrict.
Build your signup, login, and profile forms using Memberstack's data-ms-member and data-ms-form attributes — copy the exact snippets from the data-attributes reference.
Connect Stripe in Memberstack > Settings > Payments to enable paid plans, trials, and recurring billing, then run a test transaction before going live.

Memberstack pricing

Memberstack is free to build and test on a test domain for as long as you need, with no credit card required. You only pay when you accept real members on a live site. Every paid plan stacks on top of Stripe's standard processing fees, and the Memberstack transaction fee drops as you move up tiers — so the right plan depends on your member count and how much revenue you process per member.

Plan	Members	Monthly price	Transaction fee
Basic	1,000	$29/mo ($25 annual)	4%
Professional	5,000	$49/mo ($39 annual)	2%
Business	10,000	$99/mo ($79 annual)	0.9%
Established	10,000+	$499/mo ($399 annual)	0%

A 30-day full refund is available on paid plans, which makes it low-risk to start on a higher tier if you expect transaction fees to dominate your costs.

Memberstack + Stripe: how billing works

Memberstack is not a payment processor — it sits on top of Stripe, which handles cards, Apple Pay, Google Pay, subscriptions, and chargebacks. You connect your own Stripe account in Memberstack > Settings > Payments, and Memberstack creates the Stripe products, prices, and checkout sessions for you. Members self-serve plan changes, cancellations, and payment-method updates through a hosted Stripe customer portal that you can open from any Webflow button.

The Memberstack transaction fee is charged on top of Stripe's processing fee. On the Basic plan that means roughly 4% to Memberstack plus Stripe's standard 2.9% + 30¢ on every transaction, so high-volume SaaS apps typically move to Business or Established to bring the fee close to zero. Stripe fees themselves are unaffected by your Memberstack tier.

Best Memberstack + Webflow use cases

SaaS apps

Memberstack is the default foundation for Webflow SaaS apps. It handles tiered subscriptions, free trials, plan-based feature gating, and per-member profile data in Data Tables. Most premium Webflow SaaS templates ship with Memberstack pre-wired so you can launch auth and billing in days instead of weeks.

Online courses

Gate lessons or modules behind plans using data-ms-content, then show progress and personalized content with data-ms-member fields. Pair with Jetboost to filter a CMS-backed course library by the member's enrolled tier, and use NoCodelytics to see which lessons actually get watched.

Gated content libraries

Premium blog posts, download hubs, and resource vaults are the simplest Memberstack use case. Drop data-ms-content="members" on any wrapper and the content disappears for logged-out visitors while staying fully indexable by you inside the Webflow CMS.

Member directories

Memberstack member profiles and Data Tables power public or members-only directories. You can render avatars, bios, and custom fields with data-ms-member attributes, and gate the entire directory behind a plan so only paying members can browse it.

Subscriptions and newsletters

Recurring subscriptions for premium content, paid communities, or newsletter access run on Stripe through Memberstack. Free-trial-then-pay funnels, annual billing, and coupon codes are all supported without custom code, and the customer portal handles cancellations without support tickets.

Limitations to know

Transaction fees apply unless you upgrade. Memberstack charges 0.9% to 4% on top of Stripe's processing fees on every plan except Established ($499/mo, or $399/mo annual).
No perpetual free tier for production. Memberstack is free to build and test, but every live site accepting real members requires a paid plan starting at $29/mo.
Member caps by plan. Basic tops out at 1,000 members, Professional at 5,000, and Business at 10,000. Scaling past 10,000 requires the Established plan. You get an email at 90% of your limit.
Not a full CRM. For advanced segmentation, lifecycle email, or revenue operations, sync Memberstack to HubSpot or another CRM via Make or Zapier.

Stripe — the payment engine behind every Memberstack plan.
Jetboost — combine gated content with dynamic filtering and search of member-only CMS items.
NoCodelytics — track per-member engagement on gated CMS content.
Intercom — add support chat and onboarding to a Memberstack-gated product.

Read the 20 Best Webflow Integrations to Use in 2026 for the full stack, or browse Best Webflow SaaS templates 2026 for Memberstack-ready starting points.

Frequently asked questions

Webflow has a native account system for gated pages, but it is limited compared with a dedicated memberships layer. Most Webflow-built SaaS apps, courses, and member portals run on Memberstack instead, because it adds Stripe-powered subscriptions, member profiles, plan-based content gating, and a member directory that Webflow's native accounts do not fully cover. Memberstack installs as one script and uses data-ms attributes on any element, so it works alongside Webflow's own account features rather than replacing them entirely.

Memberstack runs as a single script you paste into Webflow Project Settings under Custom Code, before the closing body tag. You then add data-ms- attributes to elements in the Webflow Designer to gate content, render member data, or trigger actions. Adding data-ms-content="members" to a div hides it from logged-out visitors, while data-ms-member:email displays the signed-in member's email. Memberstack handles authentication, Stripe billing, and member profiles, leaving you in full control of the design inside Webflow.

Memberstack is free to build and test indefinitely on a test domain, with no credit card required. You only pay when you go live and accept real members. There is no perpetual free tier for production, so every live site needs a paid plan. The entry-level Basic plan costs $29 per month and supports up to 1,000 members with a 4% transaction fee on top of Stripe's standard processing fees.

Memberstack has four paid plans. Basic is $29 per month for up to 1,000 members with a 4% transaction fee. Professional is $49 per month for 5,000 members with a 2% fee. Business is $99 per month for 10,000 members with a 0.9% fee. Established is $499 per month, dropping to $399 per month billed annually, with zero transaction fees. Annual billing reduces every tier, and Stripe's standard processing fees apply on top of all plans.

Yes. Memberstack is the most common memberships foundation for SaaS apps built on Webflow. It handles authentication, tiered subscriptions through Stripe, free trials, plan-based feature gating, and per-member profile data stored in Data Tables. Most Webflow SaaS templates are built around Memberstack, and it integrates with Jetboost, NoCodelytics, and Finsweet for filtering, analytics, and utility attributes. For complex billing logic beyond standard subscriptions, you may still need custom code or a backend service.

More Webflow integrations