How to let users manage saved payment methods in Memberstack and Webflow? Answered
Hi everyone! I'm currently building an ecommerce site on Weblfow and using memberstack for user functionality. I want to allow users to save and edit payment methods as well as view them on their dashboard. Is this possible with memberstack?
Comments
5 comments
Hi Abel,
You can use our data attribute data-ms-action="customer-portal" to achieve this. It opens Stripe's billing portal for managing paid subscriptions. Hidden for members without paid plans.
Example: <a data-ms-action="customer-portal" href="#">Manage Subscription</a>
Read More: Stripe Customer Portal
Gotcha! I tried this but I have one tiny issue. This only works if members have a plan. I tried adding a plan that cost $0 but it forces the user to go to a Stripe checkout when creating an account and I don't want that. The only time I want them to see the stripe checkout is when they purchase a product from the ecom store
In this case, I recommend creating a Free plan instead of a paid plan that cost $0. This should eliminate the issue.
Awesome! I ended up making the free plan but a user can't see the button that launches the stripe portal since it looks like that is for paid plans. Can I get around this somehow? Because I still need free plan users to be able to save their payment info
Yes, it's hidden for members without paid plans.
There's no workaround as that's how it's designed. Logically, a user who's on a free plan wouldn't need to access the Stripe portal.
Please sign in to leave a comment.