Applies to version 5.14.1

Easy Script Widget

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>



Sign up to receive updates about your elina system