How to create a discount card system in Webflow with Memberstack that shows different prices to cardholders? Answered

Post author
Asif bahadur

Hey Memberstack Community

I would like to create a discount card for my e-commerce store on Webflow. Customers can purchase the card for €180 and it will grant them discounted rates on our products for one year. We have two products available: Obag and Opack in two sizes - small and medium. The current prices for our products are as follows:

  • Obag Small: €1.70
  • Obag Medium: €1.90
  • Opack Small: €2.90
  • Opack Medium: €3.20

With the discount card, customers will receive a discount on the prices for one year, and the new prices with the discount applied will be:

  • Obag Small: €1.20
  • Obag Medium: €1.40
  • Opack Small: €1.90
  • Opack Medium: €2.30

I need help to create a discount card for customers in Memberstack. I want the functionality to work like this: when a customer buys the discount card, they will receive a discount card code in their email. The customer will only see the discounted prices while shopping after buy discount card. they need to add the code every time, when they check out. Can somebody guide me on how to set this up? All the products have already been added to Webflow.

Thank you

Comments

4 comments

  • Comment author
    Nicolas Pottier

    I don't know how to do what you're expecting, but this is how I would do this :

    • Instead of a discount code, I would apply a "Card member" plan to the user
    • Then display a different price button for "Card members" and others, using data-ms-content="card-member" and data-ms-content="!card-member"
    0
  • Comment author
    Asif bahadur

    That's also a great idea for a yearly membership card. Can you confirm that we can create a membership card plan worth 180 euros in Memberstack, and that only the purchase customer will be able to see the discount rates?

    0
  • Comment author
    Nicolas Pottier

    Yes! That's how I use custom property "data-ms-content". It all depends on how familiar you are with code.

    I did that for most of my features, having 2 buttons in Front-End, one for Premium and one for Free. Now that I'm more familiar with Javascript, I know that we cas also do that on JS end.

    0
  • Comment author
    Duncan from Memberstack

    Thanks Nicolas Pottier 🙏

    0

Please sign in to leave a comment.