Support Center

Integrating CourseStorm with Your Existing Website

Last Updated: Aug 23, 2018 01:51PM EDT
There are many available integration options available for the CourseStorm system. The options range from just a simple link from your existing website to your CourseStorm catalog to a much tighter integration wherein your web developer can use our REST API to sync student data with an internal records system.

Below, we break down each option from the simplest to the more advanced techniques.

A Simple Link

The simplest way to ensure your students are able to quickly and easily see the offerings available to them from your website is just to link over to your CourseStorm catalog. To do this, create a link to your catalog using the following format:
 
https://[your-organization].coursestorm.com

This will link directly to the home page of your CourseStorm catalog, listing featured classes, categories for browsing, an integrated search, and all the registration features available in CourseStorm.

Widgets

Perhaps you’re looking to not just link out to your entire catalog, but are looking for the easiest way to display a simple class list on your website. This is where our widgets come in.

Using a widget allows you to add this type of display on your site by simply copying and pasting a few lines of code into your web editor.

Compatibility: All current versions of IE, Chrome, Firefox, Safari

Simple List Widget

To display a simple list of your upcoming classes, just copy and paste the following snippet into your web editor (making sure to replace [your-organization] with the address of your CourseStorm catalog).
 
<script src="https://[your-organization].coursestorm.com/js/embed/embed.js"  id="coursestorm-embed-script"></script> <div class="coursestorm-widget" data-cs-widget-type="class-list"></div>
By default, this widget will display the closest upcoming 5 classes in your catalog and link them to their registration pages on CourseStorm. That said, you can also configure this widget simply and easily using data attributes.

Data Attributes

Data attributes are used on the widget to configure options for the display of classes. Here are the potential data attributes available for use.

 
Attribute Details
data-cs-max-classes Max number of classes to be returned. Default is 5.
data-cs-fields A comma-separated list of fields to be returned.

Possible values:
  • image
  • name (required, default)
  • url (default)
  • start_date
  • start_time
  • price
  • action_button
  • description
Example:
 
<div class="coursestorm-widget" data-cs-widget-type="class-list" data-cs-fields="name,price"></div>
data-cs-category-id The category ID for which you'd like to display classes. (optional)
data-cs-sort How you would like the results sorted.

Possible values:
  • date (default)
  • price
  • random

Styling

The CourseStorm widget can be styled to reflect the look and feel of your site. For more information, see our advanced support article on Styling the Class List Widget.


iCalendar Feed


We also offer integration with our iCalendar feed. For those who don’t know, calendar programs such as Outlook, Google Calendar, or Calendar for Mac OS X give their users the option of subscribing to calendars from external systems such as CourseStorm. When a subscription is added, the calendar program will continuously monitor changes to the events in the feed and update the calendar accordingly.

One quick and easy way to take advantage of iCalendar feeds on your website is to embed a Google Calendar on your site that displays your CourseStorm catalog. For more information on embedding Google Calendar into your website, visit their help documentation here: https://support.google.com/calendar/answer/41207?hl=en

Other systems can also make use of CourseStorm calendar feeds. If you’re wondering if your existing website can make use of our feeds, please contact your web development staff for more information.

Calendar Feed URL

https://[your-organization].coursestorm.com/calendar/catalog/feed

REST API

For customers with more advanced needs, we also offer a fully-open REST API. This provides your web development staff an immense amount of flexibility and power. Using this API, you can not only provide advanced search functionality directly in your site, but also integrate with internal systems for record keeping, data syncing, and more. Our REST API provides secure access to all of your data including courses, students, categories, locations, and instructors.

For more information about our REST API, contact our integration team at integrations@coursestorm.com.

Contact Us

b1da65c7baf35183b6fc0ed2c3ddea68@coursestorm.desk-mail.com
http://assets3.desk.com/
false
desk
Loading
seconds ago
a minute ago
minutes ago
an hour ago
hours ago
a day ago
days ago
about
false
Invalid characters found
/customer/en/portal/articles/autocomplete