In-context component – can be placed anywhere on the page

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

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

Existing website button – Using sbeLinkAdapter to automatically redirect to In-context BE

Button has link https://be.synxis.com/?chain=5301&hotel=41335&room=DBL_STD

				
					<script>
 ...
chainId: '5301',
hotelId: '41335',
bookingEngineMode: 'in-context',
sbeLinkAdapter: true
...
</script>
				
			

Cart component

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

Book now component

 

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

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

				
					<shs-sbem-book-now
 promo="SMSM"
 css="
 :host {
 --radius: 4rem;
 }
 ">
</shs-sbem-book-now>
				
			

Best price component filtered for one night in Standard Double room

				
					<shs-sbem-best-price
    room="DBL_STD"
    length-of-stay="1"
    ></shs-sbem-best-price>	
				
			

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