Poniższa instrukcja pozwoli na szybką instalację NFHotel Booking Engine - rezerwacji online n a stronie www. Widget można zainstalować na dowolną stronę na dowolnym serwerze. Jeśli masz problem - chętnie pomożemy w jego instalacji.


Kod widgetu
W stopce (footer) strony wklejamy poniższy kod, podmieniając w nim ID widgetu w miejscu XXXX.
Najlepiej wkleić go na końcu strony przed tagiem zamykającym stronę < /body>.

<script src=”https://nfhotel.pl/nf-be/booking-calendar.js”></script>
<script src="https://nfhotel.pl/nf-be/floating-booking.js"></script>
<script>nfHotelBooking.setup(XXXX[, options])</script>
<script src="https://booking.nfhotel.pl/v3/dist/loader.js" defer></script>

Przykład: 

<script src=”https://nfhotel.pl/nf-be/booking-calendar.js”></script>
<script src="https://nfhotel.pl/nf-be/floating-booking.js"></script> 
<script>nfHotelBooking.setup(457, { style: { color: '#5b5a5e' } })</script>
<script src="https://booking.nfhotel.pl/v3/dist/loader.js" defer></script>


ID widgetu:
Przejdź do: Menu > Ustawienia > Booking Engine > Widgety. ID znajdziesz na liście widgetów.




Instalacja panelu rezerwacji NFHotel

Zamieszczenie na stronie modułu rezerwacji on-line - NFHotel Booking Engine możliwe jest jako: 

  • otwierany na zaciemnionej stronie modal - sugerowane, 
  • poprzez osadzenie iframe w treści strony. 


W obu przypadkach niezbędne jest umieszczenie na stronie skryptu:

<script src="https://booking.nfhotel.pl/v3/dist/loader.js" defer></script>

Skrypt należy zamieścić w końcowej sekcji strony, przed znacznikiem, w szablonie strony lub w samej stronie razem z panelem rezerwacji.


MODAL - sugerowane

Należy do dowolnego znacznika html przypisać type="button" class="nf-button",

po wciśnięciu którego ma pojawić się panel rezerwacji.

przykład:

<button type="button" class="nf-button" data-settings-id="80" data-force_search="true" data-offset_top="16px"

data-offset_bottom="16px" data-offset_left="15%" data-offset_right="15%" >Rezerwuj</button>




IFRAME

Należy należy na stronie przypisać class="nf-button", do elementu,

w którym ma zostać wyświetlony panel rezerwacji.


przykład:

<section class="nf-widget" data-settings-id="80" data-force_search="true" ></section>



Pojedynczy apartament / pokój w Booking Engine

Należy w kodzie przycisku dopisać data-room_standards="123"

123 jest to przykładowe ID standardu pokoju / apartamentu.


przykład:

<button type="button" class="nf-button" data-settings-id="80" data-room_standards="123"

data-force_search="true" data-offset_top="16px" data-offset_bottom="16px" data-offset_left="15%"

data-offset_right="15%" >Rezerwuj</button>

ID standardu można sprawdzić w NFHotel w Menu → Struktura obiektu → Standardy →  należy kliknąć w

zębatkę, zaznaczyć ID i kliknąć OK.





Kolory i inne parametry pływającego kalendarza
Możesz zmienić kolor jak i inne parametry kalendarzy.  Pełną listę znajdziesz poniżej.



Zleć nam instalację widgetu
Możesz nam zlecić instalację widgetu na stronie - w tym celu skontaktuj się z nami:



Powiązane artykuły