Create 10 community booth showcase items

[bgrgicak]

We are considering printing some cards for WCEU that would include QR codes to preconfigured sites.
The idea is that people could come to our booth and get a store, blog, company site...

We don't want to showcase the technical capabilities of Playground but get a wow effect of how quickly you can get an amazing WordPress site to run using Playground.

[bgrgicak]

A few ideas:

• Woo Store
• Blog with demo content
• Company landing page
• Plugin demo
• Theme demo

[bgrgicak]

@WordPress/playground-maintainers @flexseth do you have any suggestions?

[flexseth]

@WordPress/playground-maintainers @flexseth do you have any suggestions?

"Wow" factor blueprints

• WooCommerce demo
• Jetpack site - show all features
• Playground Documentation onboarding (Schoo Yard)
• Import / Export website demo
• Brochure site with patterns as pages
• create-block demo - Easily make a custom block for Gutenberg
• Core Blocks demo - showcase using a couple of WordPress (React) core components
• Demo a block someone else has made (Interactivity API Countdown)
• Roll five websites for students to work on
• API demo
• Custom plugin demo - Roll your own plugin
• LMS demo w/Sensei
• GitHub Issues Connect block plugin - create a new issue about this block
• Screenshot block - utility - using a NPM package with Playground
• Testing Playground - create e2e tests
• Plugin Review Check - boot in Plugin mode to test against submission guidelines

Some of the functionality listed above isn't Playground specific. But could show what can be done

This has been a big point from @adamziel - "Show what you can do with Playground" :)

[bgrgicak]

Thank you @flexseth!

Some of the functionality listed above isn't Playground specific. But could show what can be done

That's great, showcasing Playground features in this way isn't easy. I think that we should focus on what WP can do and show that Playground can support it.

If we have cards for plugins like Woo and Jetpack, we should also make these cards available in their booths.

[flexseth]

If we have cards for plugins like Woo and Jetpack, we should also make these cards available in their booths.

Great idea. We'd need to look at how some of these instances are intended to act on mobile

Most booth guests would probably scan with their phone, so let's say Playground loads something up while you're chatting them up. Which environments listed would this best work for?

Create a plugin (boilerplate) and run it through the plugin review check?

It seems like it could be possible to make a lot of the examples above work on mobile

[bgrgicak]

Most booth guests would probably scan with their phone, so let's say Playground loads something up while you're chatting them up. Which environments listed would this best work for?

Sorry, I'm not sure what you mean by Which environments listed would this best work for?

I agree that we need to focus on the mobile experience.

Create a plugin (boilerplate) and run it through the plugin review check?

Great example! This plugin is really useful and it uses Playground.

[ironnysh]

I'd really like to see some Blueprints for educators: interactive tutorials, using the Playground Block for simple plugins, etc.

Oh, and the cards should definitely feature these amazing Wapuus (created especially for WCEU 2024) 😀

[flexseth]

Which environments listed would this best work for?

Let's look at the user flows for each use case, how will it work?

If the user is intended to casually operate on their mobile device for the blueprint setup, the QR code works just fine.

Something like having five different cards for demo websites made with Playground.
Or editing a WooCommerce store from mobile..

However, if it's something more "hands on" like creating a custom block with the create-block example listed above, they won't get much value from trying to do this on a mobile device.

questions

• When they click the QR code on mobile, how to allow the user to view this blueprint on their machine?
• Is it best to only showcase mobile friendly blueprint examples?
• Maybe a shortened URL like something from Bit.ly could work for laptop examples?

[bgrgicak]

However, if it's something more "hands on" like creating a custom block with the create-block example listed above, they won't get much value from trying to do this on a mobile device.

I agree, we don't expect users to interact much with it. We mostly want to show off what WordPress can do with Playground.
I assume that attended will only scan one code and see the initially loaded page.

When they click the QR code on mobile, how to allow the user to view this blueprint on their machine?

There is no way to do it today, but we could add a menu item that exports the current blueprint.
Is this needed for WCEU? All blueprints will be publically hosted and accessible through a URL.

Is it best to only showcase mobile friendly blueprint examples?

Yes

Maybe a shortened URL like something from Bit.ly could work for laptop examples?

Great idea, we could print short URLs bellow the blueprint.

[flexseth]

It's interesting about having a mobile and laptop link.

Most users will snap the QR code, not nearly as many users will have their laptop at the booth.

What about a mobile opt-in to subscribe for updates to the project, that then redirects to a project on mobile?

At some point during the conference, an email blast could go out linking to the non-mobile samples

When the email goes out, the demos would be there for any other Playground workshops.

[bgrgicak]

What about a mobile opt-in to subscribe for updates to the project, that then redirects to a project on mobile?

That sounds like it could attract a lot of users to the project, but TBH I would prefer not to mess with user data.
We don't have a privacy policy or services in place to handle emails.

[flexseth]

If we have cards for plugins like Woo and Jetpack

Looking back, I'm not sure it will work with Jetpack due to how WordPress.com authorizes the Jetpack app.

Way beyond my understanding, but in the past I've had issues with local development and Jetpack.
Although this would be a great use case!

[adamziel]

@artpi had some successes running Jetpack in Playground

[bgrgicak]

We decided to go with a different idea #1266