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-uid— wymagany. 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-uidjest 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.
Podgląd
Poniżej znajduje się aktualnie załadowana wersja widgetu. Zmiany wprowadzone w konfiguratorze są stosowane po kliknięciu Zastosuj w podglądzie.