<script>
var synxisControllerInstance = null;
function initSynxisController() {
SynxisUIController.init({
environment: 'p1',
apiKey: 'MDAxMjF+dVNKZlBxNkNpazBlb2Q5SkEwL0xmVi9XTlJqbkh4V2t6ZjRONjllRDdKajlhYmtsYSt1RkFucUhwZXZDakJ5aklLNFlBQ3o0YW8zdXpVczBqaENhZ2c9PQ==',
 locale: 'en-US',
 chainId: '5445',
 hotelId: '12117',
 currency: 'GBP',
bookingEngineMode: 'in-context',
sbeLinkAdapter: true,
components: ['book-now', 'search-bar', 'in-context', 'cart','best-price', 'calendar']
}).then(function(controller) {
synxisControllerInstance = controller;
console.log('SynXis UI Controller initializedsuccessfully');
}).catch(function(error) {
console.error('Failed to initialize controller:', error);
});
}
</script>
 
<script src="https://be.synxis.com/sbem/web/ui-controller/1.x/shs-sbem-ui-controller.umd.js" onload="initSynxisController()"></script> 
				
			

Componente contestuale: può essere posizionato in qualsiasi punto della pagina

Questo è il motore di prenotazione e apparirà come overlay quando attivato.

				
					<shs-sbem-in-context></shs-sbem-in-context>
				
			

Componente carrello

				
					<shs-sbem-cart></shs-sbem-cart>
				
			

Prenota ora componente

				
					<shs-sbem-book-now></shs-sbem-book-now>
				
			

The Spires Apartments, Edimburgo

The Spires Apartments, Glasgow

The Spires Apartments, Birmingham

The Spires Apartments Cardiff

The Spires Apartments, Aberdeen

Componente "Prenota ora" con codice promozionale e CSS aggiuntivo (si applica solo al componente)

				
					<shs-sbem-book-now
 promo="MEMBER"
 css="
 :host {
--font-sans: lato, sans-serif;
    --font-serif: lato, sans-serif;
 }
 ">
</shs-sbem-book-now>
				
			

Componente "Prenota ora" con filtro per camera

				
					<shs-sbem-book-now
 room="GLA2">
</shs-sbem-book-now>
				
			

Componente barra di ricerca

				
					 <shs-sbem-search-bar
 sections='["dates", "occupancy", "codes", "submit"]'
	 >
 </shs-sbem-search-bar>
				
			

Componente calendario

				
					<shs-sbem-calendar
number-of-months="1"
hide-legend="true"
    ></shs-sbem-calendar>