Detail Pages allow the learner to find information about the learning objectives, pricing, access dates and more of a content item such as a course or learning Path. This makes a detail page a very important part of the user journey and an important part to promote your content.
Use Case Information
A detail page is automatically generated for every piece of content and eCommerce item that is created on the Thought Industries platform. Detail pages are the public-facing pages that learners and potential learners may browse to learn more about your offerings. While these pages are automatically created, they can be further configured.
When configured you can control the following:
- Add Image or Video to help promotion or explain the Learning Objectives
- Add a title and description to the Learning Path, course or content item
- Add tabs for further explanation, including syllabus details, presenter details and reviews.
- Place, move or edit the detail sidebar widgets.
Configure Detail Page Basics
- From your homepage, select Content, then Manage Content.
- Click the Content Title for the course you want to alter and select the Design Step.
- Click Edit Catalog Settings, then go to the Detail Page tab.
- From here, populate the fields to configure your course detail page settings for Title, Description, Content Type, Video or Image, Tabs and Related Content. .
To view the detail page for a piece of content, go to Content > Manage Content > Click the Actions Menu > Select Detail Page.
Add Tabs for Content Items
At the bottom of the Detail Page tab, you will have the option to add custom tabs using the provided templates. To do this, click Add Tab and select a tab type. There are 6 different tabs available:
A Free Text editor, also known as a WYSIWYG, to allow you to add any infomation, images and formation as needed.
The Lesson Syllabus as created in the outline of the course. The Lesson Syllabus will only show Sections and Lessons as created in your course outline. The outline is then pulled directly into the tab.
The Instructors tab allows for the addition of a full name as standard text, A Bio which is also a free text editor and a headshot. the Headshot has a suggested size of 400px by 400px.
The Products tab allows you to attach products, digital or physical, that you have set up in the eCommerce section of Thought Industries. These Items can then be added to the cart and made purchasable by the user visiting the detail page.
The Testimonials tab allows you to show published reviews. The reviews are captured at the end of course completion by a learner.
Meetings are only available as an option if using the event based course option for ILT or VILT courses.
Ecommerce Items, such as Subscriptions and Products, only have 3 tab options available:
- Free Text
Learning Path Detail Pages do not have the option to add tabs because that space is utilized to display the milestones and courses within the Learning Path. By default, there is a "View Details" link next to each course description that leads to the Course Detail Pages (where tabs are available).
Customize Global Detail Page Layout
You can customize the layout of the detail page sidebars. Every content and ecommerce item will display the global detail page sidebar layout unless customized at the item level.
There are two global detail page layouts to configure:
Course Detail Sidebar Layout
This layout applies to most content types and ecommerce items. The exception is Learning Path Detail Pages.
Path: Design > Layouts > Course Detail Sidebar Layout
Learning Path Detail Sidebar Layout
This layout applies to Learning Path Detail Pages only.
Path: Design > Layouts > Learning Path Detail Sidebar Layout
When you have the Recommendation Engine enabled and the Related Content widget on a detail page, note that you have the option to have AI recommend content to learners instead of selecting your own related content. When enabled, we use AI and Machine Learning to suggest related courses automatically based on learner activity. To enable this setting, first make sure you have added Related Content to a content item, like a course or a learning path, in the Design tab.Path: Design > Layouts > Select the relevant detail page layout > Related Courses widget > Enable Automated Recommendations > Save
Customize Individual Layout Detail Page
At the top of the Detail Page, you will have the option to add a customized layout for your detail page (by default, the global layout will be used). To customize, click Add Custom Layout.
This will bring you directly into the design area for your detail page. From here, you can add, remove, or customize a selection of widgets. Available widgets:
Course Purchase Widget
The Course Purchase widget is dynamic and responds visually depending on settings in place. If your content is free with registration then the learner will be promted to create an account, if already created they will simply have a start button. However, if you are monitising your content, then the widget will display a purchase now option and the learner will move through a check out flow.
Course Social Links Widget
The Course Social Links widget will allow the user to share the detail page to the default social sites in platform.
Course Benefits Widget
The Course Benefits widget highlights 3 benefits that can be translated in the Translations section of the platform.
Related Courses Widget
The Related Courses widget will pull in and display any related courses you specify under the detail page options in the content items settings.
This widget will display any Credly badges that can be earned. Credly integration must be in place for this widget to work.
This Video Widget will a video you drag and drop or place with a Wistia ID.
Title & Subtitle Widget
This Title & Subtitle widget will allow you to add a standard text title and subtitle.
This Column widgets will allow you to add a Free text option in the form of 1,2,3 or 4 columns.
Banner Ad Widget
If you use Google Ad Manager, you can easily integrate ads into course detail pages using this widget.
Horizontal Rule Widget
The Horizontal Rule widget is simply a long line that blocks out space in between widgets.
Custom HTML Widget
The Custom HTML widget allows you to add HTML directly or to embed elements into the Detail Page.
To customize the layout for Ecommerce items, go to Ecommerce > Ecommerce Items > Actions > Edit and click Add Custom Layout at the top of the page.
Redirecting the Detail Page
If you have an unreleased content item and need to keep the detail page secure and private, you can use the External Detail Link field. This is available for courses and learning paths.
For released content, the detail page would still be accessible by all users, and for unreleased content, learners who are enrolled or provisioned to the content will still be able to access the native detail page.
You have two options to set this up:
Redirect the Detail Page all of the time (default)
If you are using an external catalog page, add a URL to the External Detail Link field to redirect users to the external detail page specific to that content item.
Redirect the Detail Page conditionally based on learner access
If the learner has access to the unreleased content, the learner will be allowed to view the detail page. If the learner does not have access to the content either via purchase or panorama provisioning, the learner will be redirected to another page. To redirect the learner, add a URL to the External Detail Link field.
Conditional detail page redirects are behind a feature flag.
Reach out to Thought Industries Support to have this feature enabled on your site.
Depending on your catalog of available courses, you could choose to redirect each content item to the same page, e.g., the course dashboard or a generic “I’m sorry, you don’t have access to this item” page, or you could redirect the learner to a similar purchasable course.
To add a URL to the External Detail Link field:
- Go to Content > Manage Content.
- Click on a Content Title.
- Go to the Design step.
- Click on Edit Catalog Settings and go to the Advanced Settings tab.
- Add the URL and click Save.
Learner View Example