Below, we break down each option from the simplest to the more advanced techniques.
A Simple LinkThe 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:
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.
WidgetsPerhaps 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 WidgetTo 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 AttributesData attributes are used on the widget to configure options for the display of classes. Here are the potential data attributes available for use.
|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.
<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.
StylingThe 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 FeedWe 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
REST APIFor 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 email@example.com.