Subscription UI & Gated Categories | Building a Community Forum pt. 12
In this session, Alex will finalize the premium membership workflow by:
1. Building the subscription UI in Webflow and Wized—allowing users to purchase and manage their plans.
2. Creating gated category components that only display to subscribed users.
3. Implementing Supabase Row Level Security policies to enforce access control at the database level.
4. Wiring everything up in Wized so the frontend dynamically reflects each user’s subscription status.
By the end of the livestream the forum will seamlessly handle premium subscriptions, protect exclusive content, and update the UI in real time based on user roles.
-----------------------------------------------
// RESOURCES FROM THE VIDEO
Series playlist - • Build a community forum with Webflow, Wize...
Get Wized - https://www.wized.com/
Supabase - https://supabase.com/
Get Webflow - https://finsweet.info/webflow
Quill - https://quilljs.com/
Stripe - https://docs.stripe.com/
Live site - https://wized-live-build---community-...
Wized project - https://app.wized.com/preview/esfdS1B...
Webflow project - https://preview.webflow.com/preview/w...[…]&pageId=68024f38461d703c6dac00ec&locale=en&workflow=preview
Clone free Wized projects - https://www.wized.com/showcase
Receive support from Wized Intelligence Center - https://help.wized.com/
Join our Discord - / discord
Get the full list of all Finsweet products - https://www.finsweet.com/subscribe
-----------------------------------------------
// TIMESTAMPS
00:00 Countdown + intro
02:15 Recap & stream overview
05:55 Add a ‘is_premium’ column to Supabase categories
08:00 Create RLS policy for premium content using the Supabase AI
21:00 Redirect non-premium users to the homepage if they’re not subscribed
27:50 Add a ‘Become Premium’ button to the homepage
34:00 Redirect non-paying users who click on the button to the checkout
45:20 Refresh user token issue
48:20 Display ‘Manage Subscription’ button on the profile page
49:20 Create an Edge Function to open the Stripe billing portal
59:28 Make the ‘Manage Subscription’ button redirect to the Stripe billing portal page
01:02:10 Wrap up & outro
-----------------------------------------------
// ABOUT US
Wized - build complex web applications in @Webflow with No-Code. Wized enables you to use Webflow as the front-end for your web app and natively integrate your website with popular databases or with any database that has a REST API. Wized empowers you to build custom login functionality, Stripe payment flows, complex user interactions, and lots more! 💪
-----------------------------------------------
// SOCIAL
Twitter: / getwized
Webflow: https://webflow.com/team/Finsweet/
Subscribe to YouTube: https://www.youtube.com/c/Wized?sub_c...
-----------------------------------------------
// TAGS
#wized #webflow #supabase
-----------------------------------------------
Thanks for your support! 🤟