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.
It is assumed all files are contained in same directory. If not, amend URLs to include directory location.
|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).
|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.
|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.|