Skip to content
This repository has been archived by the owner on Jul 12, 2024. It is now read-only.

Store details step - add contextual information and skip link #4566

Closed
4 tasks done
pmcpinto opened this issue Jun 12, 2020 · 3 comments · Fixed by #4771
Closed
4 tasks done

Store details step - add contextual information and skip link #4566

pmcpinto opened this issue Jun 12, 2020 · 3 comments · Fixed by #4771
Assignees
Labels
focus: onboarding type: good first issue The issue is a good candidate for the first community contribution/for a newcomer to the team.
Milestone

Comments

@pmcpinto
Copy link

pmcpinto commented Jun 12, 2020

User story:
As a new merchant
I want to have more context on why I should add info about my store and having a way to skip those steps
So I can decide if I should provide that info or skip it entirely

Description: with the removal of the splash screen we need to adjust the header to provide a more friendly welcome, add a skip link beneath the card and informational tooltips to provide more context.

profiler-step-1-1.png

Acceptance Criteria:

  • Update the header content
  • Add a tooltip in the subtitle explaining why it's important to provide this info
  • Add a link to skip the Store Profiler
  • Add a tooltip in the skip link reminding why merchants should avoid skipping it

Event tracking:
Event name: wcadmin_storeprofiler_store_details_skip
Event prop: NA
Description: when the user clicks to skip the profiler

Additional links:
Design mockup

@timmyc
Copy link
Contributor

timmyc commented Jun 16, 2020

Estimate: If we build this leveraging the core tooltip component I feel like this could be a 1.

@mattsherman
Copy link
Contributor

Estimate: 1, assuming as Timmy did, that an existing tooltip component is used without modification.

@timmyc timmyc self-assigned this Jun 28, 2020
@timmyc
Copy link
Contributor

timmyc commented Jun 28, 2020

Assigning this one to myself, to save for Sam. :)

@psealock psealock added the type: good first issue The issue is a good candidate for the first community contribution/for a newcomer to the team. label Jun 28, 2020
@timmyc timmyc removed their assignment Jun 29, 2020
@samueljseay samueljseay self-assigned this Jun 29, 2020
@samueljseay samueljseay reopened this Jul 8, 2020
@timmyc timmyc added this to the 1.4.0 milestone Jul 13, 2020
samueljseay added a commit that referenced this issue Jul 21, 2020
Fixes #4566 **(and is dependent on the changes from #4759 )**

Changes:

* Use the new `Card` and `Flex` from `@wordpress/components`
* Add contextual tooltips
* Adjust existing styles to match [new designs](https://www.figma.com/file/JH9XMFUCOjfXdr3N09AHRD/On-boarding-iterations-June-'20)
Sign up for free to subscribe to this conversation on GitHub. Already have an account? Sign in.
Labels
focus: onboarding type: good first issue The issue is a good candidate for the first community contribution/for a newcomer to the team.
Projects
None yet
5 participants