Віджет розкладу руху для вашого сайту
Безкоштовний віджет розкладу руху в HTML: налаштуйте місто, лінію або зупинку, скопіюйте код (iframe або скрипт JS) і вставте на власний сайт — також у WordPress, Wix, Squarespace чи Joomla. Інтерактивний розклад завжди показує актуальні дані з kursuje.pl.
1. Тип віджета
2. Охоплення
Вибрано «Усі» — список розкладів нижче й сам віджет показуватимуть повний перелік ліній.
3. Кольори та розмір
Кольори можна змінювати лише частково (панель заголовка й тло) — шрифти та логотип kursuje.pl залишаються без змін.
За замовчуванням кожна лінія має колір із даних розкладу (GTFS). Увімкніть, щоб усі лінії у віджеті мали один обраний колір.
4. Попередній перегляд
Перевірте, як віджет виглядає за різної ширини браузера відвідувача.
Виберіть зупинку, щоб побачити попередній перегляд.
5. Код для вставлення
Код з’явиться тут після завершення налаштувань вище.
Як додати розклад руху на сайт?
- Виберіть місто, лінію або зупинку, для яких працюватиме віджет.
- Налаштуйте кольори, розмір і вид транспорту, а в попередньому перегляді перевірте, як віджет виглядає на телефоні, планшеті й комп’ютері.
- Скопіюйте згенерований HTML-код (iframe або скрипт JS).
- Вставте код у редакторі свого сайту — розклад з’явиться автоматично й завжди буде актуальним.
Віджет розкладу руху — HTML-код для вставлення
Згенерований код — це звичайний HTML, без бібліотек і власного CSS. Замініть TWOJE-MIASTO адресою з конфігуратора, який підготує готовий код для вашого міста, лінії чи зупинки.
Варіант 1: iframe (найпростіший)
<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>Варіант 2: скрипт JS (автоматично підлаштовує висоту)
<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>Розклад руху на WordPress, Wix, Squarespace і Joomla
Віджет працює в будь-якій CMS і конструкторі сайтів, що дозволяє вставляти HTML-код. Нижче — інструкції для найпопулярніших платформ.
Плагін розкладу руху для WordPress
Окремий плагін не потрібен — віджет працює як будь-який плагін розкладу, але без встановлення й оновлень. У блоковому редакторі (Gutenberg) додайте блок «Власний HTML», вставте код і збережіть сторінку. У класичному редакторі перейдіть на вкладку «Текст». Якщо віддаєте перевагу плагіну, підійде будь-який плагін типу «Insert Headers and Footers» або шорткод із власним HTML.
Розклад руху у Wix
Додайте елемент «Вбудувати код» (Embed → Embed HTML / Embed a Widget), виберіть «HTML-код» і вставте фрагмент iframe. Підлаштуйте розмір елемента до ширини віджета.
Розклад руху у Squarespace
Додайте блок «Код» (Code Block), вимкніть опцію «Показувати вихідний код» і вставте код iframe. Блок «Вбудувати» (Embed) → «Код» працює так само.
Розклад руху у Joomla
У редакторі статті або модулі «Власний HTML» перейдіть у режим вихідного коду (кнопка «Перемкнути редактор» у TinyMCE) і вставте код. Переконайтеся, що текстовий фільтр для вашої групи користувачів не видаляє теги iframe.
Розклад руху на HTML-сторінці
Вставте код у місці, де має з’явитися розклад, усередині тега <body>. Жодні бібліотеки чи CSS-файли не потрібні.
Для кого призначений віджет розкладу руху?
Розклад руху автобусів і маршруток
Перевізник або автобусна компанія показує клієнтам актуальний розклад автобусів просто на своєму сайті, без ручного переписування годин.
Дорога на заняття та події
Школа, університет, спортивний клуб чи організатор події додає віджет із розкладом зупинки поруч з адресою — учасники одразу бачать, чим і коли доїдуть на заняття, концерт чи конференцію.
Готелі та туристичні об’єкти
Віджет із найближчими відправленнями зі зупинки біля об’єкта замінює таблицю «як доїхати», яку доводиться оновлювати вручну.
Органи влади, громади та місцеві портали
Інтерактивний розклад громадського транспорту для мешканців: перелік ліній, зупинки та години відправлення в одному місці.
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.
Поширені запитання
- Як додати розклад руху на сайт?
- Налаштуйте віджет вище (місто, лінія або зупинка, кольори й розмір), скопіюйте згенерований HTML-код і вставте його в редакторі свого сайту там, де має відображатися розклад. Це займає близько хвилини.
- Чи безкоштовний віджет розкладу руху?
- Так. Створення та вбудовування віджета на власному сайті безкоштовне, без обмеження переглядів і без реєстрації. Умова — залишити видимою атрибуцію kursuje.pl.
- Чи є плагін розкладу руху для WordPress?
- Встановлювати плагін не потрібно. Віджет вставляється у WordPress як блок «Власний HTML» (iframe або скрипт JS), тож не навантажує сайт додатковими плагінами й не потребує оновлень.
- Чи працює віджет на Wix, Squarespace і Joomla?
- Так. Згенерований код — це стандартний iframe або фрагмент скрипту JS, який можна вставити в HTML-елемент у Wix і Squarespace, в редактор Joomla, WordPress або безпосередньо в код сторінки.
- Як оновити дані у віджеті, коли розклад змінюється?
- Нічого робити не потрібно — віджет завжди показує актуальний розклад з kursuje.pl, тож зміни ліній чи годин відправлення з’являються автоматично, без редагування коду на сайті.
- Чи можна вибрати конкретну лінію, зупинку або місто?
- Так — конфігуратор дозволяє створити віджет для всього міста, окремої лінії чи вибраної зупинки, а також обрати вид транспорту (автобус, трамвай, тролейбус, метро, залізниця), кольори й розмір.
- Чи адаптується віджет до телефонів?
- Так. Максимальна ширина віджета — 100% контейнера, а варіант зі скриптом JS додатково автоматично підлаштовує висоту під вміст, тому подвійна смуга прокручування не з’являється.
- Чи потребує вбудовування віджета згоди на cookies?
- Віджет не встановлює власних cookies на сторінці, де його вбудовано — дані розкладу завантажуються з kursuje.pl лише всередині iframe.
- Чи можна використати віджет як календар подій або розклад занять?
- Віджет показує розклади громадського транспорту (лінії, зупинки, відправлення), але не є календарем подій чи редагованим розкладом занять. Проте його можна розмістити поруч із таким календарем або розкладом, щоб учасники знали, як дістатися.
- Чи є віджет розкладу для мого сайту англійською?
- Так. Віджет розкладу — це безкоштовний iframe або фрагмент JS, що працює на будь-якому сайті, зокрема у WordPress, і не вимагає програмування HTML чи CSS — достатньо вставити код. Він показує розклади громадського транспорту польських міст і автобусних ліній, які обслуговує kursuje.pl. Інтерфейс віджета польською мовою.