Embedded Calendar (Recommended)

A much more powerful method of integration than direct linking is Embedding. This method of embedding is best for the majority of our outfitters. It shows website visitors the Resmark powered availability calendar after clicking "Book Now". After visitors make their selections they are then forwarded to their order summary page on the Resmark server and guided to checkout. We have found by removing distractions during the checkout process (similar to sites like Amazon) actually results in higher conversions.

Live Example »
<!--Resmark Required codePlease Change your-company to the name provided by Resmark Support -->
<script type="text/javascript" src="//your-company.resmarksystems.com/res/rsmk/rsmk.nocache.js"></script>
<!--Resmark Required code. Please Change your-company to the name provided by Resmark Support -->
<link type="text/css" rel="stylesheet" href="//www.resmarksystems.com/clients/css/v4/resmark-structure.css">
<link type="text/css" rel="stylesheet" href="//www.resmarksystems.com/clients/css/v4/your-company.css">

<!--Resmark Required code -->
<div id="rsmk-cart"></div>

<!--Resmark Required code-Use the code below for all book now buttons, updat the data-activity-name-id to the correct activityId in Resmark. These buttons must be HTML/CSS and say 'Book Now'. After a trip is added to a users cart, the button dyamically changes to 'Booked' -->
<a href="javascript:void(0);" class="bookNowButton" data-activity-name-id="26">Book Now</a>
<!--Resmark Required code-This snippet can be placed on each page or as an include that is included in every page -->
<div id="rsmk-container" data-context="embedded" data-cart-uri="resmarkServer" ></div>
... footer is down here somewhere...


The above code will pull the RESMARK reservation engine into your page via Cross-Site scripting and execute within your page. There are, however a few things you should note:

  • You MUST (without exception) reference the //your-company.resmarksystems.com/res/rsmk/rsmk.nocache.js (or //subdomain.yourdomain.com/res/rsmk/rsmk.nocache.js) file from your reservation domain, you CANNOT store this file locally, it will simply not work.
  • You should put the div with id rsmk-container under your main content and outside of any div with the rsmk-hideContent class.
  • You may decorate any a or button tag with the class bookNowButton and you must has the attribute data-activity-name-id set to a single activity name id you wish to book by clicking the button.