LITS: The theme grid clearly marks required upgrades but theme details doesn't

[dsas]

Quick summary

It's not clear on the theme details page of a non-free theme what upgrade is required and how much it's going to cost.

Grid	Details

Steps to reproduce

1. Select a Free site
2. Go to Appearance → Themes in the menu
3. Notice that many themes have a premium indicator, when hovered it says that you need a certain plan.
4. Click on one of the themes

What you expected to happen

I expected the theme details page to be at least as clear that an upgrade is needed and to which plan. Ideally it would also mention the price.

What actually happened

The theme details page doesn't show which upgrade is required, the main CTA is "Upgrade to activate" so it is clear that something is needed. But not what, and how much.

Impact

One

Available workarounds?

No and the platform is unusable

If the above answer is "Yes...", outline the workaround.

No response

Platform (Simple and/or Atomic)

No response

Logs or notes

No response

[Robertght]

📌 REPRODUCTION RESULTS

• Tested on the platform - replicated

📌 ACTIONS

• Triaged

📌 Message to Author
@dsas, is this a bug because we should have it by design, or can we consider it as an improvement/enhancement request?

[dsas]

It's arguable, I don't mind how it's termed. Previously there was an additional banner which said something like "upgrade to the premium plan to get access to lots of premium themes". It was removed because it was a duplicative CTA and that was confusing, but perhaps more should have been done to ensure the same details were still being shared.

[dsas]

@fditrapani this relates to your recent work on the theme details, just wondering if there's a simple change we can make here to resolve this quickly before any bigger changes come down the line.

[fditrapani]

Thanks for the ping @dsas. I have been looking at this since we'd also like to get rid of the tooltips. I'm going to p2 the solution to get other folks to chime in but here's what I'm thinking. Starting with the showcase/design picker, we've been discussing removing the style variants and promoting free themes. I'd like to add a Free badge and update Upgrade > Paid since people in onboarding don't have a notion of our plans yet:

Then on the Theme details screen, we'd reinforce the Free + Paid badges with the following:

We can also consider swapping in the plan name for the showcase because at that point, I would hope people have been exposed to the plans and would have an idea what those names mean.

Let me know what you think here but like I said, I'd like to get this up on P2 for some better visibility as well.

[dsas]

I like those in general 👍

I'm unsure if just saying "Paid" on the grid, and just staying "Requires paid plan" on the theme details is descriptive enough. If a user is willing to pay for e.g. the personal plan and they keep stumbling across themes that are gated to the premium plan and it's many clicks to find that out, it could be annoying.

(The current design doesn't have this problem - it tells you the plan, but it doesn't tell you how much it costs).

[fditrapani]

If a user is willing to pay for e.g. the personal plan and they keep stumbling across themes that are gated to the premium plan and it's many clicks to find that out, it could be annoying.

That's a good point. Thanks for bringing it up. I'll see if I can address it before posting something. Stay tuned.

[rcrdortiz]

Moving this issue to our sprint backlog for visibility.

[fditrapani]

I just shared an updated approach here on p2 that can be used for this: p9Jlb4-f80-p2

[fditrapani]

@rcrdortiz I documented the approach for the theme details page here: #95471 (comment)

to keep things simple, we could implement the updates to the theme details page separately.