Pulsante esistente sul sito web – ha l'ID #book-now-bt

getElementById - L'ID del pulsante "Clicca qui"
				
					<script>

      document.getElementById('book-now-bt')
   
</script>
				
			
				
					<script>
(function() {
  document.addEventListener('DOMContentLoaded', function() {
    // CHANGE: Add your book now button selectors here
    var buttons = [
      document.getElementById('book-now-bt'),// CHANGE: Main book now button ID
      //document.querySelector('.book-now-button-footer')  // CHANGE: if using class 
    ];
    buttons.forEach(function(btn) {
      if (!btn) return;
      btn.addEventListener('click', function(e) {
        e.preventDefault();
        var fallbackUrl = this.href;
        var timeout = 2000;  // Wait up to 2 seconds for controller to load
        var start = Date.now();
        
        (function checkAndOpen() {
          if (synxisControllerInstance?.openOverlay) {
            try {
              synxisControllerInstance.openOverlay({ route: '/' });
            } catch (err) {
              console.error('Overlay error:', err);
              window.location.href = fallbackUrl;
            }
          } else if (Date.now() - start < timeout) {
            setTimeout(checkAndOpen, 100);
          } else {
            window.location.href = fallbackUrl;
          }
        })();
      });
    });
  });
})();
</script>
				
			

Componente contestuale: può essere posizionato in qualsiasi punto della pagina

Questo è il motore di prenotazione e apparirà come overlay quando attivato.

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

Componente carrello

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

Prenota ora componente

 

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

Componente "Prenota ora" con codice promozionale e CSS aggiuntivo (si applica solo al componente)

				
					<shs-sbem-book-now
 promo="BREAKFAST"
   css=".bg-primary-button:hover{background-color:#f5f1e8!important;color:#000!important;}
 :host {--font-sans: 'Open Sans', sans-serif;}">
</shs-sbem-book-now>
				
			

Miglior prezzo filtrato per una notte in camera doppia standard

				
					<shs-sbem-best-price
    room="DBL"
    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 0 0)}"
    ></shs-sbem-calendar>