-
Notifications
You must be signed in to change notification settings - Fork 1.3k
New issue
Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.
By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.
Already on GitHub? Sign in to your account
Billing page improvements #3192
Conversation
Tagging @jamesefhawkins, @piemets & @yakkomajuri in case you want to check this out from UX standpoint. |
Ping @Twixes. Also let me know if you prefer someone else take a look :) |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Quickly skimmed the code and looked at the screenshots you provided. UI seems good to me and only added one super nit to the code review which is absolutely non-blocking
All feedback has been addressed and complimenting PR merged. Could I trouble you with a final look before I merge? |
Changes
This PR introduces a bunch of changes to improve the self-serve billing page for cloud customers.
Provide the user with more information around their current plan and allow them to manage their subscription.
They can now manage their subscription (we leverage Stripe's customer billing portal) where users can:
Clarification around current usage (i.e. events not billed yet) and exact number of events.
Removes the
hide-billing-toolbar
feature flag as this was intended for our internal team, but we want to dogfood the billing experience too.Introduce support for default event allowance prior to setting up a billing agreement (i.e. events you can have for free without entering your card information).
Related to the above, we will now show an alert on every page if the organization has exceeded 85% of the allocated events in the current month. This will apply for all organizations without a billing agreement, organizations in the startup plan, and organizations in the legacy plans (starter & growth).
Plans in the self-serve billing enrollment page now include all the plan details. Plan details are stored in the database and support HTML (using
dangerouslySetInnerHTML
).Makes it clear when you haven't finished set up your billing agreement and adds a clear step to fix it.
Checklist