Add a date-picker Widget to your website

The below script can be added to your website to enable a date-picker Widget if you don't already have one.

  <script>
    (function (w,d,s,o,f,js,fjs) {
        w[o] = w[o] || function () { (w[o].q = w[o].q || []).push(arguments) };
        js = d.createElement(s), fjs = d.getElementsByTagName(s)[0];
        js.id = o; js.src = f; js.async = 1; fjs.parentNode.insertBefore(js, fjs);
      }(window, document, 'script', '_ibew', 'https://ibewidget.smarthotel.nl/ibe-widget.js'));
    _ibew('init', {
      id: <ibe-hotel-id>,
      primary: <primary-color>,
      locale: <language-locale>,
      segment: <ibe-segment>,
      showDelay: <show delay>,
      noAutoShow: true,
      position: 'center',
      hideOnMobile: true,
    });
    _ibew('render');
</script>

 

Parameters instructions:
<ibe-hotel-id>: Required; String with the id of the ibe page url; 
https://ibe.smarthotel.nl/?id=xxxxxxxx-xxxx-xxxx-xxxx-xxxxxxxxxxxx --> 'xxxxxxxx-xxxx-xxxx-xxxx-xxxxxxxxxxxx'

 

<primary-color>: optional, if omitted defaults to black (#000000); 
String of valid hexadecimal color without the '#'; #f18700 --> 'f18700'

 

<language-locale>: optional, if omitted defaults to english ('en-US'); 
String of language locale used for the language of the widget, and for the language parameter for the ibe page.


The locale should be defined and active in the ibe setup of the hotel in Ibe/Connect Studio.
Currently available locales: 'da-DK', 'de-DE', 'en-US', 'fi-FI', 'fr-FR', 'nb-NO', 'nl-NL', 'nn-NO', 'sv-SE'.

 

<ibe-segment>: optional;
Segment name used for the segment parameter for the ibe page.
Only required if the hotel has multiple ibe segments defined in the ibe setup of the hotel in Ibe/Connect Studio.

 

<show delay>: number, optional (default value is 1).
The number determines the delay in seconds of expanding the widget.

 

noAutoShow : optional
Add noAutoShow: true if the widget should not auto expand at all.


position: optional, 'center' or 'left' (default is 'right').
Determines the horizontal position the widget at the bottom of the screen/window.


hideOnMobile: optional
Add hideOnMobile: true if the widget should not be shown on mobile.