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>
				
			

Bouton du site Web existant – Utilisation de sbeLinkAdapter pour rediriger automatiquement vers BE en contexte

Le bouton contient le lien https://be.synxis.com/?chain=6162&hotel=35415&room=CLASSDBL

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

Composant panier

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

Réserver maintenant

 

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

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

				
					<shs-sbem-book-now
 promo="FREEBKFT"
 css="
 :host {
--font-sans: 'Open Sans', sans-serif;
--font-serif: Cardo, serif;
 }
 ">
</shs-sbem-book-now>
				
			

Meilleur prix filtré pour une nuit en chambre double standard

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

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>