The FASTEST Way To Build A Membership Site In Webflow (Memberstack 2.0)
HTML-код
- Опубликовано: 3 авг 2024
- Today I am going to show you how you can build a membership site inside of Webflow! This way you can gate your valuable content and add subscription functionality to your site.
-------------------
🏃 Get Started Here -
🚀 My Webflow Membership Agency: www.memberify.io/
✉️ Other Business Inquiries: alex@automatio.io
🐑 SaaS Login Template: www.memberstack.com/webflow/s...
🥞 Memberstack: memberstack.com/?via=survivin...
🌊 Webflow: try.webflow.com/l9bi5zf0cljy
-------------------
📖 Description -
One of the easiest ways to make passive income in our web-based world, is to create some sort of valuable content - whether it be an online course, a blog, a series of podcast episodes, etc - and release that content as part of a membership plan. In Webflow, there currently is not a native way to build membership functionality into our sites. So to do so, we will have to look elsewhere: Memberstack 2.0.
Memberstack 2.0 is one of the most popular ways to build a membership site inside of Webflow. Their software allows us to gate our content, build free or paid membership plans, and embed signup and login forms seamlessly into our Webflow accounts with little to no code. They are awesome! There is a decently steep learning curve we've got to climb before we can really harness their product to its full potential, but once you summit that peak, there is no better solution currently on the market. With that in mind, I decided to make a full tutorial video so that you can get over that learning curve and get your membership sites ready to rock with as little hassle as possible!
In this video I will show you how to structure your membership website in Webflow (including login page, signup page, and how to structure your gated content on your site). I will also show you how to set up your membership plans, create gated content, and, finally, embed all of this seamlessly into your Webflow site. By the end of this video you will have a fully functioning membership site complete with a full signup and login workflow along with a robust gated content infrastructure to monetize your valuable work!
I have been using Webflow to build my websites for years. If you are a novice website developer looking to launch a new project or business (and don't know how to code), your best bet is using Webflow. With Webflow, you code visually, and have complete control over your website down to the pixel. No more having to go through style sheets or JSON files in Wordpress in order to customize your site to your needs. With Webflow, you are able to visually code your website from scratch. Subscribe for weekly tutorials!
-------------------
⏰ Timestamps -
0:00 👋 INTRO
0:41 🔨 Step #1: Structure Your Website
3:17 📜 Step # 2: Install Your Script
4:06 ☝️ Step #3: Add Signup Form
6:27 🪵 Step #4: Add Login Form
7:47 💸 Step #5: Add Membership Plan
8:38 🚧 Step #6: Create Gated Content
10:37 🚦 Step #7: Add Redirects
12:54 😜 Step #8: Add Logout Button
13:50 🔗 Step #10: Link Our Plan
15:07 🏡 Step #11: Add Our Domain
15:26 🧪 Step #12: Test!!!
17:39 ✌️ CONCLUSION
--------------------
🔗 My Links -
🌊 Webflow: try.webflow.com/l9bi5zf0cljy
🥞 Memberstack: memberstack.com/?via=survivin...
🤖 Botpress: try.botpress.com/g9islyh7pjv6
🔮 Make.com (Signup here for one FREE month!!): www.make.com/en/register?pc=s...
🔥 My AI Automation Agency: www.automatio.io
--------------------
👨 WHO AM I -
I'm Alex, a 26 year old Financial Analyst who lives in Nashville, TN. I'm now over half way through my twenties (I'm getting old!) and believe that I've acquired some valuable life advice over the past 6 years that I wish I knew when I was just entering my third decade of life. I make videos to pass on these life lessons to all of you (along with other ideas, tips, tricks, knowledge, experience, stories of success, stories of failure, etc.) so that you all can survive your twenties with more grace than I have managed so far!
This has to be one of the clearest instructions on installing Memberstack on Webflow. Well done! Subscribed :)
Awesome, thank you! Let me know if there's anything else I can help with
Dude... DUDE!! Yes, I've been ripping my hair out trying to find this exact tutorial. I love you. SUBBED fs
This vid was the best tutorial on this topic - thank you!
Glad you enjoyed!!
THANK YOU! I wish your video was posted on memberstack (instead of the video tutorial they uploaded - confusing and not user-friendly).
Seriously! AWESOME work, as of Friday memberstack 1.0 did not allowed bulk uploads and I had to switched to 2.0 to be able to release a website project and there was nowhere to find good instructions. Subscribed!
Man this is soooo much better than the Memberstack tutorials.
Thank you! I'm glad you like it
Crazy how they soft launched 2.0 without a clear tour.
Been trying hard to wrap my mind around it for 2 days. Thanks !
Yep couldn't believe how tricky it actually was. Glad I could help
Thanks G! Subbed!
You're a great communicator!
Thank you so much, helped a ton!
No problem, thanks for being here!
This was awesome and really helpful, thank you! I would love to see more gated pages like a user dashboard so as a logged in user you can see your persona; stats and/or gamified rankings compared to other users 😀
I'll see what I can do for you!
Thank you!…I would love to see that too!
You came across anything regarding to this?
Thank you so much for this. 💯💯🙌🙌
Any time! Thanks for being here
Lovely, thank you so much for this video. 10/10
No problem!
Wow, thanks for this video. The ONLY reason I need to use Memberstack is because it has conditional visibility to specific content on a page...but it is soooo frustrating...their setup process is NOT clear. Thanks dude!
Thank you!!
Thanks for the video! It was a great help. Ever get the chance to work in paid memberships? It's killing me over here--still can't figure it out.
Fantastic Thanks!!
No problem!
Thanks brother
This is a sick tutorial thanks
Glad you enjoyed it!
Would I still need Memberstack since Webflow has a membership beta? Maybe create a second video comparing Webflow native membership options vs. Memberstack or other membership options for Webflow users. Thx.
I have the same question! Thanks in advance!
Memberships in webflow is VERY limited at this time. I've been looking into it, but it's pretty much limited to gating pages based on user groups. But you can't really provide any additional permissions or privileges to members. I can't even figure out how to output member data (like "Welcome USERNAME") on any page of the site.
This was a really helpfull video. Thanks a lot. I'm Already a subscriber 🔥🙂
LOVE IT, thanks for being here!
That's awesome!
Thanks!
Great content! I subscribed to your channel. Please do one with webflow memberships !
Just turned 19 so I have one year before I have to survive my 20s 😅😅 great video thanks
Have you started to survive your 20s? 😅
Hey, great tutorial. How do you deal with temporary or fake emails, is there any way of verification? If your customers have to pay for a subscription, at which point would the payment step be included? :)
awesome-!
Very helpful
Thanks!
Hey Great. so using this process it should be able to make two types of user logins as long as you place the content for each user into a gated content folder for the respective user. for instance, an app where professors and students both need to log in but see different versions of the site depending on their role.
Honestly what would I do without you.
hahaha no worries 🤣
Hey man... thank you, seriously. im not a commenter but I was compelled.,..
Is there a way to allow "members" to upload files and have memberstack store them in custom fields? Or is it only good for text fields?
Great Video! I heard Webflow will allow for memberships and gated content soon within webflow.
Yep I will make a video on it soon! Not sure if it's fully operational yet but I'll have to check again and see
Can you tell me where you get the attributes for forms? mean's three attributes that you added in the form block
If I wanted other attributes, where can I find the data attributes to line them to member stack? For example, I want to collect other data on the user, like their Discord User ID or another custom attribute.
Could you make a tutorial teaching us how to link plans and memberstacks payment process on Webflow?
Like a subscription page would be sick :)
This video is on my to do list!!
Great video! It helps a lot. I struggle with making the login and sign up pages. I cannot find a suitable template on Webflow and I would love if i could use yours. I try to copy the template but I don't know how or where to paste it. Please help :)
Hey! You should be able to hit “copy” on the link I included down below. Then go to your webflow project, click into the body of your page, and paste (command + v) on Mac
How does gated content work when the redirect is to a CMS collection page?
I'm trying to build a content site with memberships that allow members to contribute content (the content itself would be available for free to non-members). Is there a workflow that would allow members to provide rich text content from the front end? (I'm using airtable as the database, but it's not necessary)
Hey how do you set up sign up email authentication
Please, I encountered a problem. Anytime I'm logged in and I open the original domain name of my website in another tab, it takes me to the original home page and not the home page for logged in members. How do I fix this?
Also, if I copy the dashboard link and open the link in another tab when I am logged out of the website, it still opens my dashboard. Is this normal? How can I fix this?
With the academy template I don’t need to create the pages right ?
Correct, the template will have the pages created for you as a starting point.
After I sign up my form, it shows passwords cannot be submitted. Do you know what’s happen? Thank you
Hi, thanks for the fantastic guide. I am getting an error "Passwords cannot be submitted" whenever I hit the submit or login button. No guides online seem to give a solution that works. Only 1 form on the page, header entered and all steps followed correctly, CMS site plan enabled, memberstack setup correctly, all attributes added correctly and even a dummy member setup on memberstack. Still getting the same error...it's really deflating me. In fact some webflow support guides even say its disabled by webflow. ...Anyone able to help with this issue? :'(
I've had this before. I'd try 2 things:
1) Clear cookies
2) This is probably the issue. Make sure you're signed out. If you don't have a logout button on your page, make one, click it to make sure you're signed out, then try to log back in/create account. You can't create an account or login in if you're already logged in and it can be tough to tell if you're logged in or not when you're building.
@@alexleischow i did try both of those things. Didn't seem to change anything so I eventually just changed the password field to a plain text field to get around it and I am hoping I can use some animation to add asteriks when they type or something. Every bit of support online gives these support steps and it hasn't fixed the issue. There are also official statements from Webflow saying webflow wont support password submissions due to a security concern and that we need to use webflow memberships instead. Lone behold, when changing password field to text field it then submits and submits correctly to memberstack.
Sadly, my expertise in this platform are limited so it could just be something I did wrong somehow.
Would you still use memberstack today with webflows new membership enhancements?
I need to hop in and see how their Membership tools are coming along! Will make a video on it soon
Looks like that login template link is broken
Thanks for letting me know. I've updated the new location now for you!
Hi, I want to access to logged user info but I can't do that in webflow. Can I do that in memberstack?
Yes, I believe so! I will make a video on this
@@alexleischow Nicee, I'm looking forward :)
@@berfinbilgi6582 This will be next video 😀
you switched from finance to web design?
Doing web design on the side! It's a nice little break from all the numbers haha
It showing me "You already have this plan." error message. Do you know what I can do about it
I had this error too when setting this up originally.
Clear your cache to start that’ll help. But then it’s most likely an issue with your login/logout button. Make sure you have the correct attributes for both your signup and login forms. And then ensure that your logout button is set up correctly. Double check your attributes and let me know what you find!
I have a question can you please tell me where I will create singup page in user pages or static pages in webflow? Currenlty in my website webflow buildin authentication is working. how can i off webflow build in Authentication? any one can guide me? @everyone
How can I remove test mode ??
I’m having trouble finding out how to remove this test as well… by any chance did you find the solution?
Thanks in advance.