Below are instructions to insert a single property image booking link and launch the booking screen in an iframe (set to dynamically resize to booking screen height).
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 image link in your file 1. Example Image Link (replace file1.html with your file name and image.pngwith the link to your image).
<a href="file1.html"><img src="image.png" alt="Book Now!" style="border:none" /></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.|
If you need assistance installing this widget you are free to contact our support team. Please note, installation assistance may incur a standard development charge.