Jak zintegrować system rezerwacji Smoobu z witryną zewnętrzną?

Zintegruj system rezerwacji z Twoją zewnętrzną witryną (Wordpress, Wix, Squarespace lub inną)

Wszystkie bloki (CMS) są oparte na kodach HTML i CSS. Do integracji używamy HTML. Aby zintegrować Smoobu z własną witryną, masz dwie możliwości.

Opcja 1) Bezpośrednia integracja ze stroną internetową za pomocą HTML/iframe

Jeśli chcesz płynnie zintegrować system rezerwacji ze swoją witryną bez odsyłania gościa na zewnętrzną witrynę , użyj kodu HTML (iframe) do integracji w obrębie swojej witryny. Sprawdź witrynę naszego  użytkownika The Beach Pad Rincon, aby zobaczyć, jak wygląda kod systemu rezerwacji „All available accommodations” w porównaniu z kodem systemu rezerwacji „Individual”. 

Tutaj możesz zobaczyć kod „Wszystkie zakwaterowania” , a tutaj kod „Indywidualne”. 

Skopiuj kod i wklej go w HTML swojej zewnętrznej witryny. Jeśli zleciłeś projektantowi stron internetowych stworzenie swojej witryny, być może będziesz musiał poprosić go o zrobienie tego za Ciebie. Gdy zdecydujesz, gdzie chcesz zintegrować kod, projektantowi zajmie to tylko kilka chwil.

 

Gdzie znaleźć kod systemu rezerwacji

Ogólne wyszukiwanie iframe (WSZYSTKIE zakwaterowania) 

Domyślną opcją będą WSZYSTKIE zakwaterowania

Ustawienia - Narzędzie do rezerwacji - Osadź w witrynie - Kod HTML (iframe) do wstawienia narzędzia do rezerwacji na stronie zewnętrznej
Przykład kodu:  <div id="booking-tool-container-allApartments">
<script type="text/javascript" src="https://login.smoobu.com/js/Settings/BookingToolIframe.js"></script>
<script>BookingToolIframe.initialize({"url": "https://login.smoobu.com/en/booking-tool/iframe/12532", "baseUrl": "https://login.smoobu.com", "target": "#booking-tool-container-allApartments"})</script>
</div>

Indywidualna ramka wyszukiwania (pojedyncze właściwości)

Ustawienia - Narzędzie do rezerwacji - Osadź w witrynie - Poszczególne nieruchomości
Wybierz nieruchomość, skopiuj kod HTML i wklej go w kodzie swojej witryny. 

Przykład kodu: <div id="booking-tool-container-apartment66317">
<script type="text/javascript" src="https://login.smoobu.com/js/Settings/BookingToolIframe.js"></script>
<script>BookingToolIframe.initialize({"url": "https://login.smoobu.com/en/booking-tool/iframe/12532/66317", "baseUrl": "https://login.smoobu.com", "target": "#booking-tool-container-apartment66317"})</script>
</div>

Opcja 2) Link do systemu rezerwacji za pomocą adresu URL

Tego rodzaju integracja jest używana, gdy chcesz odesłać gościa na stronę zewnętrzną. Użyj linku do systemu rezerwacji aby przekierować potencjalnych gości na inną stronę w celu dokonania bezpośredniej rezerwacji. 

Link można wykorzystać przy tworzeniu przycisku na stronie, na przykład przycisku „Zarezerwuj teraz”, i powiązać go z narzędziem do rezerwacji Smoobu. 

Ogólny kod dotyczy WSZYSTKICH połączonych zakwaterowań. Może zainteresować Cię również skorzystanie z linku dla poszczególnych jednostek, co również jest możliwe w Smoobu.

Gdzie znaleźć link(i)?

1) Link do wyszukiwania ogólnego (wszystkie nieruchomości włącznie). Ustawienia - Narzędzie do rezerwacji - Osadź w witrynie . Kliknij „Podgląd” i skopiuj link z adresu URL. Przykład: https://booking.smoobu.com/berlinvillas

2) Link do wyszukiwania indywidualnego (pojedyncze nieruchomości). Utwórz go w następujący sposób:

https://booking.smoobu.com/yourbookingenginename  + ?apartmentId= + individualpropertyIDnumberhere

Przykład: https://booking.smoobu.com/berlinvillas ?apartmentId= 427153

https://booking.smoobu.com/berlinvillas?apartmentId=427153

Skąd wziąć propertyID? W Smoobu: Ustawienia - Dla programistów

Aby zmienić nieprzezroczystość/przezroczystość systemu rezerwacji, zdecyduj tutaj.