Discovery: "Get Started" Page

[jconroy]

User story:

As a product manager
I want to provide an enticing starting point for merchants to encourage them to set up Google for WooCommerce
So that they have some incentive/motivation to finish all the setup tasks

As a merchant
I want to begin setting up Google for WooCommerce
So that I can start promoting my products

---

Description:

Add a getting started page ("Google Page") to the WooCommerce dashboard under "Marketing > Google".

Includes some text, an image (placeholder), and a "Get Started" button.

Content available in the Knowledge Base Content doc. (see project thread)

At the bottom of the page will be an FAQ section to answer common questions about the integration.

---

Logic

The first time / initial view of the Google menu item would show this page.

Clicking the get "started button" will direct the merchant to the full-screen merchant center setup page

If the merchant has started set up but is not yet finished, the "Get started" button should display "Continue setup"

I think "started" would technically be considered as having happened when - the merchant has clicked "Get started" and any of the individual sub-steps (e.g. connected to wordpress.com) has been successfully completed. The first time viewing the page the text should always be "Get started".

If the merchant has already successfully completed set up, clicking the Google menu item would instead show the "Google Overview" page (which has products/offers listed).

NOTE THE ABOVE CAN (AND SHOULD) BE SPLIT OUT INTO MORE ISSUES AS NECESSARY

---

Screenshots

---

Technical

• Placeholder SVG for the image if size makes sense
• We'll need a wp option to track set up completion as a flag

---

Acceptance criteria:

• Page added to dashboard navigation Feature/get started #63
• Logic above is followed
• Button colors updates to reflect admin profile color scheme Feature/get started #63
• Button text changes to "Continue setup" if not complete
• Tracks event fired on clicking getting started.
• Translatable text

---

Dependencies

• Maybe -> WP Data
• Maybe -> Asset Data Registry
• FAQ

Out of bounds/rabbit holes

• Initial implementation lets just use a static placeholder image for the mock listing - we'll look at dynamically generating mock product listing based on store products as a nice to have in a follow-up issue.

Event tracking:

• Tracks event fired when clicking get started button.

[ecgan]

@j111q @jconroy ,

Button text changes to "Continue set up" if not complete

Do we need this? I don't see this in Figma. Just want to be sure if this is still relevant, or outdated. If this is needed, let me know; otherwise, this issue is mostly done and I will close it.

[j111q]

Do we need this? I don't see this in Figma. Just want to be sure if this is still relevant, or outdated. If this is needed, let me know; otherwise, this issue is mostly done and I will close it.

This is still something I think we'd like to have in place, to match other CTAs where we are using Continue setup. (Setup should be one word) It should be shown if they'd previously started the setup but hadn't finished it yet. Thank you @ecgan!

[ecgan]

@j111q , gotcha.

It should be shown if they'd previously started the setup but hadn't finished it yet.

I'll check for whether Google account is connected: if yes, display Continue setup; else, Get started.

[j111q]

Sounds good! Thank you!