Easy Script Widget [Discontinued]

Summary

Integrating the elina booking engine into your website using our "elina Easy Script"

The "elina Easy Script" is a simple code to generate the elina booking elements on any website.

Requirements

The code requires an HTML5 valid page and jQuery. At the minute, only one booking element can be rendered at the same time on one page (No multiple booking forms).

How does it work?

Simply copy and paste the code on the right-hand side where you would like the elina booking element to appear on your site.

That's it! Please make sure to change the elina-subdomain to the system's one you want to connect. This is the same that is being used to login to the elina PMS system.

elina, e.g.: https://elinaname.elinapms.com/

<elina id="standardFormElina" 
data-elinaId="elinaname"></elina>
<script type="text/javascript" src="https://elinaname-bookings.elinapms.com/services/js/elinaEasyScript.min.js"></script>

Options

If you want to add options, simply add more attributes into the elina element script. For instance, if you want to change the wording of the arrival and departure labels, simply use:

data-lbarrival="Arrival"

data-lbdeparture="Departure"

<elina id="standardFormElina"
	data-elinaId="elinaname" 
	data-lbarrival="Arrival"
	data-lbdeparture="Departure"></elina>
<script type="text/javascript" src="https://elinaname-bookings.elinapms.com/services/js/elinaEasyScript.min.js"></script>

For a list of all available options, please see the following table:

elina Attribute	Default Value	Usage Example	Description
elinaId		data-elinaid="elinaname"	This is the customer name and the only compulsory field. Without this, the script will break.
usecustomurl	-bookings.elinapms.com	data-usecustomurl=".com"	This field replaces the -bookings.elinapms.com in the booking element URL, making it easier for customers with their SSL certificate to use their domain.
custompath	elina	data-custompath="book"	This field replaces the /elina/ url in the customer url in case the customer has a customised one.
lbarrival	Check in	data-lbarrival="Arrival"	This field replaces the arrival label of the form
lbdeparture	Check out	data-lbdeparture="Departure"	This field replaces the departure label of the form
lbguests	Guest, Guests	data-lbguests="Person, Persons"	This field replaces the label for the guest fields. The first word is the singular of the word, the second one is for the plural (used in the selection dropdown)
lbpromo	Promotional code	data-lbpromo="Promo"	This field replaces the promotion label of the form
lbbook	Check availability	data-lbbook="Book"	This field replaces the text on the book button of the form
maxguests	6	data-maxguests="10"	This integer displays how many guests are selectable in the guest dropdown menu
language	en-GB	data-language="it-IT"	This field replaces the language of the booking engine
showlogin	FALSE	data-showlogin="true"	If true, this will display a link to the guest lounge login page
propertyid		data-propertyid="2"	This will look for a specific property id
areaid		data-areaid="1"	This will look for a specific area id
usedatepicker	FALSE	data-usedatepicker="true"	If true, the jQueryUI datepicker will be rendered on the arrival and departure fields.
dateformat	dd, MM, yy	data-dateformat="dd/mm/yy"	This will change the format of the date in the jQueryUI datepicker
start	0	data-start="2"	This will change the selectable first available date on the calendar (arrival today or tomorrow)
daydiff	1	data-daydiff="7"	This will add N number of days on the default departure date

See an example with all available attributes below:

<elina id="standardFormElina"
	data-elinaId="currentdev"
	data-usecustomurl=""
	data-custompath="elina"
	data-lbarrival="Arrival"
	data-lbdeparture="Departure"
	data-lbguests="Guest,Guests"
	data-lbpromo="Promo"
	data-lbbook="Book Now"
	data-maxguests="7"
	data-language="en-GB"
	data-usedatepicker="true"
	data-showlogin="true"
	data-daydiff="7"
	data-propertyid="1"
	data-areaid="1"
	data-start="0"
	data-dateformat=""></elina>
<script type="text/javascript" src="https://elinaname-bookings.elinapms.com/services/js/elinaEasyScript.js"></script>