How to Integrate Your Website With CourseStorm

When you become a CourseStorm customer, we create and host a course catalog for you on a CourseStorm website. We deliberately designed CourseStorm in this way to relieve you from the burden of dealing with course registrations and financial transactions. We handle all of that for you so you never have to worry about it. (We’ve got you covered!)  Along with these benefits, you get the peace of mind knowing that your CourseStorm website is unique to your organization, includes your program name, lists only your classes, and is branded with your logo and colors.

As a result, we often get asked by both potential and new customers: How do we integrate our existing site with our CourseStorm course catalog site?”  Well, no surprise, we’ve made this really simple! Below are five easy ways to integrate with CourseStorm.

(For a detailed “how to” instructions, please visit our CourseStorm Integration Help page.)

1. Add a link to your website.

The simplest way to connect web visitors to your courses is to create a link from one of your web pages to the CourseStorm catalog. Most customers put a link on their home page. A simple link might look like this:A simple link to a course catalog

A simple link to a course catalog


When a user clicks on the link, she will transparently transition from your website to the home page of your CourseStorm catalog. There, she will find featured courses, course categories for browsing, a search bar, and online registration features.

You can also use links to connect to course categories, which might look something like this:

Category links on your website

 Category links on your website


Clicking on a category link takes the user directly to a listing of all the classes in that category, allowing her to easily select a class and register online.

2. Embed a list of upcoming classes

If you’d like to display a list of classes on your website, you can use our simple CourseStorm widget to display upcoming classes. We provide you with a simple snippet of  HTML code, then you use a web editor to copy and paste the HTML code into one of your web pages. A simple widget showing upcoming classes might look like this:

Screen Shot 2016-03-11 at 11.57.22 AM

A simple “class list” widget


By default, the widget displays 5 classes, but you can customize the code to display any number. You can also choose how the classes are sorted and whether or not you want to display other information like start date, description, and course price.  

3. Embed your entire catalog

Another simple CourseStorm widget lets you display your entire catalog on one of your web pages. Web visitors will explore classes on your website until it’s time to register, at which point the link will take them to the CourseStorm website.

Similar to the class list widget, when you embed your catalog, you can specify how to sort classes and whether or not you want to display the start date, description, and class price.  

4. Subscribe to an iCalendar Feed

Some education centers prefer to show their classes on a calendar. If that’s your preference, we can provide a calendar feed that lets your calendar “subscribe” to your CourseStorm course catalog. After you add the subscription, the calendar program will import all your classes and events, then continuously monitor the events for changes. If changes are detected, the feed will update the calendar accordingly.

You can choose to display a daily, weekly, or monthly calendar. Here is a monthly calendar:

Screen Shot 2016-03-14 at 4.23.34 PM

An example monthly calendar


The calendar feed works with all calendars that support iCalendar including Google, Outlook, and Mac Calendar. If you’re not sure if your existing website can use an iCalendar feed, ask your web development staff.

5. Let us develop a custom theme for you.

If you’re interested in more advanced design integration, CourseStorm can add a custom theme or “skin” to your website that will be carried through the entire layout and checkout process. Please contact us at to discuss what you’re looking for.

We understand that your program is unique, and there’s no “one size fits all” model that works for all organizations. That’s why we offer so many choices when it comes to integrating with CourseStorm. We love to make our customers happy with simple and flexible solutions! If you didn’t find what you’re looking for here, please contact us and share your idea. We’re always here to listen.

If you need a deeper website integration solution or want to connect CourseStorm data to other applications, please email and ask us about our API.