Jak używać

MHS Booking Widget to komponent typu custom element, który można osadzić na dowolnej stronie HTML. Integracja sprowadza się do dołączenia jednego skryptu oraz umieszczenia tagu widgetu w miejscu, w którym ma się pojawić.

1. Wymagania

  • Przeglądarka wspierająca Custom Elements v1 (wszystkie aktualne wersje Chrome, Safari, Firefox, Edge).
  • Możliwość dołączenia zewnętrznego skryptu <script>.
  • Identyfikator instancji (instance-uid) przekazany przez MHS.

2. Osadzenie

Dołącz skrypt widgetu (najlepiej z atrybutem defer) oraz umieść element <mhs-booking-widget> w dowolnym miejscu strony. Widget sam zajmie całą dostępną szerokość kontenera.

3. Atrybuty

  • instance-uidwymagany. UUID instancji przypisanej partnerowi, otrzymany od MHS.

4. Najczęstsze problemy

  • Widget się nie renderuje — sprawdź konsolę, czy skrypt został załadowany (poprawny src).
  • Brak danych — upewnij się, że instance-uid jest poprawny i aktywny.
  • Problemy z szerokością — widget dziedziczy szerokość po kontenerze, unikaj rodziców z width: 0.

Konfigurator

Wpisz własny instance-uid oraz adres skryptu, aby otrzymać gotowy do skopiowania fragment kodu do osadzenia widgetu na swojej stronie.

UUID instancji otrzymany od MHS.
Pełny URL do pliku main.js.


              

Podgląd

Poniżej znajduje się aktualnie załadowana wersja widgetu. Zmiany wprowadzone w konfiguratorze są stosowane po kliknięciu Zastosuj w podglądzie.

Aktywna instancja: CF3ED06D-89B8-463F-B28D-ACBE894FE5E6