This is the script to for your In-Context booking engine, here you can set the language, currency and components used.

Place this in the <head> section of your website.

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

In-context component – to be placed after the opening <body> tag

This is the booking engine and will appear as an overlay when triggered

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

Cart component

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

Book now component

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

Book now component with room code and additional CSS (applies to component only)

				
					<shs-sbem-book-now
 room="EXEC"
 css="
 button{
 background:#373737;
 color:#fff;
 text-transform:uppercase;
border: 1px solid #373737;
border-radius:0;
transition:all .3s;
font-family:gill-sans;
 }
  button:hover{
 background:#fff;
 color:#373737;
 }
 ">
</shs-sbem-book-now>

Search bar component

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

Calendar component

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

In-Context BE The Lanesborough P1