Componente contestuale
Questo è il motore di prenotazione e apparirà come overlay quando attivato.
<shs-sbem-in-context></shs-sbem-in-context>
Pulsante sito web esistente – Utilizzo di sbeLinkAdapter per reindirizzare automaticamente al BE contestuale
Il pulsante contiene il link https://be.synxis.com/?chain=5301&hotel=56601&room=CLD
<script>
...
chainId: '5301',
hotelId: '56601',
bookingEngineMode: 'in-context',
sbeLinkAdapter: true
...
</script>
Componente carrello
<shs-sbem-cart></shs-sbem-cart>
Prenota ora componente
<shs-sbem-book-now></shs-sbem-book-now>
Prenota ora con l'offerta speciale "Paws at Rufflets"
<shs-sbem-book-now adult="2" promo="PAW" rate="PAW"></shs-sbem-book-now>
Aggiunta la funzione "Prenota ora" tramite JavaScript per generare date dinamiche di arrivo/partenza per l'offerta "Spring Escape"
<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>
Modulo "Prenota ora" per la tariffa con pagamento anticipato
<shs-sbem-book-now adult="2" rate="adp10"></shs-sbem-book-now>
Prenota ora: Bed & Breakfast stagionale
<shs-sbem-book-now
rate="ABB"
adult="2"
>
</shs-sbem-book-now>
Componente "Prenota ora" con codice promozionale e CSS aggiuntivo (si applica solo al componente)
<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>
Miglior prezzo filtrato per una notte in camera doppia standard
<shs-sbem-best-price
room="GSP"
length-of-stay="1"
></shs-sbem-best-price>
Componente barra di ricerca
<shs-sbem-search-bar
sections='["dates", "occupancy", "codes", "submit"]'
>
</shs-sbem-search-bar>
Componente calendario
<shs-sbem-calendar
number-of-months="1"
hide-legend="true"
css=" :host {--color-primary: oklch(0.32 0 0)}"
></shs-sbem-calendar>