Marketplace: Add plan information step

[allilevine]

Add a Marketplace page that shows available plans, with the plan that allows plugins (currently Business) highlighted and plan details expanded. We should re-use existing Plans components as much as possible, but swap in Marketplace-specific plan details. Don't forget to test that our changes haven't affected the Pricing page.

Figma: HOg65lHD0QOfaq0QtzKQbC-fi-507%3A10329

We'll continue to iterate on this page with other sections, like a FAQ.

Acceptance criteria:

• There is a page that shows the user their plan, available plans, and the plan they should choose to install plugins.
• There are Tracks events for every possible action.
• Users can click to upgrade to any plan, and go to checkout.

[candy02058912]

Hi @vinimotaa, would like to ask what would the designs look like on other screen sizes?
Would it be something like https://wordpress.com/start/plans?

[vinimotaa]

Hi @candy02058912, yes, we can follow what we have there. Title, subheader, and plans sitting below. I'd start with Business plan, then eCommerce, and then My Current plan - changing the order.

[candy02058912]

Related issues:

• Marketplace: Plan information step hints
• Marketplace: Plan information step nudge
• Marketplace: Plan information step footer

[lsl]

I'd start with Business plan, then eCommerce, and then My Current plan - changing the order.

This isn't easily possible.

Would you like to show all paid plans like /plans or just business + ecom plans?

Including the current plan is sort of possible but it disables the monthly / yearly price toggle options as a side effect.

[vinimotaa]

We only need to show Business and eCommerce as these are the only ones that allow plugin access. It would be great to show my current plan Free, Personal, or Premium so I know how my plan compares to the others.

These are all the scenarios I thought of:

Figma board here

[lsl]

We're looking at adding current plan with #68065. I think we still may run into the issue of not being able to show the price toggle for free plans. (Free plans are "annual" as far as the toggle is concerned and annual plans can't move to monthly in an upgrade.) cc @candy02058912 @DustyReagan

[lsl]

Issue for upgrade handlers #68089 (Making the buttons work)

[cpapazoglou]

I can see that his hasn't launched yet. What's blocking us from removing the feature flag plugins-plans-page?

[allilevine]

@cpapazoglou We went in a different direction for the Marketplace upgrade flow, but we were planning to return to this next. See: pdh6GB-25Q-p2