Saving data on account users page

Design help Custom code
1

I know the Memberships Beta is limited but I’m working on a course that will live on each users account page, specifically so they can track their progress with completing educational modules.

The only user-specific thing I need is a check box next to the module that stays when refreshed, but I can’t figure out the code side of things. Currently, I have it set up using a form/checkbox, but I can do the same thing with an Interaction and I’ve also tried using JQuery for code that adds and removes classes (this mostly worked, but maybe some small errors on my end).

Any help is appreciated!

Here is my site Read-Only: (Webflow - OBH)

Live Site: OBH

2

Hi Breta, welcome to the forum.
So this is a common question and there are no inside-the-box solutions.
Plus there are some issues with identifying the user themselves.

Here I give about 4 different approaches you can take that cover the spectrum from easy-but-limited, to more-complex-but-solid.

3

Hi @bretaalstrom :wave: welcome to the forum!

Unfortunately nothing like this is built into Webflow Memberships and there are some hurdles with the way you’ve set it up.

That said, here are some solutions…

Jetboost

Quickest & easiest:

If you’re adamant about leaving this on the Memberships account page, think about using the venerable Jetboost favoriting system.

Instead of the user “favoriting” the lesson, they are “completing” the lesson. Same functionality, different framing of the task :smile:

This is a plug-n-play solution that’s free to use on webflow.io sites.

It’s a quick & very popular solution in the Webflow community.

Webflow CMS

Little more effort, very flexible:

There are a lot of limitations to using the Memberships account page like you are.

The common approach is to move what you need over to the Webflow CMS.

It’s fairly simple to create some automation that does this for you in real-time whenever a new member is created or updated.

Once you have a unique CMS page per user, tracking “completed” lessons become trivial, you just track that in the CMS and it’s displayed to screen.

With this approach, you’ve also removed a lot of the limitations for the features you’ll most likely need to add in the future.

Memberstack

Not what you’re asking for, but very flexible:

Webflow Memberships has a bunch of advantages that Memberstack does not, but… the big one Webflow is missing (right now) is flexibility.

Webflow Memberships has a very limited feature set right now, and it’s also not ready for a live site.

I’ve gone through several days of Webflow Membership API calls not working and invite emails not being sent.

It truly is in Beta, but will improve with time.

If you need a solid alternative today, Memberstack is popular with the Webflow community.

Here is an example course site I built with Webflow + Memberstack that does exactly what you’re asking for.

Signup with a fake email address and use the checkboxes to mark each lesson completed.

I’ve also created a step-by-step screencast that walks you through how I built this (along with the checkboxes):

Hope that helps!

4

The solution using Webflow CMS seems ideal for my situation. I’m also building a course, and I would love to learn how to use the Webflow CMS. How to set it up with automations whenever a new member is created or updated, explain CMS page per user, and tracking different things like “completed” in the CMS so it’s displayed on the specific user’s page.
I hope you can help, I am a beginner to webflow:)