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.

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.

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

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

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.

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.

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

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 Community Code Snippet

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

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

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.

Page Banner with Button Template

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

auto-registration Catalog Page Template

Customer Story: Egnyte

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

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.

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 1: Planning

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

[Pages] Onboarding Course 2: Setup

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

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 Supported Code Snippet

Simple Last Lesson Experience Template

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

auto-registration HTML Lesson Template HTML Template

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 Community Code Snippet

Hero Banner 2: Background Image, Centered Text and Button

HTML hero template containing a title, sub-title, and button centered on the page with a background image behind it.

auto-registration HTML Template

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 Supported Code Snippet

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 Supported Code Snippet

Certification Exam

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

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

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 Community Code Snippet

Hero Banner 1: Color Background, Text, Button, Image

HTML hero template containing a title, short description, and button in the left column and an image on the right column.

auto-registration HTML Template

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 Community Code Snippet

eBook: Increase Retention

5 Customer Retention Strategies that Work

auto-registration

Full Screen Ribbon Template

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

auto-registration Catalog Page Template HTML Template

Clean Sub-banner Page Template

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

auto-registration Advanced HTML Template

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.

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 Supported Code Snippet

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 Community Code Snippet

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 Supported Code Snippet

Simple Page Header Template

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

auto-registration Catalog Page Template HTML 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 Supported Code Snippet

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 Developer Enablement

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 Supported Code Snippet

Hero Banner 3: Background Image, Left-Aligned Text and Button

HTML hero template containing a title, sub-title, and button left-aligned on the page with a background image behind it.

auto-registration HTML Template

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 Supported Code Snippet

Small Quick-Nav Button Template

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

auto-registration Catalog Page Template HTML Template

Skilljar Customization Overview

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

Developer Enablement

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 Community Code Snippet

Quick Tip: Relative Links

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

auto-registration Developer Enablement

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 Community Code Snippet

[separator] Case Studies

Below you will find our case studies.

separator separator-collapse

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.

[Pages] Onboarding Course 4: Publishing

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

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 Beginner hide ribbons

Quick Tip: Inviting Dashboard Users

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

Quick Tip auto-registration popup-experience

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

[Pages] Onboarding Course 3: Content

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

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

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

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.

Add Custom Ribbons to Course/Page/Path Tiles

This code snippet allows you to add custom tag-based ribbons to tile objects. Ex: "New", "Updated".

auto-registration Community Code Snippet

Solid Color Page Banner Template

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

auto-registration Catalog Page 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

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

Case Study: Procore

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

Case Study Expansion auto-registration filter-4

Quick Tip: Optional Lessons

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

Quick Tip auto-registration popup-experience

Quick Tip: Publishing a Course

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

Quick Tip auto-registration popup-experience

eBook: Customer Education and Support Synergy

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

eBook Operational Efficiency Thought Leadership auto-registration

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

[separator] Quick Tips

Below you will find our Quick Tips.

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

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 ai_proctored

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

[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.