Widget jízdního řádu na váš web
Bezplatný widget jízdního řádu v HTML: nastavte město, linku nebo zastávku, zkopírujte kód (iframe nebo skript JS) a vložte jej na vlastní web — i do WordPressu, Wixu, Squarespace či Joomly. Interaktivní jízdní řád vždy zobrazuje aktuální data z kursuje.pl.
1. Typ widgetu
2. Rozsah
Při volbě „Všechny“ zobrazí seznam jízdních řádů níže i samotný widget úplný seznam linek.
3. Barvy a velikost
Barvy lze měnit jen v omezeném rozsahu (záhlaví a pozadí) — písma a logo kursuje.pl zůstávají beze změny.
Ve výchozím stavu má každá linka barvu z dat jízdního řádu (GTFS). Zapněte, aby všechny linky ve widgetu měly jednu zvolenou barvu.
4. Náhled
Zkontrolujte, jak widget vypadá při různých šířkách prohlížeče návštěvníka.
Vyberte zastávku, abyste viděli náhled.
5. Kód k vložení
Kód se zde zobrazí po dokončení nastavení výše.
Jak přidat jízdní řád na web?
- Vyberte město, linku nebo zastávku, pro kterou má widget fungovat.
- Nastavte barvy, velikost a druh dopravy a v náhledu zkontrolujte, jak widget vypadá na telefonu, tabletu a počítači.
- Zkopírujte vygenerovaný HTML kód (iframe nebo skript JS).
- Vložte kód do editoru svého webu — jízdní řád se zobrazí automaticky a bude vždy aktuální.
Widget jízdního řádu — HTML kód k vložení
Vygenerovaný kód je obyčejné HTML, bez knihoven a bez vlastního CSS. Nahraďte TWOJE-MIASTO adresou z konfigurátoru, který připraví hotový kód pro vaše město, linku nebo zastávku.
Varianta 1: iframe (nejjednodušší)
<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>Varianta 2: skript JS (automaticky přizpůsobí výšku)
<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>Jízdní řád na WordPressu, Wixu, Squarespace a Joomle
Widget funguje v každém CMS a tvůrci webů, který umožňuje vložit HTML kód. Níže najdete návody pro nejoblíbenější platformy.
Plugin jízdního řádu pro WordPress
Samostatný plugin nepotřebujete — widget funguje jako jakýkoli plugin jízdního řádu, ale bez instalace a aktualizací. V blokovém editoru (Gutenberg) přidejte blok „Vlastní HTML“, vložte kód a stránku uložte. V klasickém editoru přepněte na kartu „Text“. Pokud dáváte přednost pluginu, stačí libovolný plugin typu „Insert Headers and Footers“ nebo shortcode s vlastním HTML.
Jízdní řád ve Wixu
Přidejte prvek „Vložit kód“ (Embed → Embed HTML / Embed a Widget), zvolte „HTML kód“ a vložte fragment iframe. Velikost prvku přizpůsobte šířce widgetu.
Jízdní řád ve Squarespace
Přidejte blok „Kód“ (Code Block), vypněte možnost „Zobrazit zdroj“ a vložte kód iframe. Blok „Vložit“ (Embed) → „Kód“ funguje stejně.
Jízdní řád v Joomle
V editoru článku nebo modulu „Vlastní HTML“ přepněte na zdrojový kód (tlačítko „Přepnout editor“ v TinyMCE) a vložte kód. Dbejte na to, aby textový filtr vaší skupiny uživatelů neodstraňoval značky iframe.
Jízdní řád na HTML stránce
Vložte kód na místo, kde se má jízdní řád zobrazit, dovnitř značky <body>. Nejsou potřeba žádné knihovny ani soubory CSS.
Pro koho je widget jízdního řádu?
Jízdní řád autobusů
Dopravce nebo autobusová firma zobrazuje zákazníkům aktuální jízdní řád autobusů přímo na svém webu, bez ručního přepisování časů.
Doprava na kurzy a akce
Škola, univerzita, sportovní klub nebo pořadatel akce přidá vedle adresy widget s odjezdy ze zastávky — účastníci hned vidí, čím a kdy dorazí na kurz, koncert či konferenci.
Hotely a turistická zařízení
Widget s nejbližšími odjezdy ze zastávky u objektu nahradí ručně aktualizovanou tabulku „jak se k nám dostanete“.
Úřady, obce a místní portály
Interaktivní jízdní řád veřejné dopravy pro obyvatele: seznam linek, zastávky a časy odjezdů na jednom místě.
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.
Často kladené otázky
- Jak přidat jízdní řád na web?
- Nastavte widget výše (město, linka nebo zastávka, barvy a velikost), zkopírujte vygenerovaný HTML kód a vložte jej v editoru svého webu tam, kde se má jízdní řád zobrazit. Zabere to asi minutu.
- Je widget jízdního řádu zdarma?
- Ano. Vytvoření a vložení widgetu na vlastní web je zdarma, bez limitu zobrazení a bez nutnosti registrace. Podmínkou je ponechat viditelnou atribuci kursuje.pl.
- Existuje plugin jízdního řádu pro WordPress?
- Plugin instalovat nemusíte. Widget se do WordPressu vkládá jako blok „Vlastní HTML“ (iframe nebo skript JS), takže nezatěžuje web dalšími pluginy a nevyžaduje aktualizace.
- Funguje widget na Wixu, Squarespace a Joomle?
- Ano. Vygenerovaný kód je standardní iframe nebo fragment skriptu JS, který lze vložit do prvku HTML ve Wixu a Squarespace, do editoru Joomly, WordPressu nebo přímo do kódu stránky.
- Jak aktualizovat data ve widgetu, když se změní jízdní řád?
- Nemusíte dělat nic — widget vždy zobrazuje aktuální jízdní řád z kursuje.pl, takže změny linek či časů odjezdů se projeví automaticky, bez úprav kódu na webu.
- Mohu vybrat konkrétní linku, zastávku nebo město?
- Ano — konfigurátor umožňuje vytvořit widget pro celé město, jednu linku nebo vybranou zastávku a zvolit druh dopravy (autobus, tramvaj, trolejbus, metro, vlak), barvy a velikost.
- Přizpůsobí se widget mobilním telefonům?
- Ano. Widget má maximální šířku 100 % kontejneru a varianta se skriptem JS navíc automaticky přizpůsobí výšku obsahu, takže se neobjeví dvojitý posuvník.
- Vyžaduje vložení widgetu souhlas s cookies?
- Widget nenastavuje na stránce, kde je vložen, vlastní cookies — data jízdního řádu se načítají z kursuje.pl výhradně v rámci iframe.
- Mohu widget použít jako kalendář akcí nebo rozvrh kurzů?
- Widget zobrazuje jízdní řády veřejné dopravy (linky, zastávky, odjezdy), není kalendářem akcí ani upravitelným rozvrhem kurzů. Můžete jej však umístit vedle takového kalendáře či rozvrhu, aby účastníci věděli, jak se tam dostat.
- Existuje widget jízdního řádu pro můj web v angličtině?
- Ano. Widget jízdního řádu je bezplatný vkládatelný iframe nebo fragment JS, který funguje na jakémkoli webu včetně WordPressu a kromě vložení kódu nevyžaduje žádné programování HTML ani CSS. Zobrazuje jízdní řády veřejné dopravy polských měst a autobusových linek, které kursuje.pl pokrývá. Rozhraní widgetu je v polštině.