Widget de festivos para tu sitio web

Muestra un calendario de días festivos en tu blog o sitio web — sin necesidad de programar. Elige un país, región o ciudad, configura la apariencia y luego copia y pega el código en tu sitio.

Ver ejemplo

Así se ve el widget integrado en un artículo de blog real. Ver el artículo completo →

Añádelo a tu sitio en 30 segundos

Elige un país. Ajusta los colores. Copia el código. Listo.

14px
Festivos#dc2626
Días puente#059669
Encabezado del mes#f9fafb
Vista previa en vivo
Selecciona un país para previsualizar el widget

Copia el código de abajo y pégalo en cualquier página HTML, entrada de WordPress o constructor de sitios que admita HTML personalizado.

Selecciona un país arriba para generar el código de inserción

¿Necesitas ayuda con la configuración? Contáctanos en support@beevago.com

Parámetros

Toda la configuración se realiza mediante atributos data-* en la etiqueta script.

AtributoPor defectoDescripción
data-countryobligatorio—Slug URL del país (ej. "croatia", "france", "united-states")
data-regionopcional—Slug URL de la región o estado para festivos regionales
data-cityopcional—Slug URL de la ciudad (requiere data-region)
data-viewopcionallist"list", "calendar" o "infographic"
data-yearopcionalAño actualAño a mostrar (año actual -1 a +3)
data-langopcionalenIdioma: en, hr, fr, de, it, es, pt, tr, pl
data-refopcional—Dominio de tu sitio web para seguimiento analítico

Personalización de colores

Adapta el widget a la paleta de colores de tu sitio usando códigos de color hexadecimales. Se genera automáticamente una variante de fondo más clara para cada color.

AtributoPor defectoAfecta a
data-color-holiday#dc2626 (red)Resaltado de días festivos, etiquetas de fecha, muestras de leyenda
data-color-bridge#059669 (green)Resaltado de días puente, insignias, texto informativo
data-color-month#f9fafb (light gray)Fondo del encabezado del mes en vista de calendario

Ejemplo con colores personalizados

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