<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> 
				
			

Composant contextuel – peut être placé n'importe où sur la page

Il s'agit du moteur de réservation qui apparaîtra sous forme de superposition lorsqu'il sera déclenché.

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

Composant panier

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

Réserver maintenant

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

Les appartements The Spires à Édimbourg

Les appartements The Spires à Glasgow

Les appartements The Spires à Birmingham

Les appartements The Spires à Cardiff

Les appartements The Spires à Aberdeen

Réservez dès maintenant avec le code promotionnel et le CSS supplémentaire (s'applique uniquement au composant)

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

Composant « Réserver maintenant » filtré par type de chambre

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

Composant barre de recherche

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

Composant calendrier

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