search

WordPress / wordpress-playground

Run WordPress in the browser via WebAssembly PHP
https://w.org/playground/
GNU General Public License v2.0
1.62k stars 250 forks source link

Create 10 community booth showcase items #1200

Closed bgrgicak closed 5 months ago

bgrgicak commented 6 months ago

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.

Untitled(3)

bgrgicak commented 6 months ago

A few ideas:

bgrgicak commented 6 months ago

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

flexseth commented 6 months ago

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

"Wow" factor blueprints

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 commented 6 months ago

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 commented 6 months ago

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 commented 6 months ago

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 commented 6 months ago

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 commented 6 months ago

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

bgrgicak commented 6 months ago

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 commented 6 months ago

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 commented 6 months ago

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 commented 6 months ago

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 commented 6 months ago

@artpi had some successes running Jetpack in Playground

bgrgicak commented 5 months ago

We decided to go with a different idea https://github.com/WordPress/wordpress-playground/issues/1266