Developer Center

Reset

Welcome to the

Developer Center

A one-stop shop for all things Skilljar customization.

Do you have any general feedback or code snippet / HTML template requests? We want to hear from you!

HTML Template Library

Browse our collection of ready-to-use HTML Page and Lesson templates here.

Useful Code Snippets

Browse our collection of recommended Javascript/CSS code snippets here.

Developer Enablement

Take a look at our Skilljar development training guides, tutorials, and use cases here.

Announcement Ribbon Template

This template allows you to add a fullscreen announcement ribbon to the top of any page.

auto-registration Catalog Page Template Beginner No Foundry environment required

Add First Name of Student to Anywhere Skilljar Accepts HTML

This code snippet allows you to add any logged in Student's first name to any area that accepts HTML.

auto-registration Experience Snippets

Experience what it's like to purchase a seat to a priced webinar.

Single Lesson Course Example

This course has a single lesson and therefore the learner is dropped directly into it upon registration, skipping the curriculum page.

Pop-up Announcement Modal Template

This page header template allows you to display an announcement to your learners they must click to dismiss.

auto-registration Catalog Page Template

Simple Page Header Template

This page header template contains a title, subtitle, and quick link buttons.

auto-registration Catalog Page Template

Hide Specific Courses/Paths From Search Results

This code snippet allows you to add a Tag to specific Courses or Paths to hide them from Skilljar search results.

auto-registration Experience Snippets

Multimedia Lesson Template

This course contains a sample multimedia lesson experience HTML template that can be copied and pasted into your Skilljar program.

auto-registration HTML Lesson Template

Quick Tip: Performing Bulk Uploads

Learn how to upload content in bulk and automatically create lessons from the content.

Quick Tip auto-registration popup-experience

Small Quick-Nav Button Template

This template contains small quick-navigation buttons that can be added to any Page.

auto-registration Catalog Page Template

Simple Last Lesson Experience Template

This HTML template contains two configurable navigation buttons and a recommended links section.

auto-registration HTML Lesson Template

Branded Sub-banner Page Template

This template contains two sub-banners with configurable branding that can be added to any Page.

auto-registration Catalog Page Template Intermediate

Full Screen Ribbon Template

This template allows you to add a fullscreen ribbon banner template to any Page.

auto-registration Catalog Page Template

This course tests a student's knowledge with a Caveon exam embedded into the Skilljar course platform.

Proctored Exam with ProctorFree

This Skilljar Quiz is proctored with ProctorFree

Disqus Integration

This course showcases our integration with Disqus which allows you to offer a discussion forum to your Students.

eBook: Building a Case for Customer Training

How do you help your executives know the impact of your training initiatives?

eBook Planning Your Training Program auto-registration I want to view eBooks

Clean Sub-banner Page Template

This template contains two configurable sub-banners that can be added to any Page.

auto-registration Advanced

Priced Training Domain Access

Clicking this tile will take you off to a separate Skilljar Domain that requires a purchase to see and access it's content.

Priced eLearning Course

Access to this eLearning course will be granted upon successful purchase via a checkout flow.

Case Study: Procore

Construction Management Software Launches Certification Program and Scales Customer Training with Skilljar

Case Study Expansion auto-registration filter-4

Remove "Pop-in" Effect on Page Load

This code snippet makes it so your Skilljar pages do not show to the user until all assets all fully loaded, removing the pop-in effect.

auto-registration Experience Snippets

Change Default VILT Event Join Window

The default join window for VILT events is 3 minutes before the meeting starts. Use this code snippet to increase that!

auto-registration Experience Snippets

Solid Color Page Banner Template

This page header template contains a title, subtitle, and replaceable image.

auto-registration Catalog Page Template

eBook: The Definitive Guide to Customer Education Metrics

Establish a baseline for customer education data and metrics best practices.

eBook Thought Leadership Monetization auto-registration

Talview Integration

This course shows how Talview proctoring can be integrated with Skilljar

Global Footer Template

This template allows you to add a global footer containing links and a company logo to the bottom of your Skilljar site.

auto-registration Page Snippets

Virtual Labs Use Case

In this course you will find details on how to integrate with virtual labs tools via API/Webhooks and embedded iFrames.

Live Training Integrations

Skilljar offers native integrations with the Zoom, GoToTraining, and WebEx platforms.

Case Study: Nintex

Digital Process Automation Leader Secures 150+% Higher ARR for Trained Customers

auto-registration

Plans Example Site Link

This tile will open a new tab to a live demo site where you can experience purchasing a Plan and unlocking a tier of content.

Add "Your Learning" Floating Popup Button to Show Learners Active Courses

This snippet will add a floating button to the page that shows a popup on click containing all courses currently in progress for the learner.

auto-registration Experience Snippets

Quick Tip: Relative Links

This short video explains how to use relative links to support multi-domain use case setups.

auto-registration

Quick Tip: Using Javascript to move HTML Page Elements Below Courses

This video explains how to use Javascript to move HTML elements below the courses section on a specific page.

auto-registration

Quick Tip: Using Javascript to Globally Move HTML Elements in Skilljar

This video explains how to use Javascript to move around HTML elements of the Skilljar platform globally.

auto-registration

Requires Approval Course Example

Using an embedded form and manual admin registration, it's possible for a Skilljar course to require admin approval for registration.

HTML Functionality

See examples of the different use cases HTML lessons support, such as embedded interactive walkthrough widgets and surveys.

eBook Expansion gold auto-reg

Page Banner with Button Template

This page header template contains a title, subtitle, CTA button, and replaceable image.

auto-registration Catalog Page Template

Remove Clickable Courses on Path Registration Page

This code snippet makes Courses un-clickable on the Path detail (registration) page, so the Student must register for the Path.

auto-registration Path Snippets

Customer Story: Egnyte

With Egnyte University's training, users find value in Egnyte's platform 2x faster.

auto-registration

Multi-session Events

Take a look at the most optimal way to set up a multi-session live training course in Skilljar.

SaLTIre Test LTI course - BASIC OUTCOMES with Score

LTI lesson score is also set to be saved as COURSE score when course is complete

In-person Live Training

Experience what it's like to register for an in person training event out of a list of available options at a specific location.

skip-curriculum

[Pages] Onboarding Course 2: Setup

Learn how to configuring your initial environment settings to support your program.

Certification Exam

This course awards a Skilljar certification upon completion of the exam lesson.

filter-1 points-10 exam-retake-path-1

Sequential Path Example

This Path object contains courses the learner must go through in order and an exam at the end.

sequential-path exam-retake-path-1 auto-reg

Turn Lessons into Clickable Deep-Links on Course Detail Page

This code snippet allows you turn the Lesson names on a Course Details page into clickable links.

auto-registration Course Snippets

Block Next Lesson Button Until SCORM File is Complete

This code snippet allows you to block a Student from clicking the next lesson button and show a message instead until the SCORM file is completed.

auto-registration Course Snippets

Add Clickable "Back to Top" Button on every Page

This code snippet will automatically add a floating button to the bottom right corner of Pages that sends Students to the top of the Page on click.

auto-registration Experience Snippets

eBook: Increase Retention

5 Customer Retention Strategies that Work

auto-registration

Show Announcement Header Ribbon on Specific URLs

This code snippet allows you to add an announcement ribbon containing text and an optional link to specific URLs on your Skilljar domains.

auto-registration Experience Snippets

Native Skilljar Quizzes

See examples of native Skilljar quizzes configured for both knowledge absorption and knowledge assessment.

Quiz Question Bank Example

Proof of Concept: Simple demo of a feature in development that will add support for Quiz Question Banks.

Blended Content Live Training Course

Live training courses can be configured to require learners to complete work both before and after attending a session. Check out the user experience.

Create Collapsable Sections for Course Tiles in Paths

This code snippet allows you to create "Week 1", "Week 2" ... sections in Paths that can be collapsed and expanded.

auto-registration Path Snippets

[separator] Case Studies

Below you will find our case studies.

separator separator-collapse

eBook: Customer Education and Support Synergy

CS and Support teams work best in partnership. Learn how!

eBook Operational Efficiency Thought Leadership auto-registration

Case Study: Zenefits

HR Platform Reduces Support Tickets by 5% with Customer and Partner Education Initiative

Case Study Operational Efficiency auto-registration

Quick Tip: Admin Dashboard Overview

We are excited to announce the new Admin Dashboard! Take a look at what's changed, and familiarize yourself with the new theme.

Quick Tip auto-registration popup-experience I want to view Quick Tips

[separator] Example Separator

This is the short description.

Case Study: Nintex

Digital Process Automation Leader Secures 150+% Higher ARR for Trained Customers and 34% Decrease in Support Cases

Case Study Expansion Operational Efficiency Monetization auto-registration filter-2 hide ribbons

[separator] Quick Tips

Below you will find our Quick Tips.

Show Corner Pop-Up Announcement on Specific URLs

This code snippet allows you to add a corner announcement pop-up containing text and an optional link to specific URLs on your Skilljar domains.

auto-registration

[Pages] Onboarding Course 4: Publishing

Tying together everything you've learned so far to get ready to publish and launch!

Skilljar Customization Overview

This course contains an overview of the different ways you can customize the look and feel of a Skilljar training domain.

Quick Tip: Publishing a Course

In this video, we review the basics of the Publish Course window.

Quick Tip auto-registration popup-experience

Quick Tip: Working with Tags

Learn about tags and how to surface courses on your catalog using filter groups.

Quick Tip gold Test Tag popup-experience

Quick Tip: Inviting Dashboard Users

Learn about the various types of dashboard users and how to manage them.

Quick Tip auto-registration popup-experience

Quick Tip: Optional Lessons

Use optional lessons to offer flexibility with surveys, exams, and more.

Quick Tip auto-registration popup-experience

Create Sections for Course Tiles on Catalog Pages

This code snippet allows you to create collapsible sections of course tiles on a Page using Separators.

auto-registration Page Snippets

Override Tile Destination URLs on Click

This code snippet allows you to send a user to a custom URL when they click a Course/Path/Page/Plan tile on your training domain.

auto-registration Experience Snippets

Recurring Webinar

Experience what it's like to register for a virtual live training event out of a list of available options in a single lesson course.

Advanced hide-location blockcancel-4

[Pages] Onboarding Course 3: Content

Proven best practices for course structure models, content design, and much more.

[Pages] Onboarding Course 1: Planning

Everything you need to know about planning your training portal launch.

Customize the Default 404 Error / Page Not Found Experience

This code snippet will allow you to customize the text of the default Skilljar 404 Error/Page Not Found experience.

auto-registration Experience Snippets

Add Certificate "View" & "Share to LinkedIn" Buttons to HTML Lesson

This code snippet allows you to add View and Share to LinkedIn buttons to an HTML lesson for a course that awards a certificate.

auto-registration Course Snippets

Student File Upload Use-case

With a little customization, it's possible for Skilljar Students to upload files for admin review. It even works in exams!

Utilizing HTML canvas to re-create Pong inside a Skilljar Course. How's that for customization flexibility?

auto-registration

Credly Integration

See how to issue verifiable badges to students for courses they complete in Skilljar.

gold highako inquiry

Add Breadcrumb Navigation to Catalog Pages

This code snippet allows you to add navigation breadcrumbs to your pages to enhance the user experience for your learners.

auto-registration Page Snippets

Case Study: Cisco

Cisco reaches users across 1,000+ companies with revitalized training

Case Study Expansion Monetization auto-registration filter-1 I want to view case studies

Add Course Tag "Pills" to Course/Page/Path Tiles

This code snippet allows you to add specific Tag Pills to Tiles that will show below the Title.

auto-registration Experience Snippets

Redirect User to 1st Lesson in Course or 1st Course in Path After Registration

This code snippet will redirect a user to the first lesson in a course or the first course in a path after they register for that course/path if the 'auto-reg' Tag is present.

auto-registration Path Snippets Course Snippets

Add Bookmark Buttons to Native Video Lessons

Create bookmark buttons to videos you've uploaded into Skilljar lessons that take users to specific times on click.

auto-registration Course Snippets

Supported Content Types

This course contains many examples of the different types of content Skilljar supports.

eBook gold highako inquiry block-scorm-progress I want to view full courses auto-reg

Microlearning Example

This course is built to showcase the microlearning approach to designing a course curriculum.

credits_50 CERT-html-functionality cloudshare-12345-lesson-3bcaem943sr6e cloudshare-67890-lesson-22137o4s2uabt pmi_pdu1-5 workflow

[Paths] Onboarding Course 4: Publishing

Tying together everything you've learned so far to get ready to publish and launch!

[Paths] Onboarding Course 1: Planning

Everything you need to know about planning your training portal launch.

accredible-badge-3214512

[Paths] Onboarding Course 2: Setup

Learn how to configuring your initial environment settings to support your program.

[Paths] Onboarding Course 3: Content

Proven best practices for course structure models, content design, and much more.

[Paths] Onboarding Course 4: Publishing

Tying together everything you've learned so far to get ready to publish and launch!

Certification Exam

This course awards a Skilljar certification upon completion of the exam lesson.

filter-1 points-10 exam-retake-path-1

[Paths] Onboarding Course 1: Planning

Everything you need to know about planning your training portal launch.

accredible-badge-3214512

[Paths] Onboarding Course 2: Setup

Learn how to configuring your initial environment settings to support your program.

[Paths] Onboarding Course 3: Content

Proven best practices for course structure models, content design, and much more.

[Paths] Onboarding Course 4: Publishing

Tying together everything you've learned so far to get ready to publish and launch!

[Paths] Onboarding Course 1: Planning

Everything you need to know about planning your training portal launch.

accredible-badge-3214512

[Paths] Onboarding Course 2: Setup

Learn how to configuring your initial environment settings to support your program.

[Paths] Onboarding Course 3: Content

Proven best practices for course structure models, content design, and much more.