Closed
Description
User story
This is the main issue to track the work of UX improvement on account connections.
Currently, Step 1 (account connections) of the Onboarding Flow has one of the steepest drop-offs in the funnel. Our goal with these UX improvements is to reduce that drop.
Design with explanation:
Animated GIF:
UI front-end changes:
- WordPress.com account card (done in UX improvement on WordPress.com account connection #1068)
- Google account card (done in UX improvement on Google account card #1072)
- Allow user to switch Google account after connected (done in UX improvement on Google account card #1072)
- Google Merchant Center account card (done in UX Improvement on Google Merchant Center section in Setup MC #1094)
- "Lightbulb" tip for Google Merchant Center on the left hand side (done in Explanation tip for Google Merchant Center #1075)
- Disconnect GMC when disconnecting / switching Google account (done in UX Improvement: Disconnect Google Merchant Center account when switching Google account #1109)
- Display GMC account name and domain in GMC cards (done in UX Improvement: Display account name and domain in Google Merchant Center cards #1112)
Back-end changes:
- Add name and domain to account API to facilitate UX improvements #1092
- (Non-blocking / good to have) Add name and domain to connected GMC account connection
WCS changes:
- Add name and domain to Merchant API response Tweak response asset group #1840 1840-gh-Automattic/woocommerce-connect-server
- Use Manager token for MCA requests Audience Auto-save shows error when selector is empty. #1855 1855-gh-Automattic/woocommerce-connect-server
Technical
There may be some overlap of work or impacted area with the on-going partial oauth project led by @eason9487.
Figma link
2a91c-pb
Internal project thread link
pcTzPl-6u-p2
Acceptance criteria
The UI of Setup MC Step 1 should reflect the above designs.