Widget cestovného poriadku na váš web
Bezplatný widget cestovného poriadku v HTML: nastavte mesto, linku alebo zastávku, skopírujte kód (iframe alebo skript JS) a vložte ho na vlastný web — aj do WordPressu, Wixu, Squarespace či Joomly. Interaktívny cestovný poriadok vždy zobrazuje aktuálne dáta z kursuje.pl.
1. Typ widgetu
2. Rozsah
Pri voľbe „Všetky“ zobrazí zoznam cestovných poriadkov nižšie aj samotný widget úplný zoznam liniek.
3. Farby a veľkosť
Farby možno meniť len v obmedzenom rozsahu (záhlavie a pozadie) — písma a logo kursuje.pl zostávajú bez zmeny.
V predvolenom stave má každá linka farbu z dát cestovného poriadku (GTFS). Zapnite, aby všetky linky vo widgete mali jednu zvolenú farbu.
4. Náhľad
Skontrolujte, ako widget vyzerá pri rôznych šírkach prehliadača návštevníka.
Vyberte zastávku, aby ste videli náhľad.
5. Kód na vloženie
Kód sa tu zobrazí po dokončení nastavení vyššie.
Ako pridať cestovný poriadok na web?
- Vyberte mesto, linku alebo zastávku, pre ktorú má widget fungovať.
- Nastavte farby, veľkosť a druh dopravy a v náhľade skontrolujte, ako widget vyzerá na telefóne, tablete a počítači.
- Skopírujte vygenerovaný HTML kód (iframe alebo skript JS).
- Vložte kód do editora svojho webu — cestovný poriadok sa zobrazí automaticky a bude vždy aktuálny.
Widget cestovného poriadku — HTML kód na vloženie
Vygenerovaný kód je obyčajné HTML, bez knižníc a bez vlastného CSS. Nahraďte TWOJE-MIASTO adresou z konfigurátora, ktorý pripraví hotový kód pre vaše mesto, linku alebo zastávku.
Variant 1: iframe (najjednoduchší)
<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>Variant 2: skript JS (automaticky prispô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>Cestovný poriadok vo WordPresse, Wixe, Squarespace a Joomle
Widget funguje v každom CMS a tvorcovi webov, ktorý umožňuje vložiť HTML kód. Nižšie nájdete návody pre najpopulárnejšie platformy.
Plugin cestovného poriadku pre WordPress
Samostatný plugin nepotrebujete — widget funguje ako akýkoľvek plugin cestovného poriadku, ale bez inštalácie a aktualizácií. V blokovom editore (Gutenberg) pridajte blok „Vlastné HTML“, vložte kód a stránku uložte. V klasickom editore prepnite na kartu „Text“. Ak uprednostňujete plugin, stačí ľubovoľný plugin typu „Insert Headers and Footers“ alebo shortcode s vlastným HTML.
Cestovný poriadok vo Wixe
Pridajte prvok „Vložiť kód“ (Embed → Embed HTML / Embed a Widget), zvoľte „HTML kód“ a vložte fragment iframe. Veľkosť prvku prispôsobte šírke widgetu.
Cestovný poriadok vo Squarespace
Pridajte blok „Kód“ (Code Block), vypnite možnosť „Zobraziť zdroj“ a vložte kód iframe. Blok „Vložiť“ (Embed) → „Kód“ funguje rovnako.
Cestovný poriadok v Joomle
V editore článku alebo module „Vlastné HTML“ prepnite na zdrojový kód (tlačidlo „Prepnúť editor“ v TinyMCE) a vložte kód. Dbajte na to, aby textový filter vašej skupiny používateľov neodstraňoval značky iframe.
Cestovný poriadok na HTML stránke
Vložte kód na miesto, kde sa má cestovný poriadok zobraziť, dovnútra značky <body>. Nie sú potrebné žiadne knižnice ani súbory CSS.
Pre koho je widget cestovného poriadku?
Cestovný poriadok autobusov
Dopravca alebo autobusová firma zobrazuje zákazníkom aktuálny cestovný poriadok autobusov priamo na svojom webe, bez ručného prepisovania časov.
Doprava na kurzy a podujatia
Škola, univerzita, športový klub alebo organizátor podujatia pridá vedľa adresy widget s odchodmi zo zastávky — účastníci hneď vidia, čím a kedy dorazia na kurz, koncert či konferenciu.
Hotely a turistické zariadenia
Widget s najbližšími odchodmi zo zastávky pri objekte nahradí ručne aktualizovanú tabuľku „ako sa k nám dostanete“.
Úrady, obce a miestne portály
Interaktívny cestovný poriadok verejnej dopravy pre obyvateľov: zoznam liniek, zastávky a časy odchodov na jednom mieste.
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
- Ako pridať cestovný poriadok na web?
- Nastavte widget vyššie (mesto, linka alebo zastávka, farby a veľkosť), skopírujte vygenerovaný HTML kód a vložte ho v editore svojho webu tam, kde sa má cestovný poriadok zobraziť. Zaberie to približne minútu.
- Je widget cestovného poriadku zadarmo?
- Áno. Vytvorenie a vloženie widgetu na vlastný web je zadarmo, bez limitu zobrazení a bez nutnosti registrácie. Podmienkou je ponechať viditeľnú atribúciu kursuje.pl.
- Existuje plugin cestovného poriadku pre WordPress?
- Plugin inštalovať nemusíte. Widget sa do WordPressu vkladá ako blok „Vlastné HTML“ (iframe alebo skript JS), takže nezaťažuje web ďalšími pluginmi a nevyžaduje aktualizácie.
- Funguje widget na Wixe, Squarespace a Joomle?
- Áno. Vygenerovaný kód je štandardný iframe alebo fragment skriptu JS, ktorý možno vložiť do prvku HTML vo Wixe a Squarespace, do editora Joomly, WordPressu alebo priamo do kódu stránky.
- Ako aktualizovať dáta vo widgete, keď sa zmení cestovný poriadok?
- Nemusíte robiť nič — widget vždy zobrazuje aktuálny cestovný poriadok z kursuje.pl, takže zmeny liniek či časov odchodov sa prejavia automaticky, bez úprav kódu na webe.
- Môžem vybrať konkrétnu linku, zastávku alebo mesto?
- Áno — konfigurátor umožňuje vytvoriť widget pre celé mesto, jednu linku alebo vybranú zastávku a zvoliť druh dopravy (autobus, električka, trolejbus, metro, vlak), farby a veľkosť.
- Prispôsobí sa widget mobilným telefónom?
- Áno. Widget má maximálnu šírku 100 % kontajnera a variant so skriptom JS navyše automaticky prispôsobí výšku obsahu, takže sa nezobrazí dvojitý posuvník.
- Vyžaduje vloženie widgetu súhlas s cookies?
- Widget nenastavuje na stránke, kde je vložený, vlastné cookies — dáta cestovného poriadku sa načítavajú z kursuje.pl výlučne v rámci iframe.
- Môžem widget použiť ako kalendár podujatí alebo rozvrh kurzov?
- Widget zobrazuje cestovné poriadky verejnej dopravy (linky, zastávky, odchody), nie je kalendárom podujatí ani upraviteľným rozvrhom kurzov. Môžete ho však umiestniť vedľa takého kalendára či rozvrhu, aby účastníci vedeli, ako sa tam dostať.
- Existuje widget cestovného poriadku pre môj web v angličtine?
- Áno. Widget cestovného poriadku je bezplatný vkladateľný iframe alebo fragment JS, ktorý funguje na akomkoľvek webe vrátane WordPressu a okrem vloženia kódu nevyžaduje žiadne programovanie HTML ani CSS. Zobrazuje cestovné poriadky verejnej dopravy poľských miest a autobusových liniek, ktoré kursuje.pl pokrýva. Rozhranie widgetu je v poľštine.