How to dynamically show "Your Current Plan" button in pricing table for monthly and yearly tiers? Planned

Post author
Juanca López

Hi! I'm new here. I'm trying to display "Your Current Plan" In a pricing table buttons, depending on what plan they are on. I have 3 tiers: Bronze, Silver and Gold BUT, I have Yearly and Monthly Plans. Yearly and Monthly are the same benefits, except for the money saving when paying yearly.

I followed this tutorial (link below), but doesn't work for my monthly/yearly payment. Anyone knows what could I do?
https://docs.memberstack.com/hc/en-us/articles/10836783864091-Display-the-Current-Plan-in-a-Pricing-Table

Comments

3 comments

  • Comment author
    Memberstack Team
    • Edited
    • Official comment

    Since you're working with both Monthly and Yearly versions of Bronze, Silver, and Gold, the tutorial you followed might not fully cover your use case.

    MemberScript #187 is a great starting point—it highlights the member’s current plan in your pricing table. But by default, it checks only the plan ID, not the billing interval. So if your Monthly and Yearly plans share the same tier name but have different IDs, the script can still work—you just need to extend it slightly.

    Here’s what you can do:

    • Use window.memberstack.getMember() to grab the member’s active plan ID.

    • Match that ID against your pricing table buttons (each button should be tagged with its corresponding plan ID).

    • Update the script to highlight the correct button based on that match—even if it’s a Monthly or Yearly version of the same tier.

  • Comment author
    Josh Lopez

    Hey Juanca López

    Can you provide your url and app id so we can take a look and get you on the right path? :) 

    0
  • Comment author
    Duncan from Memberstack

    Juanca López I haven't been able to find an easy solution for this yet 🤔

    0

Please sign in to leave a comment.