Creating Catalog Pages

by Skilljar Customer Training
Follow

Catalog pages help you organize and structure your training content. They can contain courses, paths, and/or other pages. 

Contents

What are catalog pages?

Catalog pages allow you to group courses together and be discovered on one page, making it easier for learners to find your course content. 

There are two types of catalog pages: 

  • Catalog home page: This catalog page lives at your root training domain URL. For example, Skilljar Academy’s catalog home page lives at academy.skilljar.com.
    • The catalog home page is denoted by the house icon in the “Catalog Pages” tab.
    • This page exists by default and cannot be deleted.
    • You cannot change the URL of your Catalog Home Page, without updating your overall training domain URL. Learn more: Creating a Custom Domain and Configuring SSL for Your Skilljar Training Site.
      • mceclip0.png
    • The “Tile Image” on this page serves as your training domain’s unfurl image on social media channels.
  • Catalog Page: Any additional page you create.

Create a new catalog page

  1. Go to your Skilljar Dashboard, expand the Domains & Publishing header, and select Domains to open the Domains page.
  2. Find the domain you want to add to the catalog page to and select Catalog Pages. You’ll be redirected to the Catalog Pages tab that lists all of your existing pages. The house icon identifies your Catalog Home Page.

    609c5b59-a421-4d8e-a4d6-aa946c442559.gif

  3. Select New Page to open the new page settings.
  4. Update the Catalog Page settings. For more information. see the Understand Catalog Page Settings section below.
  5. When you're finished, select Save and Continue Editing or Save. Depending on your access and visibility settings, your page will now be available for learners to access. 

Understand Catalog Page Settings

Summary

  • Title: The title of your page will appear on the Catalog Page tile on your domain. It will also appear on the browser tab. Max character limit: 500 characters.
  • Short description, optional: Describe what your catalog page is about.
    • Add a short description to improve your search engine optimization (SEO).
    • The short description is hidden by default on Catalog Page tiles. If you want the short description to appear on the Catalog Page tile, you can do so by adding a code snippet to the theme applied to your domain. Learn more: Customizing Your Training Site with CSS and JavaScript.
    • Max character limit: 200 characters.
    • mceclip1.png
  • URL: This is the web address of the page.
    • Use the default URL or customize your URL. 
    • After your Catalog Page has been published, we recommend that you don't change the URL so that students can access the page successfully.

Content & Order

  • Define which published courses, published paths, plans, and/or catalog pages will display on the page. Select content by clicking on the circle
  • Define the order in which you would like those courses, paths, plans, and pages to be displayed. Drag and drop the content you've selected in the right column so it appears in the order you'd like on the page. Screen_Shot_2020-09-29_at_11.08.08_AM.png

Display Settings

Customize your page's look and feel in the Display Settings:

  • Header HTML: The HTML code to customize the header content for your catalog page.
    • Add header content to introduce the content on the page:
    • Max character limit: 100,000 characters.
    • Full-width header image dimensions: minimum width of 1280px.
  • Layout: Decide if you prefer Tile or List view:
    • Tile view: Catalog items are displayed as tiles.
    • List view: Catalog items are displayed full-width, one per line.
  • Search Box: Enable Search and determine where the search bar is located:
    • Display search box in the left nav.
    • Display search box in the header.
    • Do not display search box.
  • Search behavior: Determine where the catalog page can be found when searched for.
    • When the “Global Search” setting is chosen, the student can search for any course that is on a catalog page on the learning domain, visible to that specific student and on a catalog page that is visible to that student. 
    • When the “Local Search” setting is enabled, the Global Search requirements are still live, though the search will be limited to content that is held on that catalog page. 
  • Filters: Add filters to your page to help students find courses. Learn more: Adding Advanced Filtering to Catalog Pages, Published Paths, or the Live Event Calendar.

Tile Behavior

Location

Decide where you want to surface the Catalog Page:

  • You can nest your new catalog page on as many other pages as you'd like. 
  • If you don’t want to nest it on any other catalog pages, the page will still be accessible via its direct URL.Screen_Shot_2020-06-05_at_12.26.29_PM.png

Edit an existing Catalog Page

  1. Go to your Skilljar Dashboard, expand the Domains & Publishing header, and select Domains to open the Domains page.
  2. Find the domain you want to add to the catalog page to and select Catalog Pages. You’ll be redirected to the Catalog Pages tab that lists all of your existing pages. The house icon identifies your Catalog Home Page.
  3. Select the title of the existing catalog page you want to update. Screen_Shot_2020-09-29_at_11.13.47_AM.png
  4. Update the Catalog Page settings.
  5. When you're finished, select Save and Continue Editing or Save

Frequently asked questions

What are some ways that I can use catalog pages to organize my content?

Consider using catalog pages to organize content by:

  • Solutions
  • Role
  • Product

You can also use catalog pages as a blank webpage using the Header HTML, without adding content for uses cases such as:

  • Frequently asked questions
  • Program overview
  • Certification overview
  • Etc.
Powered by Zendesk