How to set up custom CMS list filtering in Jetboost using Memberstack's pre-checked checkbox groups? Answered
Hi all, I'm sharing as the team at jetboost made some changes after I reached out about my specific use-case which I needed to work with Memberstack. I followed this tutorial from Duncan about checkbox groups: https://docs.memberstack.com/hc/en-us/articles/9060611644571-Checkbox-Groups and I realised the jetboost filters only filtered on click. They have pushed an update through that recognises pre-checked checklists. This means infinite filtering possibilities. I now have hidden checkbox fields set up to match a custom field in memberstack. Combined with a content load delay, it's a great way of doing simple permissioning by user. This means I can custom filter the cms lists for each user however I want with Memberstack custom fields. 🙂 This is useful for saved searches and filters as well between Memberstack and Jetboost. Thought I'd share my latest win!
Comments
4 comments
Hi Kat, I'm working on something similar, would your approach work for something like this? I am trying to associate custom fields in memberstack to jetboost filters I've setup so members will see a filtered feed when they've signed up.
Yes, this is exactly what I've done. (Except I've hidden my checkbox list in my equivalent of your screenshot 2.) Use the tutorial linked above to create an Initiatives collection checklist (from your Initiatives cms) in a form (to replace your screenshot one. Follow this exactly as I missed adding the profile form attribute the first time) Copy that form onto the left side of the page you want filtered (replacing the initiatives checklist you have on screenshot 2. You will need a submit or save button added to both) THEN set up a dynamic filter in Jetboost on that screenshot 2 checkbox list and your collection results list to the right of it. (For the jetboost filter, you will need to pick the reference field that links the Initiatives cms to your Results cms.)
You can restyle the first collection list to match your current styling in screenshot one when you're done of course!
Thanks so much! 😌 I'll give that a try.
A quick video would actually really help. I'm struggling to work out how to setup the filters. I setup the filters in the onboarding step (screenshot 1), they are all checkboxes and the form is saving and storing the information in the custom field I've setup.
When I copy and paste that form over into my feed page (screenshot 2) I can't create the Jetboost filters because the form (i.e. checkbox list) isn't using a collection which Jetboost seems to require.
Hi, Jonny asked for a video (as my instructions were very condensed above) as his use case is similar to mine. I wanted to share it so anyone else who uses Jetboost with Memberstack could copy it if needed. (Excuse the poor styling of my "Fake" website as I didn't want to use my real one as the example.)
Demonstration of Setting up Memberstack Checkbox Groups to use with Jetboost Dynamic Filter Part One:
https://www.loom.com/share/faca12d590ce4d29aaaad34ab90d5c5d?sid=c1183b76-8c75-4b38-b483-8da547583acb
Demonstration of Setting up Jetboost Dynamic Filter on the Memberstack Checkbox Group Part Two:
https://www.loom.com/share/54e78f8162f04dabbda9343b7a621045?sid=d5bc93c6-02eb-4dd3-a0f8-ea51725ad728
DISCLAIMER: This does mean that the page you have these filters on will need to be gated so only logged-in members can view it. (Otherwise, the forms will not work.)
Please sign in to leave a comment.