Composant contextuel

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>

Livre

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

Le bouton contient un lien https://be.synxis.com/?chain=23022&hotel=40567&room=DLX

				
					<a class="hb-button" href="https://be.synxis.com/?chain=23022&hotel=40567&room=DLX" ><span></span><span>Book</span><span></span></a>

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="bdo26"
 css=".bg-primary-button:hover{background-color:#ece3d4!important;color:#000!important;}
 :host {--font-sans: 'Source Sans Pro', sans-serif; --font-serif: 'Jugendreisen', serif;}"
 >
</shs-sbem-book-now>

Meilleur prix filtré pour une nuit en chambre double standard

				
					<shs-sbem-best-price
    room="DLX"
    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"
css=" :host {--color-primary: oklch(0.32 0 0)}"
    ></shs-sbem-calendar>

BE Hotel Beige P1 en contexte