Marketplace: In the manage sites modal of global plugins, the different actions are confusing

[ebinnion]

Quick summary

There are Install and Go to plugins page actions on the manage sites modal and the difference between these is unclear. In the screenshot above, for example, each of those sites is a WoA site.

Steps to reproduce

1. Go to /plugins
2. Click on a plugin
3. Click on Manage Sites
4. Observe different action button options

What you expected to happen

A clearer UX/understanding of what the actions are and why they're present.

What actually happened

I'm confused about why I can install on some sites but have to visit an interstitial page on other sites.

Impact

Some (< 50%)

Available workarounds?

Yes, easy to implement

Platform (Simple and/or Atomic)

No response

Logs or notes

No response

[mmtr]

There are Install and Go to plugins page actions on the manage sites modal and the difference between these is unclear. In the screenshot above, for example, each of those sites is a WoA site.

I wonder if this is because the last two sites are ephemeral / trial / staging sites.

For my sites, the actions are consistent to the same site type but I don't have ephemeral / trial / staging sites:

• For Simples sites is "Go to plugins page"
• For Atomic sites is "Install"

But yeah, I think we can do a better job here. For simples sites it should be either "Upgrade" (it the site does not have the right plan) or "Install" (if the site has the needed plan but has not been transferred to Atomic yet).

[javierarce]

I'm not sure why, but on some plugins (https://wordpress.com/plugins/js-composer) I see these different buttons:

[mmtr]

I see these different buttons

Possibly a bug with paid plugins (aka 3rd-party or marketplace plugins).

• If the site has a Business plan or higher, it should say "Purchase and activate"
• If the site has a Premium plan or lower, it should say "Upgrade and activate"

But it seems that all your sites in that screenshot had a Business plan (because all are .wpcomstaging.com domains), so all of them should display a "Purchase and activate" button. So yeah, likely we have an issue somewhere.

[javierarce]

Taking a step back, what do you think about replacing the modal with a page?

It would improve the plugin management and could allow us to simplify the process too. For instance, we could have a unique and consistent call to action ("Install plugin") and inform users about the different requirements in an adjacent cell.

This is just a quick shot at the solution to start the conversation, and there are probably some details I'd should consider:

Figma file: wCm5Tzb7JBaG4WNowWbjES-fi-4932_2

cc: @lucasmendes-design

[mmtr]

I love that! Looks similar to what @lucasmendes-design proposed but as a full page instead of a modal (p9Jlb4-dqu-p2).

Maybe we can work on a i3 of the site selector project and include this use case as well.

[davemart-in]

I really like this proposal as well. Nicely done @javierarce! I'd say let's move this direction.

[davemart-in]

Moving this to "Projects needing to be shaped"

[lucasmendes-design]

Nicely done! 🌟

Some thoughts:

• Do we need a badge "Requires plan upgrade" so prominent? Maybe the same copy with yellow 50.
• After clicking the install button, the next page is the checkout page, correct?

:)

[lucasmendes-design]

I love that! Looks similar to what @lucasmendes-design proposed but as a full page instead of a modal (p9Jlb4-dqu-p2).

Maybe we can work on a i3 of the site selector project and include this use case as well.

+1 :)

[javierarce]

@lucasmendes-design

Do we need a badge "Requires plan upgrade" so prominent? Maybe the same copy with yellow 50.

You are totally right, that could work and it's also more consistent with the styles we have in other tables (eg: the domains table.)

After clicking the install button, the next page is the checkout page, correct?

For the plugins that require an upgrade, yes.