Feiertags-Widget für Ihre Website

Zeigen Sie einen Feiertagskalender auf Ihrem Blog oder Ihrer Website an — keine Programmierkenntnisse erforderlich. Wählen Sie ein Land, eine Region oder Stadt, passen Sie das Erscheinungsbild an und kopieren Sie den Code auf Ihre Seite.

Beispiel ansehen

So sieht das Widget eingebettet in einem echten Blogbeitrag aus. Zum vollständigen Artikel →

In 30 Sekunden auf Ihrer Seite

Land wählen. Farben anpassen. Code kopieren. Fertig.

14px
Feiertage#dc2626
Brückentage#059669
Monatskopf#f9fafb
Live-Vorschau
Wählen Sie ein Land aus, um das Widget anzuzeigen

Kopieren Sie den folgenden Code und fügen Sie ihn in eine beliebige HTML-Seite, einen WordPress-Beitrag oder einen Website-Builder ein, der benutzerdefiniertes HTML unterstützt.

Wählen Sie oben ein Land aus, um den Einbettungscode zu generieren

Brauchen Sie Hilfe bei der Einrichtung? Kontaktieren Sie uns unter support@beevago.com

Parameter

Die gesamte Konfiguration erfolgt über data-*-Attribute im Script-Tag.

AttributStandardBeschreibung
data-countryerforderlich—URL-Slug des Landes (z.B. "croatia", "france", "united-states")
data-regionoptional—URL-Slug der Region oder des Bundeslandes für regionsspezifische Feiertage
data-cityoptional—URL-Slug der Stadt (erfordert data-region)
data-viewoptionallist"list", "calendar" oder "infographic"
data-yearoptionalAktuelles JahrAnzuzeigendes Jahr (aktuelles Jahr -1 bis +3)
data-langoptionalenSprache: en, hr, fr, de, it, es, pt, tr, pl
data-refoptional—Ihre Website-Domain für Analytics-Tracking

Farbanpassung

Passen Sie das Widget an das Farbschema Ihrer Website an, indem Sie hexadezimale Farbcodes verwenden. Eine hellere Hintergrundvariante wird automatisch für jede Farbe generiert.

AttributStandardBetrifft
data-color-holiday#dc2626 (red)Hervorhebung von Feiertagen, Datumsbeschriftungen, Legendenfelder
data-color-bridge#059669 (green)Hervorhebung von Brückentagen, Badges, Hinweistext
data-color-month#f9fafb (light gray)Monatskopf-Hintergrund in der Kalenderansicht

Beispiel mit benutzerdefinierten Farben

<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>