How to set up progress tracking in Webflow/Memberstack to enforce refund policies and staged payment access?
Hello, I would like to create a training platform using Webflow and Memberstack. I would like each user to be able to unlock the next content when they finish a video and have a progress bar showing their advancement in the training. Is this possible with Memberstack? Thank a lot.
Comments
4 comments
MemberScript #185 is a great starting point for this. It tracks individual course progress with real-time completion percentages and milestone badges, which aligns well with your goal. You’ll need to pair it with a custom video completion trigger to unlock the next lesson. With some tweaks, it’s totally doable in Webflow + Memberstack.
Hey William Ventura,
I have built a similar project for a client, where the next video of the training was either unlocked via drip content mechanism or whenever they complete the video.
You might have to track the completion of video in a custom way, and push such progress to Webflow CMS or any database where you are storing user and their progress in the training and then connect the progress bar in the page with such progress value.
To give you an example, in client's project the video was hosted on Wistia, so I found a way to track the progress of the user via Wistia API, pushed it to the Airtable (where the user and user's course progress was stored) and linked it with Webflow CMS so that the user can see their progress via a progress bar (backed by Webflow CMS).
So your project is possible with Webflow, if you customize and track & store the progress in your database.
Hope this helps. Feel free to share any further doubts in this.
Hey I have a couple of questions one of the offers that i'm building for our course is a 30 day money back guarantee but if they watched 25% of the course the refund won't be applicable, now is there any way to track if they watched 25% of the videos, I thought of one and that is they won't be able to go to the next lesson till they bookmarked the first as lesson as completed now i'm wondering how to set it up to only being able to watch the next lesson if you bookmarked the first one as completed and in the back-end maybe in the jason file it says the % of videos they watched.
and the other thing is we will set up a 2-month payments instead of one full payments and we want to set up when they paid only half of the price they will get access only to the first 50% of the course and till they completed the second payment then they will have access to the remaining 50% of the course
Hey ilyas el megarbi, if you are hosting the video in a hosting platform like vimeo, you could track the video watched % automatically via their api and sync it with memberstack.
If not, and you have to take the user marking completed lesson approach, and if you have the premium course template enabled (which provides the option for users to mark a lesson complete and this value gets stored in Member JSON), you can try to customize the code and add on some more details like % watched and also the date during which each lesson was marked completed. You can try customizing this memberscript to show the next lesson only if the previous lesson is marked to be completed or else you could probably show a banner which says locked content (in case you want to show or hide the button which says next lesson based on this logic, you could do that as well).
For the 50% approach on providing access, you can have two one-time plans setup for this purpose, where each plan provides access to the half of the course, so that you can setup access denied or redirects accordingly in a smooth manner. Hope this helps.
Please sign in to leave a comment.