Widget de horarios para tu página web
Un widget de horarios gratuito en HTML: configura una ciudad, línea o parada, copia el código (iframe o script JS) y pégalo en tu web — también en WordPress, Wix, Squarespace o Joomla. El horario interactivo siempre muestra datos actuales de kursuje.pl.
1. Tipo de widget
2. Alcance
Con «Todos» seleccionado, la lista de horarios de abajo y el propio widget muestran la lista completa de líneas.
3. Colores y tamaño
Los colores se pueden cambiar solo en parte (barra de cabecera y fondo); las fuentes y el logotipo de kursuje.pl no cambian.
Por defecto cada línea tiene el color de los datos del horario (GTFS). Actívalo para que todas las líneas del widget tengan un único color elegido.
4. Vista previa
Comprueba cómo se ve el widget con distintos anchos del navegador del visitante.
Elige una parada para ver la vista previa.
5. Código para pegar
El código aparecerá aquí cuando completes la configuración de arriba.
¿Cómo añadir un horario de transporte a tu web?
- Elige la ciudad, línea o parada para la que funcionará el widget.
- Ajusta colores, tamaño y tipo de transporte, y comprueba en la vista previa cómo se ve el widget en móvil, tableta y ordenador.
- Copia el código HTML generado (iframe o script JS).
- Pega el código en el editor de tu web — el horario aparecerá automáticamente y estará siempre al día.
Widget de horarios — código HTML para pegar
El código generado es HTML puro, sin librerías ni CSS propio. Sustituye TWOJE-MIASTO por la dirección del configurador, que prepara el código listo para tu ciudad, línea o parada.
Opción 1: iframe (la más sencilla)
<iframe
src="https://kursuje.pl/embed/TWOJE-MIASTO/miasto"
width="370" height="420"
style="border:0;max-width:100%"
loading="lazy"
title="Rozkład jazdy — kursuje.pl"></iframe>Opción 2: script JS (ajusta la altura automáticamente)
<div data-kursuje-widget
data-src="https://kursuje.pl/embed/TWOJE-MIASTO/miasto"
data-width="370" data-height="420"></div>
<script src="https://kursuje.pl/embed.js" async></script>Horarios en WordPress, Wix, Squarespace y Joomla
El widget funciona en cualquier CMS o creador de webs que permita insertar código HTML. A continuación, instrucciones para las plataformas más populares.
Plugin de horarios para WordPress
No necesitas un plugin aparte: el widget funciona como cualquier plugin de horarios, pero sin instalación ni actualizaciones. En el editor de bloques (Gutenberg) añade un bloque «HTML personalizado», pega el código y guarda la página. En el editor clásico cambia a la pestaña «Texto». Si prefieres un plugin, sirve cualquiera del tipo «Insert Headers and Footers» o un shortcode con HTML propio.
Horarios en Wix
Añade un elemento «Insertar código» (Embed → Embed HTML / Embed a Widget), elige «Código HTML» y pega el fragmento iframe. Ajusta el tamaño del elemento al ancho del widget.
Horarios en Squarespace
Añade un bloque de código (Code Block), desactiva la opción «Mostrar fuente» y pega el código iframe. El bloque Embed → «Código» funciona igual.
Horarios en Joomla
En el editor de artículos o en el módulo «HTML personalizado», cambia a la vista de código fuente (botón «Alternar editor» de TinyMCE) y pega el código. Asegúrate de que el filtro de texto de tu grupo de usuarios no elimine las etiquetas iframe.
Horarios en una página HTML
Pega el código donde quieras que aparezca el horario, dentro de la etiqueta <body>. No se necesitan librerías ni archivos CSS.
¿Para quién es el widget de horarios?
Horarios de autobuses
Un transportista o empresa de autobuses muestra a sus clientes el horario actual directamente en su web, sin reescribir las horas a mano.
Cómo llegar a clases y eventos
Un colegio, universidad, club deportivo u organizador de eventos añade un widget de parada junto a la dirección: los asistentes ven al instante cómo y cuándo llegar a la clase, el concierto o la conferencia.
Hoteles y alojamientos turísticos
Un widget con las próximas salidas de la parada junto al establecimiento sustituye la tabla de «cómo llegar» que se actualizaba a mano.
Ayuntamientos, administraciones y portales locales
Un horario interactivo del transporte público para los vecinos: lista de líneas, paradas y horas de salida en un solo lugar.
Timetable widget for your website
Embed a free, always up-to-date public transport timetable on any website — a bus timetable plugin alternative for WordPress, Wix, Squarespace or plain HTML. Pick a city, line or stop, copy the iframe or JavaScript snippet and paste it into your page. The embed is responsive, needs no HTML or CSS setup and no registration. The timetable data covers Polish cities and bus, tram, metro and rail lines.
Preguntas frecuentes
- ¿Cómo añado un horario de transporte a mi web?
- Configura el widget de arriba (ciudad, línea o parada, colores y tamaño), copia el código HTML generado y pégalo en el editor de tu web donde quieras que aparezca el horario. Lleva alrededor de un minuto.
- ¿Es gratuito el widget de horarios?
- Sí. Generar e incrustar el widget en tu propia web es gratis, sin límite de visitas y sin registro. La única condición es mantener visible la atribución a kursuje.pl.
- ¿Hay un plugin de horarios para WordPress?
- No hace falta instalar ningún plugin. El widget se inserta en WordPress como bloque «HTML personalizado» (iframe o script JS), así que no carga tu web con plugins adicionales ni necesita actualizaciones.
- ¿Funciona el widget en Wix, Squarespace y Joomla?
- Sí. El código generado es un iframe estándar o un fragmento de script JS que puedes pegar en un elemento HTML de Wix y Squarespace, en el editor de Joomla, en WordPress o directamente en el código de tu página.
- ¿Cómo actualizo los datos del widget cuando cambia el horario?
- No tienes que hacer nada: el widget siempre muestra el horario actual de kursuje.pl, así que los cambios de líneas u horas de salida se ven automáticamente, sin editar código en tu web.
- ¿Puedo elegir una línea, parada o ciudad concreta?
- Sí: el configurador permite generar un widget para toda la ciudad, una sola línea o una parada elegida, y seleccionar el tipo de transporte (autobús, tranvía, trolebús, metro, tren), los colores y el tamaño.
- ¿Se adapta el widget a los móviles?
- Sí. El widget tiene un ancho máximo del 100 % de su contenedor, y la variante con script JS además ajusta la altura al contenido automáticamente, por lo que no aparece una doble barra de desplazamiento.
- ¿Requiere el widget consentimiento de cookies?
- El widget no instala cookies propias en la página donde está incrustado: los datos del horario se cargan desde kursuje.pl únicamente dentro del iframe.
- ¿Puedo usar el widget como calendario de eventos o horario de clases?
- El widget muestra horarios del transporte público (líneas, paradas, salidas); no es un calendario de eventos ni un horario de clases editable. Sí puedes colocarlo junto a un calendario u horario así para que los asistentes sepan cómo llegar.
- ¿Hay un widget de horarios para mi web en inglés?
- Sí. El widget de horarios es un iframe o fragmento JS incrustable y gratuito que funciona en cualquier web, incluido WordPress, y no requiere programar HTML ni CSS más allá de pegar el código. Muestra horarios de transporte público de ciudades polacas y líneas de autobús que cubre kursuje.pl. La interfaz del widget está en polaco.