click image to zoom

Accommodation Booking Text Link (launch to iframe)

Below are instructions to insert a single property text booking link and launch the booking screen in an iframe (set to dynamically resize to booking screen height).

This page will either show the entire booking frame upon if visited directly, or if it is called through one of our other booking widgets then it will only show the filtered results.

Click here to view an example of a booking screen set within an iframe.

Required Files

Notes
It is assumed all files are contained in same directory. If not, amend URLs to include directory location.

Step Action
1 Click here to download zip file containing SeekomMessageAgent.html, bookingcode.html and SeekomBookingLoad.js.Don’t have zip software? Visit CoffeeCup Software and download their Free Zip Wizard.
2 Upload SeekomMessageAgent.html and SeekomBookingLoad.js to your website, make a note of what folder you store them in.
3 Set text link in your file 1. Example Link (replace file1.htmlwith your file name)

<a href="file1.html">Book online</a>
4 Include the SeekomBookingLoad.js script on the page of your file 2 (ie. between <head> and </head> tags). Replace path/to/folderwith the actual folder the file can be found in (or none if the file is in your web root).

<script language="javascript" src="path/to/folder/SeekomBookingLoad.js"></script>
5 Using a text editor (not Microsoft Word or another word-processing program!) open the file bookingcode.html and copy/paste the contents to your body of file 2.Example of the code can be found below. We suggest a minimum width of 450px, but a standard width of 600-650px.

<!-- Begin Seekom Booking iFrame Code -->
<iframe id="bookingPage" name="" onload="SeekomFrame.SetHeight(this)" src="" width="100%" height="600px"
 scrolling="auto" frameborder="0" style="border: none; overflow-y: visible"></iframe>
<script type="text/javascript">
	// EDIT HERE
	var skOperatorID = 'oliveg'; // Your operator ID
	var skPropID = 2289; // Your property ID
	// The public URL pointing at your SeekomMessageAgent.html file
	var skMsgAgentURL = 'http://mywebsite.com/foldername/SeekomMessageAgent.html';
	// END EDITING (no need to edit any further)

	SeekomBookingFrame.Run();
</script>
<!-- End Seekom Booking iFrame Code -->
6 Replace the operator ID (line 4) and property ID (line 6) with the codes provided to you. (If you have not been provided with them, contact our support team).
7 Replace mywebsite.com with your website address (line 8), and make sure the full URL points to the location of your SeekomMessageAgent.html
8 Save the page and publish as normal.

Troubleshooting