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. .
Note
To view the detail page for a piece of content, go to Content > Manage Content > Click the Actions Menu > Select Detail Page.
Tip
You can choose to set up a free preview lesson. The link for a free preview lesson will display above the price widget. See our Setting Up a Free Preview Lesson in a Course article.
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:
Free Text
A Free Text editor, also known as a WYSIWYG, to allow you to add any infomation, images and formation as needed.
Lesson Syllabus
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.
Instructors
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.
Products
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.
Testimonials
The Testimonials tab allows you to show published reviews. The reviews are captured at the end of course completion by a learner.
Meetings
Meetings are only available as an option if using the event based course option for ILT or VILT courses.
Note
Ecommerce Items, such as Subscriptions and Products, only have 3 tab options available:
- Free Text
- Instructors
- Products
Note
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
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 benfits 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.
Credly Badges
This widget will display any Credly badges that can be earned. Credly integration must be in place for this widget to work.
Video Widget
This Video Widget will a video you drag and sop or place with a Wistia ID.
Title & Subtitle Widget
This Title & Subtitle widget will allow you to add a standard text title and subtitle.
Column Widgets
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 inbetween widgets.
Custom HTML Widget
The Custom HTML widget allows you to add HTML directly or to embed elements into the Detail Page.
Note
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.
Learner View Example
