MemberFlow
Getting Started
This guide takes you from connecting a Webflow site to gating your first page.
Step 1: Create your MemberFlow account
- Go to memberflow.faizatech.com and sign up.
- Every paid plan starts with a 7-day trial. Your subscription is per connected Webflow site.
⏳ Paid checkout is not open yet. Pricing is published so you can plan, and we will announce when the store goes live—email contact@faizatech.com to be told first.
Step 2: Connect your Webflow site
- In the dashboard, open Sites and choose Connect a Webflow site.
- Authorize MemberFlow for the workspace that owns the site.
- Pick the site you want to add memberships to.
MemberFlow requests only the scopes it needs to read your site structure and register its script. It does not add custom code of its own beyond that script.
⚠️ One subscription covers one connected site. Connecting a second site starts a second subscription.
Step 3: Create your tiers
Open Tiers for the site and add at least one tier.
- Start with a Free tier — this is what a plain signup gets.
- Add paid tiers if you plan to charge. Paid tiers need Stripe connected first; see Connect Stripe.
- Give each tier an access level. Higher numbers unlock more: a rule requiring level 1 also admits a member on level 2.
Full detail is in Tiers & access levels.
Step 4: Build your auth pages in Webflow
MemberFlow does not render its own login screen. You build the pages in Webflow and tag the elements.
- Open your project in the Webflow Designer and launch the MemberFlow app.
- Go to Auth pages setup. The app can create the empty pages (
/login,/signup, and so on) inside a folder for you. - For each page, copy the matching pre-wired payload from the app and paste it onto the canvas in the Designer.
- Restyle freely. Only the
data-flowappz-membership-*attributes matter—the classes, layout, and copy are yours.
If you'd rather wire it by hand, every attribute is listed in Data attributes.
Step 5: Point MemberFlow at those pages
In Site settings, set:
| Setting | What it does |
|---|---|
| Login page URL | Where a signed-out visitor is sent when they hit a gated page. |
| Post-login redirect URL | Where a member lands after signing in. |
| Denied redirect URL | Where a signed-in member goes when their tier is too low. |
| From address | The sender for welcome and password-reset emails. |
Step 6: Gate a page
- Open Page rules and choose Add rule.
- Pick the page and the tier required to view it.
- Optionally set a redirect that overrides the site-wide denied URL for this page.
To gate CMS content instead, use Collection rules—see Page & CMS gating.
Step 7: Publish
Publish the Webflow site. MemberFlow's script is injected automatically on publish, reads your rules, and enforces them at page load.
Test it in a private window: visit the gated page signed out (you should be redirected to your login page), then sign up and visit again.
💡 Nothing happening on the live site? Confirm you published after connecting the site, and check the browser console for
[flowappz/membership]messages.