Booking widget

Installation

The booking widget allows a complete booking from start to finish via your own site.

Ensure you have completed the installation step, then add the following code at the appropriate place in your page.

<div
  data-allocate-target="https://example.allocate.co.uk/"
  class="_allocate"
  data-allocate-widget="booking"
></div>

Replace example.allocate.co.uk with the address provided in your sign-up documentation.

If you want to take payments directly on your site, you will need to install an SSL certificate ( talk to you website provider) otherwise your customer will be forwarded over to our servers for the payment stage.

Live Example

Optional parameters

data-allocate-show-first

Valid options rooms, products

data-allocate-skip-single-options

Valid options "none", "all", "room", "product", will skip all if not set

Skip room / product / all choices where only one option is valid.

data-allocate-limit-zone-id

Valid options comma separated list of zone ids, i.e (1,2,3)

Limits the booking to certain zone ids

data-allocate-limit-zone-type

Valid options comma separated list of zone types, i.e (Yurt, Room)

Limits the booking to certain zone types

data-allocate-limit-product-id

Valid options comma separated list of product ids, i.e (1,2,3)

Limits the booking to certain product ids

data-allocate-limit-product-type

Valid options comma separated list of product types, i.e (Golf, Tennis)

Limits the booking to certain product types

data-allocate-availability-mode

Valid options "chart", "calendar". will default to best guess based on property layout. see examples below.

data-allocate-show-end-date

Valid options "true". show end date picker rather than nights dropdown.

data-allocate-calendar-simple

Valid options "true". Do not show 'traffic-light' style overlays on calendar

data-allocate-show-alternate

Valid options "true". Show the chart/calendar display immediately instead of when show alternate is clicked

data-allocate-sticky-alternate

Valid options "true". Do not hide the chart/calendar when a date is picked.

data-allocate-separate-view

Valid options "true". Separate rooms + products into their own screen

data-allocate-availability-preselect

Valid options "first-available", "cheapest". will pre-select a date based on the option selected, be it the cheapest in view or the first available stay

data-allocate-promo-code

Valid options "true, or title text for the button" show the promo code box so customers can use hidden offers.

data-allocate-show-limit-name

Valid options "true" Show the name of product or room above occupancy

data-allocate-show-limit-description

Valid options "true"

Show the description of product or room above occupancy

data-allocate-show-unavailable

Valid options "none", "all", "room", "product"

Show a list of unavailable zones, products or properties

data-allocate-occupancy

Valid options comma separated list of default occupancy for adults, children and infants, i.e (2,1,0)

Defines what selections of adults, children and infants are used by default when the widget is loaded.

Global parameters

Global options are available on all widgets_