How to create a shareable wishlist with Memberstack that only logged-in users can edit? Answered

Post author
Daniel Bøllingtoft

Two questions:

  1. Is it possible through Memberstack to make a wishlist where the wishlist can me a shareable link for everyone to see? So the user can share their wishlist to family & friends. But only the user can edit the wishlist if logged in.
  2. Is it possible to make similiar compare functions with memberstack instead of jetboost? -> https://showcased.webflow.io/projects/Compare-Products-No-Code-with-Jetboost.

Comments

1 comment

  • Comment author
    Chukwudi Onyekwere

    Hi Daniel

    Great questions! Let's tackle them one by one. 😊

    1. Shareable Wishlist with Memberstack
      Creating a shareable wishlist where only the user can edit it while others can view it is possible, but it requires some custom implementation. Here’s a general approach:
    • Database Setup: You would need to set up a database (using a service like Firebase or Airtable) to store each user's wishlist items. Each wishlist can be associated with a unique identifier (like a user ID or a generated shareable link).
    • User Authentication: Use Memberstack to manage user authentication. Only logged-in users can add or edit items in their wishlist.
    • Shareable Links: Generate a unique shareable link for each user's wishlist. This link can point to a public view of the wishlist that anyone can access, but only the user can modify it when logged in.
    • Frontend Implementation: You would need to create a frontend interface where users can add items to their wishlist and view their shareable link.
      This setup would require some custom coding, as Memberstack does not provide built-in functionality for creating shareable wishlists.
    1. Compare Functionality Similar to Jetboost
      Creating a product comparison feature similar to Jetboost can also be achieved with Memberstack, but it would require custom development. Here’s how you could approach it:
    • Product Data Storage: Store product data in a database (like Airtable or Firebase) that includes all the necessary attributes for comparison.
    • User Interface: Create a user interface where users can select products to compare. This could be done using checkboxes or buttons next to each product.
    • Comparison Logic: Implement the logic to compare selected products. This would involve fetching the selected products' data from your database and displaying it in a comparison table.
    • Memberstack Integration: Use Memberstack to manage user sessions and ensure that only logged-in users can save their comparisons or access certain features.
      While Memberstack provides user authentication and management, the actual implementation of these features would require Webflow, custom coding and possibly integrating with a database.
    0

Please sign in to leave a comment.