Like, Save, Favorite & Bookmark Tutorial

Allow members to save CMS items to their profile.

  • Loads fast
  • Works w/ Finsweet Attributes
  • Works w/ 100+ CMS items
  • No coding required
  • Complete design control

Whether you call it liking, saving, or favoriting - the ability for your Memberstack members to store a CMS item is an often-needed feature for membership sites and web applications.

That’s why we made MemberScript #106 - to get the code, go to #106 - Liking & Saving CMS Items | Webflow Powerups.

MemberScripts are free code snippets created by the Memberstack team. If you have any trouble please leave a comment below and @JulianGalluzzo or @DuncanHamra will get back to you ASAP.

1 Like

love this, but how do I change the colours? I managed to change where the red colour is, but I cant change the fill colour of the unsaved heart. Once I changed the red colour, the unsave heart filled with a grey colour which I cannot change.

Hey @Julie_H,

Just like how you changed the color of the saved heart, you can set the color of the unsaved heart by setting the relevant typography color of the save_save element and then open the unsaved heart element (icon-embed-xsmall) in code editor and remove opacity=".2" from there and save it. Its highlighted in the screenshot below.

This should make the icon fill with the color you set for the unsaved heart based on your styling. Hope this helps. Let me know if you still face any blockers.

2 Likes

Awesome. Thank you! What if i wanted it fully transparent? what should the opacity value be?

@Julie_H , Welcome.

You can set it to be 0 instead of .2 and it should become transparent and the icon will have the border of the heart with the color that you set for the save_save element. Hope this helps.

1 Like