Posted on

Prototypes for Adding a Course to Multiple Products

We’ve been working on a few different prototypes for adding a course to multiple products in the WooCommerce Paid Courses extension. We would like to share those with everyone now so that we can integrate your feedback and co-create a solution together!

Configuration in the WordPress Admin

There are a couple of different ways we could approach adding the same course to multiple products in the WordPress Admin.

Option 1

The first option enables adding courses to a product at the product level. Here’s what that might look like for a simple subscription:

And for a variable subscription:

It would work similarly for other product types.

Option 2

An alternative approach would be to add products to courses at the course level. Note that the checkboxes in this mock-up are the product names:

Option 3 (NEW)

A third option submitted by Roland uses a multi-select box on the course page:

What It Looks like on Your Site

There are also a couple of options as to what this might look like for your site visitors. Please note that the following prototypes are only applicable to courses that are attached to multiple products. If a course is attached to a single product, then a purchase button would be displayed, as is currently the case.

The following prototypes are clickable so that you can step through the three different screens.

Option 1

The first prototype uses radio buttons on the single course page to list the available pricing options. The products listed would be pulled directly from the product names themselves.

Option 2

The second prototype utilizes a single dropdown for selecting a pricing option. Again, the options listed are the names of the products.

We’d love to hear your feedback and which of these options you prefer, both in WP Admin and on your site. Or feel free to offer a new suggestion that we haven’t considered yet. You can add a comment right here on this post.