Holiday Widget for Your Website

Display a public holiday calendar on your blog or website — no coding skills needed. Choose a country, region, or city, configure the look, then copy and paste the code into your site.

See it in action

Here's what the widget looks like embedded in a real blog post. View the full article →

Add it to your site in 30 seconds

Pick a country. Match your colors. Copy the code. Done.

14px
Holidays#dc2626
Bridge days#059669
Month header#f9fafb
Live Preview
Select a country to preview the widget

Copy the code below and paste it into any HTML page, WordPress post, or website builder that supports custom HTML.

Select a country above to generate embed code

Need help with setup? Contact us at support@beevago.com

Parameters

All configuration is done via data-* attributes on the script tag.

AttributeDefaultDescription
data-countryrequired—Country URL slug (e.g. "croatia", "france", "united-states")
data-regionoptional—Region or state URL slug for region-specific holidays
data-cityoptional—City URL slug (requires data-region)
data-viewoptionallist"list", "calendar", or "infographic"
data-yearoptionalCurrent yearYear to display (current year -1 to +3)
data-langoptionalenLanguage: en, hr, fr, de, it, es, pt, tr, pl
data-refoptional—Your website domain for analytics tracking

Color Customization

Match the widget to your site's color scheme using hex color codes. A lighter background variant is generated automatically for each color.

AttributeDefaultAffects
data-color-holiday#dc2626 (red)Holiday day highlights, date labels, legend swatches
data-color-bridge#059669 (green)Bridge day highlights, badges, tip text
data-color-month#f9fafb (light gray)Month header background in calendar view

Example with custom colors

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