Discovery: FAQ

[jconroy]

User story:

As a merchant
I want to quickly find answers to my question about the Google integration
So that I can find decide to proceed whether or not it will be useful

Description:

Add a FAQ section to the main getting started screen to answer common questions about the integration.

Content available within Knowledge Base Content doc.

Note - I've separated this from the Get Started - in case it needs extra backend logic for FAQs

Screenshots

Collapsed

Expanded

Technical

• I think the panel component could work here nicely https://wordpress.github.io/gutenberg/?path=/story/components-panel--multiple-bodies
• Can use content from designs for initial implementation if needed
• Unknown - pull content from server-side or keep it in the client? The former would obviously be more work - depends on the number of FAQs. Knowledge Base Content has only 2 at the moment. If the former I believe we would could/would looking at using wordpress/data

Acceptance criteria:

• FAQ is displayed and populated
• FAQ are collapsable
• Translatable text
• Tracks event recorded when collapsing/expanding FAQs
• Tracks event recorded when clicking FAQ links?

Dependencies

• Get started / Google page
• Maybe -> WP Data

Out of bounds/rabbit holes

• TBD

Event tracking:

• Track what FAQs are clicked on etc.
• Tracks event recorded when clicking FAQ links?

[ecgan]

@jconroy , about the following acceptance criteria, do we have more info about them?

Tracks event recorded when collapsing/expanding FAQs
Tracks event recorded when clicking FAQ links?

I suppose they are related to #37 and https://github.com/woocommerce/google-listings-and-ads/pull/53/files#diff-741d0d106164569d5bc11bcf876a4c10784d60773a0d4264d02ab8bb4734ae6dR6-R16 ?

google-listings-and-ads/js/src/get-started-page/index.js

Lines 6 to 16 in b22aa6e

	import { recordEvent } from '@woocommerce/tracks';
	/**
	* Internal dependencies
	*/
	import './index.scss';
	const GetStartedPage = ( { query } ) => {
	const onClick = () => {
	recordEvent( 'woogle_' + 'demo_button_clicked', {} );
	};

As per the above PR, I suppose we would be using @woocommerce/tracks. What are the eventName and eventProperties that we will be using to track the events?

[jconroy]

I suppose we would be using @woocommerce/tracks.

💯 That's correct - for js event tracking we'll use that package

What are the eventName and eventProperties that we will be using to track the events?

We'll likely have a lot more than AW by the end so I've created and added some info here - these may change but it will get you started

As for "id", feel free to suggest something. Content for this page is likely going to get some tweaks as Marketing reviews things.