Focused Launch: Show help widget when clicking "Ask a Happiness Engineer"

ciampo commented 3 years ago

What

Currently, clicking the "Ask a Happiness Engineer" link takes the user to the /help page. A better solution would be to show the help widget on top of the Focused Launch modal if the chat feature is available for the user.

if you’re entering this flow on a free plan and click the help link, you navigate (ideally in a new browser tab) to the help page, but if you’re on a paid plan which supports chat, that will open up.

p58i-9Mt-p2#comment-48405

Why

This would allow the user to receive help, without leaving the Focused Launch modal

Acceptance Criteria

When the user clicks on "Ask a Happiness Engineer", if they are on a plan that supports chat:

[ ] on mobile screens, the help widget takes up the width of the viewport
[ ] on desktop screens, the help widget appears in the bottom right corner of the screen

If the user is on a free plan (or a plan that doesn't support chat), try opening the default Inline Help pop-up. As an alternative we could also open /help in a new window. Also, in this case, the label should be different (eg: "Need help?").

Context

Conversation started in https://github.com/Automattic/wp-calypso/pull/47624#discussion_r530705229 and continued in this issue (see messages below)

ciampo commented 3 years ago

@ollierozdarz please let use know if you see any other requirements around this specific feature/interaction.

How would this behave on a narrow screen (mobile viewport)?

ollierozdarz commented 3 years ago

This sounds great, @ciampo. On a mobile, this help widget could just take up the width of the viewport as other help widgets do (intercom, etc). Since the user has made the effort to click the help link text, it's find for it to act like a modal and break the flow.

yansern commented 3 years ago

Create an wp hook action that when the "Ask a Happiness Engineer" button is clicked, it calls the calypso iframe parent, and the calypso iframe parent calls the showInlineHelpPopover & hideInlineHelpPopover actions from calypso/state/inline-help/actions.

razvanpapadopol commented 3 years ago

Good to follow the extraction process in p9oQ9f-q6-p2

github-actions[bot] commented 3 years ago

This issue is stale because it has been 180 days with no activity. You can keep the issue open by adding a comment. If you do, please provide additional context and explain why you’d like it to remain open. You can also close the issue yourself — if you do, please add a brief explanation and apply one of relevant issue close labels.

Automattic / wp-calypso