Pull together Payments Blocks video tutorials into Video Library UI

[ianstewart]

We have many Payments Block and eCommerce video tutorials in our support site.

https://wordpress.com/support/video-tutorials-add-payments-features-to-your-site-with-our-guides/

Task

Pull these tutorials together into our Video UI in Calypso. (Screenshot below of how it works with Blogging tutorials.)

[ianstewart]

Potentially really great place to launch instructions about how to setup payments blocks.

[lukaszwilczakwilnet]

First PR: https://github.com/Automattic/wp-calypso/pull/66740 I've split changes into separate PRs because some of the changes needs to be done in VideosUI component which is reusable

[lukaszwilczakwilnet]

And another draft PR: https://github.com/Automattic/wp-calypso/pull/66744 This part will be responsible for display Payments Feature video course

[lukaszwilczakwilnet]

Hi @ianstewart, i've added new PR with proposal of video course. Its https://github.com/Automattic/wp-calypso/pull/66744. It's not a final version. I wanted you could check this video curse and give me feedback if it's ok or should we change titles/descriptions/videos etc. Next step we will apply this video course to the help center in editor.

[ianstewart]

@lukaszwilczakwilnet I'm having trouble testing the PR: I don't have the card that will launch the video in my test sites. From what I can see in the video the descriptions and titles are good. The first description was missing a period. Can you review with @sethmclellana8c?

[lukaszwilczakwilnet]

Hi @sethmclellana8c. Below you can see screenshots from new Payments Blocks video course. You can open it from card on calypso My Home.

After click on "Start Making Money" you can see this:

Can you provide me title, description and all other texts marked on screenshots? List of videos and descriptions are taken from here

[mmtr]

This is still not done, reopening it 🙂

[mmtr]

Potentially really great place to launch instructions about how to setup payments blocks.

I think this would be the next step. @sethmclellana8c shared this feedback about how to better handle this:

my feedback there is that the Support reference -> link on the Payment Button’s block menu should go to the Support page with all the text details vs the videos. id be fine if you wanted to include 2 links Support reference | Videos

when i insert the payment button and click the “Support reference” in the block’s menu, i think a better link wouldnt be the current: https://wordpress.com/support/video-tutorials/video-tutorials-add-payments-features-to-your-site-with-our-guides/#how-to-use-the-[…]ents-block-video but rather this support page: https://wordpress.com/support/wordpress-editor/blocks/payments/

[lukaszwilczakwilnet]

Draft PR with adding video modal to editor: #67536

[lukaszwilczakwilnet]

After discussion in team and team Vertex we decided not integrate modal with editor but link to "My Home" page with opened modal. Adding modal into post editor and in Help Center require too much effort (Help Center is in packages). This approach simplify significantly solution and end user experience will be very similar.