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. 

In this article:

Types of catalog pages

There are two types of catalog pages: 

  1. 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.
  1. Catalog Page: Any additional page you create.

Create a new catalog page

  1. From the “Domains & Publishing” dropdown in the Dashboard left navigation bar, click "Domains."
  2. Click the pen icon under “Catalog Settings” for the domain you’d like to add a page. You’ll be redirected to the Catalog Pages tab that lists all of your existing pages. The house icon identifies your Catalog Home Page. mceclip0.png
  3. Click "New Page." 
  4. Update the Catalog Page settings, described in the next section.
  5. Click “Save and Continue Editing” or “Save.” As soon as you do, depending on your access and visibility settings, your page will be available for learners to access. 

Understand Catalog Page Settings

Summary

  1. Title:
    1. The title of your page will appear on the Catalog Page tile on your domain. It will also appear on the browser tab.
    2. Max character limit: 500 characters.
  2. Short description, optional:
    1. Add a short description to improve your search engine optimization (SEO).
    2. 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.
    3. Max character limit: 200 characters.
    4. mceclip1.png
  3. URL:
    1. Use the default URL or customize your URL. 
    2. After your Catalog Page has been published, we don't recommend changing 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:

  1. Header HTML: 
    1. Add header content to introduce the content on the page:
    2. Max character limit: 100,000 characters.
    3. Full-width header image dimensions: minimum width of 1280px.
  2. Layout: Decide if you prefer Tile or List view:
    1. Tile view: Catalog items are displayed as tiles.
    2. List view: Catalog items are displayed full-width, one per line.
  3. Search Box: Enable Search and determine where the search bar is located:
    1. Display search box in the left nav.
    2. Display search box in the header.
    3. Do not display search box.
  4. Search behavior:
    1. 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. 
    2. 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. 
  5. 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

  1. Tile Image:
    1. The image you choose here will appear when you nest your catalog page on another page.
    2. The “Tile Image” on this page serves as your training domain’s unfurl image on social media channels.
    3. Minimum dimensions: 640 x 360px
  2. Tile Callout:
    1. Add a tile callout that appears on the bottom corner of your tile.
    2. Max character limit: 15 characters
  3. Group Visibility:
    1. Choose who can see and access your Catalog Page via Group Visibility. 
    2. Learn more: Setting Visibility and Access for a Published Course, Catalog Page, or Published Path.
  4. Tags:
    1. Since Catalog Pages can be nested, or displayed on other pages, you may want to add tags or use existing tags to improve discoverability of content. 
    2. Learn more: Associating Tags to Catalog Pages, Learning Paths, and Live Training Events.

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. From the “Domains & Publishing” dropdown in the Dashboard left navigation bar, click "Domains."
  2. Click the pen icon under “Catalog Settings” for the domain you’d like to add a page. 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. Click 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. Click “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