Create Custom Class Listing Tables in 4 Steps

Step 1: Enrollment forms are ready to use:

Ensure your Registration Form is completely set up and ready to use, so that new customers can register and enroll into classes via the tables.  See the Web Registration Form sections.  Ensure your Parent Portal is completely set up and ready to use, so that existing customers can enroll via the tables. See the Parent Portal section. (you may skip this step only if you are prohibiting all online enrollments).

Step 2: Classes are ready:

Ensure the following:

  • Classes that you want shown in the table have 'Display on Website' set to YES (near the bottom of their Class Summary tab)
  • If you also want them available for online enrollment, they should also have 'Allow Web Registration' and/or 'Allow Portal Enrollment' set to YES (near the bottom of their Class Summary tab).
  • If you want to allow enrollment from the tables, set 'Show Register Links on Listings' to YES (Tools>Online Web Registration>Settings>Listings Settings section)
  • If you want Full classes shown, set 'Show Full classes on Listings' to YES (Tools>Online Web Registration>Settings>Listings Settings section). Note: They will not contain a Register link as they are full.
  • If you want Waitlists links for full classes, also set 'Allow Waitlist when class Full' to YES (Tools>Online Web Registration>Settings>Listings Settings section).
  • If you plan to show the Category columns in the tables, consider relabeling them to more descriptive, meaningful terms. (Tools>Online Web Registration>Settings>Category Label Overrides). 

Step 3: Start with your "default" table (not yet customized):

Always start with the standard table code which is given below. This code will display all of your active classes in one table, with these headers (later steps will show you how to customize the columns):



If you can copy/paste the code in this gold box into your website editor (in the HTML or Source mode), you can do this! 

The gold box below contains the full script needed to embed a table onto a webpage. The most important part of the code is the src (source). The url there determines what is shown in the table.


<script type="text/javascript" src="https://app.jackrabbitclass.com/jr3.0/Openings/OpeningsJS?OrgID=XXXXXX"></script>

Replace the XXXXXX with your specific Organization ID! (Tools > Online Web Registration - it is shown in blue).

The table will automatically shrink or stretch to fit within your content area, and it will also automatically take your webpage's background color!

Step 4: Create customized, grouped tables:

After you have successfully completed Step 3 above, you will want to customize this table. You can choose from amongst 19 columns. You can sort the class order going down the page. You can split that one big table into several smaller tables by "filtering". You can even place each table in a different webpage. Examples include:

By Program: Suppose you run a Dance school. Perhaps you'd like to show all your Ballet classes on your Ballet webpage, and all your Jazz classes on your Jazz webpage, and your Tap classes on your Tap webpage. Using your Cat1, Cat2, or Cat3 codes, you can easily divide out your classes by Program or Level.

By Session: You may need or want to show your Fall Classes in a separate table than your Winter classes. You can easily filter by session to do this.

By Location: If you have multiple Locations (Loc codes) in your database, you can separate your classes by Location easily.

You can even do all three of these at the same time: Display only your Ballet classes for Fall session at location Smithville, for example.  This is called Filtering and is just a way to group classes together.

Watch a screencast on how to use the rules on the following pages to PREVIEW the data in your table codes: PREVIEW Class Listings Data Screencast.

-->