New Designs – Adding a Course to Multiple Products

We have some new designs to share with you for the feature we are currently working on that adds support for selling the same course in multiple ways (e.g. as a standalone product, a subscription, a membership etc.). You can read about the evolution of these changes here and here.

Single Course Page

The biggest change is to the pricing options on the single course page. Instead of displaying them as radio buttons, they will be shown as individual cards. Clicking on a card selects it:

At smaller resolutions, the cards will stack:

For context, here’s what the single course page might look like on the GeneratePress theme:

Course Archive Page

There have also been some minor tweaks to the pricing information on the course archive page. Here’s what that looks like now:

We’re very excited to bring you these changes in the next release of Sensei with WooCommerce Paid Courses! Watch for it soon.

Adding a Course to Multiple Products

As a follow-up to this post, I’d like to share where we are with regards to the design of the functionality to enable adding a course to multiple WooCommerce products.

WordPress Admin – Classic Editor

For sites using the classic editor, the WooCommerce Product meta box will change to a Product(s) multi-select field. It will work similar to the WooCommerce Upsells and Cross-sells fields when creating or editing a product:

Screenshot of the product meta box in the classic editor

WordPress Admin – Block Editor

For sites using the block editor, a new Sensei LMS plugin sidebar will be created that enables selecting one or more products:

What It Looks like on Your Site

Single Course Page

On the single course page, the pricing options could be displayed as radio buttons if multiple products are selected. We’re still working on the layout of the pricing options on this page, so it is the area most likely to change:

We are also discussing the possibility of creating a Course Pricing block that would allow for some customization of how these pricing options are displayed, but nothing has been decided as of yet.

Course Overview Page

The course overview page will also list the different purchase options that are available:

When Will this be Released?

We are starting to work on this now, and it is currently scheduled to be in the next release of Sensei with WooCommerce Paid Courses. We expect this to ship in the third quarter of 2019.

Prototypes for Adding a Course to Multiple Products

UPDATE: This functionality was released in WooCommerce Paid Courses 1.1.0.

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.