Kontextbezogene Komponente

Dies ist die Buchungsmaschine, die bei Auslösung als Overlay angezeigt wird.

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

Jetzt buchen

Schaltfläche „Bestehende Website“ – Automatische Weiterleitung zu In-Context BE mithilfe von sbeLinkAdapter

Der Button enthält den Link https://be.synxis.com/?chain=5301&hotel=56601&room=CLD

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

Warenkorb-Komponente

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

Jetzt buchen-Komponente

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

Jetzt buchen – mit dem „Paws at Rufflets“-Angebot

				
					<shs-sbem-book-now adult="2" promo="PAW" rate="PAW"></shs-sbem-book-now>

Mit JavaScript wurde eine „Jetzt buchen“-Komponente hinzugefügt, um dynamische An- und Abreisedaten für das „Spring Escape“-Angebot zu generieren

				
					<script>
setTimeout(function(){	
		offer();
  }, 2000);	
	
function offer() {
	var lengthOfStay = 2;
	
	var arrDate = new Date();
	var arDt = arrDate.toISOString().split('T')[0];
	var depDate = new Date(arrDate.setDate(arrDate.getDate() + lengthOfStay));
	var dpDt = depDate.toISOString().split('T')[0];
	
  document.getElementById("saescape").innerHTML = '<shs-sbem-book-now adult="2" rate="SAESCAPE" arrive="' + arDt + '" depart="'+ dpDt +'"></shs-sbem-book-now>';
}	
</script>	

<div id="saescape"></div>

Komponente „Jetzt buchen“ für den Frühbucherpreis

				
					<shs-sbem-book-now adult="2" rate="adp10"></shs-sbem-book-now>

Jetzt buchen: Saisonales Bed & Breakfast

				
					<shs-sbem-book-now
 rate="ABB"
 adult="2"
 >
</shs-sbem-book-now>

Komponente „Jetzt buchen“ mit Promo-Code und zusätzlichem CSS (gilt nur für die Komponente)

				
					<shs-sbem-book-now
 promo="LSP"
 css=".bg-primary-button:hover{background-color:#614E5D!important;color:#fff!important;}
 :host {--font-sans: Gill-sans, sans-serif; --font-serif: Gill-sans, sans-serif;}"
 >
</shs-sbem-book-now>

Bester Preis für eine Übernachtung im Standard-Doppelzimmer

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

Suchleiste-Komponente

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

Kalenderkomponente

				
					<shs-sbem-calendar
number-of-months="1"
hide-legend="true"
css=" :host {--color-primary: oklch(0.32 0 0)}"
    ></shs-sbem-calendar>

In-Context BE Rufflets