The courses add-on in CourseCure puts the power into your hands to easily create and manage courses on your site. You can build a new and functioning course in a matter of minutes and tailor it to fit your needs. You also have the option to incorporate additional CourseCure add-ons into your courses like quizzes, points and badges.

Details on installing and enabling CourseCure Add-ons are available Right Here.

You can check out the general settings in the Courses > Settings section in CourseCure. This provides you with a central area to adjust settings related to the layout, style and more.

—

This article includes examples of the following settings for courses within CourseCure. You will see a tab for each of these settings in the Courses section.

• General
• Layout
• Styling
• Labels

—

General Course Settings

General settings related to the Course Library Header, Course Library Header Image and more can be adjusted in the General tab. You can check out the additional info for each setting below the screenshot.

—

Enable Back to Courses Link. If enabled, a clickable “Back to Courses” link will be displayed on the courses page.

The user will be redirected back to the Course Library Page if that is where they originally came from. However, the user will be redirected back to the page displaying Courses based on the Course Archive Shortcode if that is where they originally came from. CourseCure will take care of this automatically. More details on this topic are available in the Back to Courses Link Knowledge base entry.

—

Course Library Page. A dropdown is used to set the page that will display the list of courses on the site. This dropdown is populated with the available pages on the site.

—

Show Course Library Header. If enabled, the Course Library Header will be displayed on the Course Library page. You can select a header image, header description and more using the additional settings that appear if this setting is enabled.

—

Course Library Title. Set the title that will appear in the Course Library Header.

—

Course Library Header Description. Use the provided editor to include a brief excerpt describing the course. The Library Header Description will accept formatting when using the editor.

—

Course Library Header Image. Allows for an image to be uploaded and set as the header image for the Course Library section. The recommended image size is 1024×768 pixels.

—

Enable Overlay and Overlay Color. If enabled, the Overlay Color picker is displayed and can be used to set a color overlay that is applied to the Library Header Image.

—

The blue Save button on the bottom right can be clicked to save all configured settings.

—

Course Layout

Layout settings related to the Search Bar, Theme Header and Theme Footer can be adjusted in the Layout tab. More details about each setting are provided below the screenshot.

—

Search Bar. If enabled, a search bar will be displayed on the page set as the Course Library page. Users can use this search bar to search the contents of the courses.

—

Theme Header. If enabled, the site Theme Header will be displayed on the selected pages. This includes the site theme header, logo, menu, etc. The example screenshot below shows the Theme Header will only be displayed on the Course Library page and not displayed on the Course Page, Module Page or Lesson Page.

—

Theme Footer. If enabled, the site Theme Footer will be displayed on the selected pages. This includes the site theme header, logo, menu, etc. The example screenshot below shows the Theme Footer will only be displayed on the Course Library page and not displayed on the Course Page, Module Page or Lesson Page.

—

Course Styling

Styling settings related to selecting a template and a color palette can be adjusted in the Styling tab. More info for each setting is available below the screenshot.

—

You can select a template from the provided default templates and then choose a color palette. The selected template and color palette will be applied to the courses section of your site once you select them. A message stating “Template Selected” and “Palette Selected” will be displayed when you make your selections.

—

You also have the option to create a new color palette by cloning an existing color palette and adjusting the color options. Mousing over an existing color palette will display the Clone Palette button.

—

Clicking the Clone Palette button will display the Create New Palette popup. You can set the desired name for the new palette and you can set the various color options. This allows you to get creative and select custom colors to be applied to your course template.

—

Below are two example screenshots of how Template 01 and Template 02 appear on a live site. Both templates have Color Palette 03 applied. You can choose your preferred template and apply it to your courses section within a few seconds.

Template 01 Example

—

Template 02 Example

—

Additional information regarding templates and color palettes is available in the Courses – Styling article.

—

Course Labels

The settings previously available in the Labels section are now located in the WordPress Customizer. The label settings can be edited using the individual CourseCure Page Settings for the Course page, Module page and Lesson page when using the WordPress Customizer. This includes text color, label names, button text and more. You can get all the details on how to use these settings to customize your courses (including examples of the options you can adjust and how it will appear on the live site) in this Knowledge base entry.

—

More info on building a Course can be found in the Course Builder article.

More info on setting up Course Protection can be found in the Protect a Course article.

This article explains how you can use the Course Builder features to create and manage your courses.

—

Courses can be created in the Courses > Course Builder section of CourseCure.

—

The green plus icon can be clicked to begin the course building process.

—

The first step is to set a Title for the Course and click the green Apply button.

—

Courses are created with a Draft status. This means a course will not appear on the live site until you set the status to Published. If you click the “Draft” or “Published” link on the top right corner, you will be directed to the Access tab and you can set the course status.

—

You also have the option to set the Draft/Published status for a course on the course page.

—

Once the Course has a Title, the additional sub tabs are available.

The Course Builder section includes the following sub tabs:

• Content
• Access
• Course Details
• Resources
• Testimonials
• Author

—

Content – Modules and Lessons

Creating Modules within the Course comes next. Each Module will contain a Lesson(s).

Modules are added by using the blue Add Module button in the Content sub tab. Enter the Module Title into the field and click the green Save button.

—

The option to Add Lesson will now be shown within the newly created Module. Click the Add Lesson icon and name the lesson. Repeat the process until all Lessons are added.

This step allows you to name the Lessons. You will be able to add content to the Lessons at any time.

—

Mouse over a Lesson and click the Info Icon to edit the content within the Lesson.

—

The Editing Lesson popup will appear and the various settings can be configured for that specific Lesson.

—

Video. An optional setting to replace the Featured Image with a video. The field can be left blank to not include a video. The Video URL or Video Embed code option can be selected if you want to include a video.

URL (if URL is selected under the Video setting). Enter the video URL if desired.

Embed (if Embed is selected under the Video setting). Enter the video Embed code if desired.

Overview. A summary of the Lesson. This will appear on the live site to describe the lesson.

Allow Comments. If enabled, Users can post Comments on the Lesson.

Enable Preview. If enabled, Users can access a Preview of the Course content. The protected Course content will be open and available to anyone if the Preview option is Enabled. This option overrides the protection settings for the Course.

The blue Save or green Save & Close button can be clicked once all settings are configured.

—

Access

The option to set protection and access for a Course appears if WishList Member is installed. A course will be in Draft status when created and will not appear on the live site. You can change the status to Published and the course will appear on the live site.

—

More info on setting up protection and access for a course can be found in the Protect a Course article.

—

Course Details

The Course Details sub tab is used to adjust settings related to Comments, Category and Difficulty. You can also set a Featured Image and Cover Image for the course.

—

Allow Comments. If enabled, users are able to post comments in the course.

Expand by Default. If comments are enabled, select if the comments section should be expanded by default when visited by a user. If disabled, users will need to click to expand the comments section on the course.

Course Category. Select the category for the course from the dropdown. New categories can be added and existing categories can be edited by clicking the Manage Course Categories link.

Course Difficulty. Select the difficulty for the course. New difficulties can be added and existing difficulties can be edited by clicking the Manage Course Difficulty link.

Course Excerpt. An excerpt describing the course can be added. The excerpt will appear on the courses listing page and on the actual course page.

Featured Image. Select a featured image for the course. The image will be displayed on the courses listing page and on the actual course page.

Cover Image. Select a cover image for the course. The image will be displayed on the course page.

Enable Cover Image Overlay. Select if an overlay should be applied to the course cover image. A color picker is displayed and can be used to set the overlay color if this option is enabled.

The blue Save button can be clicked once all settings are configured.

Resources

The Resources sub tab is used to upload and manage files that are associated with the course.

—

Display Resources: If enabled, any resources in this section will be displayed on the course page.

The green Add Resources button can be clicked to add additional Resources.

—

The Add Resources popup appears and you can upload the file and configured the settings.

—

File Name. Set the name of the file. The file name will appear on the live site if the resources section if enabled.

File. Use the Choose File button to find and upload the file from your device.

Icon. You can select an icon from the available icon library or upload and image to use as the icon.

Select an Icon (if Icon is selected). Select an icon from the icon library.

Select an Image (if Image is selected). Upload an image from your device.

The blue Save or green Save & Close button can be clicked once all settings are configured and the resource will appear on the list.

—

Testimonials

The Testimonials sub tab can be used to add user testimonials to the course.

—

Display Testimonials: If enabled, the testimonials will be displayed on the course page. Testimonials only appear to non-logged in users and testimonials will appear to users who do not have access to the course.

The green Add Testimonial button can be clicked to add additional Testimonials.

—

The Add Testimonial popup appears and you can add a testimonial and configured the options.

—

Profile Image. Select a profile image for the testimonial. This is often an image of the person tied to the testimonial

Name. The name of the person tied to the testimonial.

Title. The title is often an excerpt or positive quote from the testimonial.

Testimonial. The full testimonial.

The blue Save or green Save & Close button can be clicked once all options are configured and the testimonial will appear on the list.

—

Author

The Author sub tab can be used to add an Author to the course.

—

Display Author Information: If enabled, any author information will be displayed on the course page.

Name. The name of the course author.

Biographical Info. A short description of the course author.

Profile Image. An image of the course author.

LinkedIn. Option to add the LinkedIn account of the author.

Facebook. Option to add the Facebook account of the author.

Instagram. Option to add the Instagram account of the author.

Twitter. Option to add the Twitter account of the author.

The blue Save button can be clicked once all settings are configured.

—

Check out the Setup Overview and Duplicate a Course Knowledge Base Articles for additional information about Courses.

These are just a couple examples as there are many options available when using Quizzes and Courses.

—

Creating a Course and a Quiz

You will need to create a Quiz in the Quizzes section (if you haven't already created one). 

Once you have your Quiz created, you just need to add it to the Course of your choice. So a Course will also need to be created if you haven't done that yet.

More info on creating a Course can be found in the Courses Overview.

—

Adding a Quiz to a Course

Once you have at least one course and quiz created, you can add a quiz at any point to a Course. 

Click the Course Title or the pencil icon in the Courses > Course Builder section to edit the Course.

—

Click the arrow icon to the left of the Module to view the Lessons.

—

The Lessons within the Module will now be visible and you can click the “Add Quiz” button.

—

A field will appear that can be used to select the desired Quiz to be added. Any existing Quiz from the Quizzes section can be selected using this field.

—

Select the desired Quiz and click the green “Add Quiz” button. The Quiz will now be added to the last Lesson in the module.

—

The Up/Down arrow icon on the far right can be used to drag and drop the Quiz under the desired Lesson. This allows the Quiz to be added to any Lesson in the Module. The Quiz can also be dragged and dropped into a Lesson in another Module if desired. The Module would just need to be in expanded view to accept the Quiz.

—

The quiz has now been added to the lesson within the course and it can be viewed on the live site.

—

Back to Top

The option to set protection and access for a course will appear if WishList Member is installed.

A full run down to create and setup a course is also available and be found in the Course – Setup Overview and Course Builder articles.

—

Protecting a Course Using WishList Member

A course can be set as Protected or Unprotected. This setting is located in the Courses > Course Builder > *Click to edit Course* > Access section if the WishList Member plugin is installed and activated on the site.

—

Protection and Access

Protected: Only users with assigned access can access the course.

Unprotected: Anyone can access the course.

The blue Unprotected/Protected slider can be used to set the protection status for the course in the Access tab. If the course is protected, the access settings can be configured.

If the course is set as protected, the desired membership level(s) can be set to access the course. Only users who have one or more of the set membership level(s) assigned to their account can access the course.

In the example below, only users who belong to the Platinum, Gold, Silver and/or Bronze levels can access the course.

—

Enable Preview: If Enabled, users can access a preview of the course content. The protected course content will be open and available to anyone if the preview option is enabled. This option overrides the protection settings for the course. Note: Lessons have their own preview option which can be set for each lesson individually in the Lesson Info section.

Enable Liner Course: If Enabled, users cannot progress to the next Lesson/Module unless the user has completed the current Lesson/Module. Users will need to click the “Next” button to progress through the course.

—

Pay Per Course Access

Another option to set protection and access for the course using WishList Member is Pay Per Course. Similar to the Pay Per Post option included with WishList Member, there is a Pay Per Course option included in CourseCure (when WishList Member is also used on the same site).

This allows for specific courses to be made available individually to users.

—

Shopping Cart Integration SKU: This can be used with the chosen integration option in the Setup > Integrations > Payment Providers section of WishList Member. The “Click here for integration instructions” link will direct to that section.

Allow Free Registration for this content: If enabled, anyone who can access the Free Registration URL can sign up for no cost.

Use this course as After Login Page if they have access to it: If enabled, the course will be displayed as the After Login page to those assigned to the Pay Per Course.

—

Clicking the blue Manage User Access button will display the Pay Per Course User Access pop up.

This will allow you to select the individual Members who can access the specific course.

The available search bar can be used to find the specific users and the green slider can be used to Enable/Disable their specific access.

This allows the User to visually track their progress.

More details on Users tracking progress can be found in the User Tracks Progress article.

—

An additional feature for Users tracking progress is the Linear Course option.

This is located in the CourseCure > Courses > Course Builder > *Click Course Name* > Access section.

If the WishList Member plugin is installed on the site, the Access section will appear as follows and would also include reference to the Membership Level(s) within WishList Member.

—

If the WishList Member plugin is Not installed on the site, the Access section will appear as follows.

—

Linear Course: If Enabled, Users cannot progress to the next Lesson/Module unless the User has completed the current Lesson/Module. Users will be required to click the “Mark as Complete” button to progress through the Course and finish it.

Once the User clicks the button to “Mark as Complete”, the User can proceed.

You can style the look and feel of your course, module and lesson pages using Courses Add-on in CourseCure and the WordPress Customizer. This allows you to really put your stamp on the course experience for your members. Choosing complimentary colors and setting the perfect text for titles and headings in your courses is easy and can make all the difference between a standard course and one that matches your unique style.

But the first step is selecting a template and color palette for your courses section. This will set the base design and formatting of your course section on the live site.

So, you can start by picking one of the professionally designed templates and you’re all set if you don’t want to adjust any of the available options. The provided templates look great and can be applied in a few seconds. Your selected template will automatically be applied to course, module and lesson pages. But you can also take that extra step and customize your chosen template to really make it stand out.

You can select your template and the color palette to be applied to that chosen template in the Courses > Settings > Styling section in CourseCure.

—

Select a Template and Color Palette

This allows you to have a choice of templates and colors. You can even clone an existing color palette and adjust the colors to create your own unique color palette. Then simply select it and it will be applied to your template.

You can start by clicking on the template of your choice. You will see a message stating the template has been selected. This means that template has now been applied and its formatting and color palette are being used on the site.

—

You can choose an existing default color palette or create a custom color palette of your own. A new color palette can be created by cloning an existing color palette and modifying it.

Mousing over an existing color palette will display the Clone Palette button on the top right.

—

You can click the Clone Palette button and the Create New Palette popup will appear. You can simply set a name for the new color palette and use the color pickers to select the desired colors for the listed areas.

The blue Save or green Save & Close button can be clicked once all settings are configured.

—

Once you select your color palette, a message stating it has been selected will appear.

—

Live Site Examples of Applied Template and Color Palette

Your selected template and color palette are now applied to the courses section on your site. Below is a screenshot example of how that appears with the template and color palette options chosen above.

Template 01 Example

—

Template 02 Example

—

You can easily set the formatting of your courses section and select a complimentary color palette when using the Courses Add-on in CourseCure. This allows you to decide on the look and feel of your courses and how they appear to your members. Info on additional customization options like button names, titles, color variations and more using the WordPress Customizer can be found right here.

You can select one of the provided templates along with a color palette and you’ll be all set in terms of the look and feel of your courses section. This will apply a professional design to your site in just a few seconds.

But, if you would like to make further adjustments to the buttons, colors and text within your courses, you have that option too. The flexibility of CourseCure really comes into play with the available options for how your course, module and lesson pages appear.

Edit the Appearance of Courses Using the WordPress Customizer

The WordPress Customizer can be used with CourseCure to allow for more specific edits and options.

This can be done using the individual CourseCure Page Settings for the Course page, Module page and Lesson page when using the WordPress Customizer. These options are global settings so that means when you edit the CourseCure Page Settings for a Course page, those settings will be automatically applied to all Course pages. The same goes for editing a Module page and editing a Lesson page. You only need to edit the CourseCure Page Settings once for each of those types of pages.

You can quickly access the CourseCure Page Settings in the WordPress Customizer by going to the Courses > Course Builder > *Click on Course to Edit* > Content section in CourseCure and clicking the View icon to view the corresponding page. The View icon appears as an Eye.

There is a View icon for Course, Module and Lesson shown in the screenshot example below.

—

In this example, the View Course page is being selected. But as noted, you can do this for a module page or a lesson page as well.

—

After clicking the View Course icon, the Course page will appear and you can click on the Customize link in the WordPress toolbar on the top of the page.

—

This will load the WordPress Customizer and you can click the CourseCure Page Settings option to view and edit any of the available settings. Since we are working with the Course Page in this example, any setting adjustments made will be applied to the main Course page for all courses.

—

There are a variety of options you can adjust so feel free to try different colors and text. You can change the color of text or the color of backgrounds. You can change the labels of buttons and titles.  You can even remove buttons you don’t want to appear.

You will see the edits made in real time as you make any adjustments. Once you are finished working with the available options, you can click the Publish button and your changes will be applied to the course section of your site.

—

As an example, clicking on a Select Color button allows you to pick a color for the corresponding area of the page. In this case, a green color has been selected for the Course Title, Course Overview, Course Categories and Course Info Bar Background Color while a white color was selected as the Course Info Bar Text Color.

—

In this case, the Start from Beginning Link Label was changed to RESTART and the Lesson Button Label was changed to Click Here.

—

There are many more options available for you to customize the look and feel of your course section on your site. So you can use your creativity along with CourseCure to really make your site stand out.

As noted, you can also view a module or lesson page and use the CourseCure Page Settings in the WordPress Customize to adjust any of the available settings. Below are screenshot examples of the WordPress Customizer view of a module and lesson page.

CourseCure Module Page Settings in WordPress Customizer

—

CourseCure Lesson Page Settings in WordPress Customizer

—

—

The setting is located in the Courses > Settings > General section of CourseCure.

If enabled, a clickable “Back to Courses” link will be displayed on the courses page.

—

Note: there are two scenarios that effect where the user will be redirected to when they click the Back to Courses link. CourseCure will take care of this automatically based on the details below.

• The Course Library Page
  or
• The page displaying Courses based on the Course Archive Shortcode (IF the Course Archive Shortcode has been used)

Course Library Page. The user will be redirected back to the set Course Library Page if that is where they originally came from. The Course Library Page is set in the Courses > Settings > General section of CourseCure. (Just below the Enable Back to Courses Link).

—

Page displaying Courses based on the Course Archive Shortcode. The user will be redirected back to the page displaying Courses based on the Course Archive Shortcode if that is where they originally came from. So IF the Course Archive Shortcode has been used to display a selection of Courses on a page and a user clicks to view a Course from that page, that user would get redirected back to that page if they click the Back to Courses link.

—

Back to Top

This allows you to make a copy of an existing Course and then simply edit/change the copy to create a new Course.

This is useful if you are creating similar Courses.

Example: You may have an existing Course that just needs some information updated for the new year.

In that case, you could create a duplicate and only edit the content/sections that need to be updated.

—

The Duplicate Course icon appears when you mouse over the Course row in the Courses > Course Builder section.

—

Clicking the icon will display a pop up and the Course Title can be set. Note: The default title of the new Course will be prefixed with “Copy of”. The title can be edited and the blue “Duplicate Course” button can be clicked to create the new Course.

—

The newly created Course can now be edited to fit your needs. Each section can be edited or can remain the same depending on what you want to adjust.

—

A few things to keep in mind when duplicating a course:

– All modules, lessons, access settings, resources, etc. within the course will be duplicated.

– If a course includes testimonials, the duplication process will not include those testimonials in the new course. This is because testimonials are typically specific to each specific course.

– If a course includes quizzes, the duplication process will create a new (duplicate) course and that new course will link to the existing quizzes that were already tied to the original quiz. It creates a new course but doesn't create new quizzes. Any quizzes can be removed from the course or can be edited in the Quizzes section once the course is duplicated.

—

Check out the Setup Overview and Course Builder Knowedgebase Articles for additional information about Courses.

—

Back to Top

The percentages in these progress sections are generated by the User when marking Lessons and/or Modules as Complete. Coursecure handles the calculations and display based on the number of Lessons and Modules within the Course.

—

Covered in this Article:

• Module Progress
• Course Progress

—

Example: A Course includes 4 Modules and each Module includes 3 Lessons.

Module Progress

If a User marks 1 Lesson as Complete within 1 Module, the Module Progress is shown as 33% (1 of 3 Lessons complete).

—

Course Progress

In that same example, the Course Progress is shown as 8% (1 of 12 Lessons complete).

—

Back to Top