Skip to main content

Prices Widget

Loading property data …

Installation

Create a widget instance by embedding the following code within your webpage inside the <body> element:


<div id="Bs-PricesWidget"></div>
<script
id="booking-suedtirol-js"
src="https://widget.bookingsuedtirol.com/v2/bundle.js"
defer
></script>
<script>
document
.querySelector("#booking-suedtirol-js")
.addEventListener("load", () => {
BookingSüdtirol.Widgets.Prices("#Bs-PricesWidget", {
id: undefined,
propertyId: undefined,
lang: "de",
});
});
</script>
warning

Include the <script … src="https://example.com/v2/bundle.js" …></script> element exactly as specified. Do not self-host a copy of the script and do not include its code into a JavaScript bundle file. Otherwise the widget will not work correctly.

Configuration

Use BookingSüdtirol.Widgets.Prices(domElement, settings) to create new widget instances.

Method arguments

domElement: string | DOM element

The CSS selector or DOM element where your widget will be mounted.

settings: object

Initialization options. See API below. Each widget instance can have it's own settings.

URL parameters

The following list of settings can also be passed over the URL.

  • propertyId
  • lang

Notice that URL parameters always overwrite widget instance settings.


API

id: string

The widget ID

info

Mandatory field

propertyId: number

ID of the property/accommodation

info

Mandatory field. The property must already have been activated for the widget.

accommodationId: number

Deprecated. Use propertyId instead.

lang: string?

Language

  • de: German (default)
  • it: Italian
  • en: English
  • fr: French

layout: string?

Determines the widget layout

  • layout_1 (default)
  • layout_2
  • layout_3

grouping: string?

Groupes prices by

  • offer (Default)
  • board

roomIds: number[]?

Enables you to display and order specific rooms via their ID.

Loading rooms …

offerIds: number[]?

Enables you to display and order specific offers via their ID.

Loading offers …

boardIds: number[]?

Enables you to display and order specific boards via their ID.

Loading property info …

source: string?

Enables the widget to be installed on portals with multiple properties. For this functionality, please contact support directly.


Events

This widget does not fire any events.