Jak dodać niestandardowy CSS do widgetu

Dostosowanie widgetu TicketingHub za pomocą CSS sprawia, że wygląda on jak integralna część Państwa witryny.

Oto jak zrobić to w kilku prostych krokach:

Przykładowe niestandardowe widgety

Poniżej znajdują się obrazy pokazujące, jak niestandardowy CSS może zmienić wygląd widgetu. Zwróćcie uwagę, że dostosowanie pozwala dopasować wygląd widgetu do estetyki witryny.

Przykład nr 1

Przykład dostosowania widgetu 1

Przykład nr 2

Przykład dostosowania widgetu 2

Dodawanie niestandardowego CSS do widgetu

1. Utwórz i prześlij plik CSS

Utwórz plik CSS zawierający style, które chcesz zastosować w swoim widgecie. Po jego przygotowaniu prześlij plik na swój serwer.

2. W panelu TicketingHub kliknij opcję Widgets

Kliknięcie opcji Widgets w panelu

3. Kliknij opcję Channels

Kliknięcie opcji Channels

4. Kliknij opcję Web Integrations przy widgecie, który chcesz edytować

Kliknięcie opcji Web Integrations

Kliknięcie widgetu wycieczki

6. Przejdź do sekcji Settings

Przejście do sekcji Settings

7. Znajdź pole Custom CSS URL i wklej adres URL pliku CSS

Wklejenie adresu URL pliku CSS

8. Wyświetl podgląd i wprowadź poprawki

Wyświetlenie podglądu zmian

9. Po zakończeniu kliknij opcję Publish Changes

Kliknięcie opcji Publish Changes

10. Kliknij opcję Confirm, aby zatwierdzić zmiany

Kliknięcie opcji Confirm