Widget świąt dla Twojej strony
Wyświetlaj kalendarz świąt na swoim blogu lub stronie internetowej — bez umiejętności programowania. Wybierz kraj, region lub miasto, skonfiguruj wygląd, a następnie skopiuj i wklej kod na swoją stronę.
Zobacz przykład
Tak wygląda widget osadzony w prawdziwym poście na blogu. Zobacz pełny artykuł →
Dodaj go na swoją stronę w 30 sekund
Wybierz kraj. Dopasuj kolory. Skopiuj kod. Gotowe.
14px
Święta#dc2626
Dni pomostowe#059669
Nagłówek miesiąca#f9fafb
Podgląd na żywo
Wybierz kraj, aby wyświetlić podgląd widgetu
Parametry
Cała konfiguracja odbywa się za pomocą atrybutów data-* w tagu script.
| Atrybut | Domyślnie | Opis | |
|---|---|---|---|
data-country | wymagany | — | Slug URL kraju (np. "croatia", "france", "united-states") |
data-region | opcjonalny | — | Slug URL regionu lub stanu dla świąt regionalnych |
data-city | opcjonalny | — | Slug URL miasta (wymaga data-region) |
data-view | opcjonalny | list | "list", "calendar" lub "infographic" |
data-year | opcjonalny | Bieżący rok | Rok do wyświetlenia (bieżący rok -1 do +3) |
data-lang | opcjonalny | en | Język: en, hr, fr, de, it, es, pt, tr, pl |
data-ref | opcjonalny | — | Domena Twojej strony do śledzenia analitycznego |
Personalizacja kolorów
Dopasuj widget do schematu kolorów swojej strony, używając szesnastkowych kodów kolorów. Jaśniejszy wariant tła jest generowany automatycznie dla każdego koloru.
| Atrybut | Domyślnie | Wpływa na |
|---|---|---|
data-color-holiday | #dc2626 (red) | Podświetlenie dni świątecznych, etykiety dat, próbki legendy |
data-color-bridge | #059669 (green) | Podświetlenie dni pomostowych, odznaki, tekst wskazówek |
data-color-month | #f9fafb (light gray) | Tło nagłówka miesiąca w widoku kalendarza |
Przykład z niestandardowymi kolorami
<script src="https://www.beevago.com/widgets/beevago-widget.js" data-country="france" data-view="calendar" data-lang="fr" data-color-holiday="#2563eb" data-color-bridge="#7c3aed" data-color-month="#e0f2fe" ></script>