Hotel LiveChat — Widget CDN

widget.livechat.sfirma.pl

Czat na każdej
stronie hotelu.

Wstaw jeden tag <script> przed </body> strony hotelu — widget załaduje się asynchronicznie, w Shadow DOM (nie koliduje z istniejącymi stylami) i połączy się z panelem recepcji.

Instalacja

Skopiuj snippet i wklej tuż przed zamknięciem </body> w HTML hotelu:

<script
  src="https://widget.livechat.sfirma.pl/embed.js"
  data-hotel-code="mok"
  data-api-base="https://api.livechat.sfirma.pl"
  data-lang="pl"
  data-position="bottom-right"
  defer></script>

Dostępne hotele

Parametr data-hotel-code wskazuje na obiekt:

mokHotel MokotówWarszawa
gdyVilla MareaGdynia
krkPałac pod RóżąKraków
zakTatra LodgeZakopane
wroStare MłynyWrocław

Aby dodać nowy obiekt — przez panel Ustawienia → Obiekty lub POST /api/hotels.

Co dalej

Live preview Zobacz demo Hotelu Mokotów Pełna strona z osadzonym widgetem → Panel recepcji Zaloguj się Obsługuj rozmowy z gośćmi → API Dokumentacja .NET 10 Endpointy, SignalR, schematy → Skrypt loadera embed.js Surowy kod osadzania →

Specyfikacja

• Bundle: widget.js (~300 KB) — Angular 21 Custom Element w Shadow DOM
• Loader: embed.js (~1.6 KB) — lazy-load na DOMContentLoaded, nie blokuje strony
• Realtime: SignalR + WebSocket do api.livechat.sfirma.pl/hubs/chat
• Języki: PL / EN (przełącznik w nagłówku widgetu)
• Mobile: <420 px → fullscreen
• Bezpieczeństwo: CORS *, CSP-friendly, brak globalnych nadpisań CSS