If your WebHost does not allow scripting tags (such as
<script>), the following two options may still allow you to use class listings tables. These options are referred to as the "Direct Method".
OPTION 1: LINK to each table which opens a new page
If you can place a link on your webpage, then you can use this "Direct Method". The table won't display directly on your webpage, but instead, the link will open a new page with a blank white background with the table located there.
- You will need a separate link for EACH table you want to make. (Example could be "Click here for all our Tumbling Classes" and another link that is "Click here for all our Ballet classes" etc).
- You can still use the filtering, hide columns, add columns, and sorting parameters by adding the parameters right after your org id in the HTML string.
The main difference in the direct code given below is the addition of the word 'Direct' in the middle of the URL section of the HTML string. This is necessary to prevent extraneous code from appearing above the table when using it as a link.
If you are using a website editor that simply asks you for the "hyperlink" or "website URL" or "website address" to link to, then highlight your desired text or image and use the code in the blue box as the link. If prompted, also choose "link to another webpage" and "open in new window":
If you are using a traditional hard-coded web editor, use the HTML code in the orange box. This example uses the text View our Class Listings for the display link, but you may change it to any text phrase or image that you prefer by replacing that section in the code below:
<a href="https://app.jackrabbitclass.com/jr3.0/Openings/OpeningsDirect?OrgID=XXXXXX" target="_blank">View our Class Listings</a>
Need assistance? See Integration Assistance page.
OPTION 2: iFrame method
If you already know how to set up, code, and use inline frames (iframes), you can use the URL in the blue box above as the "src" in an iframe scroll on your own webpage. Jackrabbit does not assist with iframe set-up or troubleshooting. You can find iframe help at ww.w3schools.com/tags/tag_iframe.asp.
Make sure the word 'Direct' is included in the code, as shown above, replace the XXXXXX with your own Org ID, and place any custom parameters directly after the last digit of your Org ID.
If you are linking to your Class Listings Tables using the Direct Method, your code must have the word 'Direct' in it. If you attempt to use the JS method in a link or iframe you'll get extraneous code displaying.
Frequently Asked Questions
Q. I have a Wix website and the class listings tables are not displaying correctly on mobile devices. What should I do?
A. Wix editors automatically place our table code into an iframe (this is outside of Jackrabbit's control). You will need to use our alternative code, OPTION 2: iFrame method (above) created especially for iframing.
Please reach out to our Integration Assistance team for further assistance!