Skip to main content
Question

How to let users pick between monthly and yearly plans in FlutterFlow’s RevenueCat integration

  • May 20, 2025
  • 1 reply
  • 14 views

Forum|alt.badge.img

I’m using FlutterFlow’s built-in RevenueCat integration to create a custom paywall UI with two cards: one for the monthly plan and one for the yearly plan. The official docs only show how to configure a single subscription option (hard-coded) in the Purchase action. I need to:

  1. Let the user tap either the monthly or yearly card to select that plan.

  2. Then tap a single “Buy” button that initiates the RevenueCat purchase for the plan they selected.

But in the Purchase action’s Package ID field I only see a way to bind one static package or choose “Package by Identifier,” and I don’t see how to point that at a dynamic App State or Action Output variable. I can’t figure out how to wire up my selectedPlan string (e.g. "myapp.monthly" or "myapp.yearly") into the Purchase action so it charges the correct plan.

What have you tried so far?

  • Created two tappable cards, each updating an App State selectedPlan string to either the monthly or yearly package identifier.

  • Added a “Buy” button with RevenueCat → Purchase, but the Package ID dropdown only lets me pick a single package or does not expose my App State variable.

  • Reviewed FlutterFlow docs (Integrations → RevenueCat) and RevenueCat’s own docs — they only cover setting up a single package, not multiple options with one purchase action.

  • Tried both “From Variable → Filter List Items” and “Package by Identifier,” but I don’t see my selectedPlan in the picker.

1 reply

jeffrey_bunn
RevenueCat Staff
Forum|alt.badge.img+6
  • RevenueCat Staff
  • 299 replies
  • May 22, 2025

Hi ​@helpy-26f4bc I’m sorry you’ve encountered issues setting this up. It’s tough to debug this on our end - have you reached out to FlutterFlow’s support? Are you able to grab the values within the call to GET Offerings? If so, you should be able to use the .availablePackages property on the offering to get the packages available to purchase. From there, you’ll have to implement local state on your paywall to switch between the available packages. I expect you should be able to do this within FlutterFlow, but it does sound fairly custom if their pre-built elements assume a paywall with a single button for each package. Please let us know what FlutterFlow support says and we’ll do our best to help.


Reply


Cookie policy

We use cookies to enhance and personalize your experience. If you accept you agree to our full cookie policy. Learn more about our cookies.

 
Cookie settings