Accommodation Horizontal Date Selector Booking Widget (launch to popup window)

click image to zoom

click image to zoom

Below are instructions to insert a single property horizontal date selector booking widget and launch the booking screen in a popup window.

Click here to view a working demo.

.

Required Files

Notes

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

There are further instructions within launch_pad_horizontal_popup.htm to edit the booking widget colours, fonts, labels, etc to match the look of your website.

Step Action
1 Click hereto download zip file containing launch_pad_horizontal_popup.htm. Place this file in same directory as your file 1.Don’t have  zip software? Click here to visit CoffeeCup Software and download their Free Zip Wizard.
2 Insert iframe code in body of your file 1..
Example iframe code below (adjust height & width as required)

<iframe
id=”bookingPage”
src=”launch_pad_horizontal_popup.htm”
width=”630px”
height=”30px”
frameborder=”no”
scrolling=”auto”
marginwidth=”0″
marginheight=”0″
vspace=”0″
hspace=”0″
style=”overflow-y: visible;” >
</iframe>

3 Ensure you have been provided with operator ID and property ID before proceeding on to step 4.
4 Edit line 12 of file launch_pad_horizontal_popup.htm to replace value “oliveg” with your operator ID
5 Edit line 15 of file launch_pad_horizontal_popup.htm to replace value “2289” with your property ID