Как добавить бесплатный радио-виджет на сайт

Нужен плеер онлайн-радио на сайте? Его можно встроить бесплатно примерно за минуту: выберите любую из 59 000+ интернет-радиостанций, скопируйте одну строку кода и вставьте на страницу. Работает на любом устройстве, без регистрации и без установки.

Открыть генератор виджета →

Рабочий встроенный плеер — нажмите play.

Что даёт радио-виджет

• Живой плеер «Слушать» для любой станции — музыка запускается по клику прямо на вашей странице.
• Два размера — компактная полоса или крупная карточка с обложкой, полностью адаптивно на телефоне и десктопе.
• Ваши цвета — светлая или тёмная тема и свой акцентный цвет, либо автоподбор под сайт.
• Одна строка кода вставки — простой HTML5-<iframe>, без плагина и без аккаунта.

Как встроить радио-плеер за 3 шага

1. Найдите станцию в генераторе виджета (или на любой странице станции).
2. Выберите размер, тему и цвет — или вставьте адрес сайта, и цвета подберутся автоматически.
3. Скопируйте код и вставьте в HTML страницы там, где нужен плеер.

Добавить в WordPress, Tilda, Wix и другие CMS

• WordPress — блок «Произвольный HTML» (Gutenberg) или HTML-виджет; в классическом редакторе — вкладка «Текст». Вставьте iframe.
• Tilda — блок T123 (HTML) или элемент «HTML» в Zero Block.
• Wix — «Добавить → Встроить → Встроить HTML (код)», вставьте iframe.
• Squarespace — блок Code (или Embed); вставьте iframe.
• Shopify — секция Custom Liquid (или HTML-блок на странице); вставьте iframe.
• Ghost — карточка HTML (команда /html); вставьте код.
• Blogger — гаджет «HTML/JavaScript» (Макет) или режим HTML в записи.
• Joomla / Drupal — модуль/блок «Custom HTML» или редактор кода в статье.

Плагин не нужен — это обычный HTML5-iframe, поэтому работает в любой CMS и конструкторе.

Код вставки

Вставляемый код — это один HTML5-<iframe>. Замените station на имя вашей станции из генератора:

<iframe src="https://retunefm.com/embed/station?size=large&theme=dark&accent=4da3ff"
        width="100%" height="132" frameborder="0" scrolling="no" loading="lazy" allow="autoplay"></iframe>

Настройка плеера

Каждая опция — параметр URL, так что можно править вручную или в генераторе:

• Размер — size=compact (узкая полоса) или size=large (карточка с обложкой).
• Тема — theme=light или theme=dark.
• Акцентный цвет — accent=RRGGBB (любой hex).
• Подбор под сайт — вставьте адрес сайта в генераторе, и он считает ваши цвета.

Как работает встройка

Сломается ли при редизайне сайта?

Нет. Код на вашей странице — лишь ссылка на плеер; сам плеер отдаём мы, а звук идёт со станции напрямую к слушателю (мы его не ре-хостим). Поэтому сайт можно переделывать свободно, а улучшения плеера применяются везде автоматически.

Частые вопросы

Радио-виджет бесплатный?

Да — полностью бесплатно, без аккаунта и регистрации.

Встроенный плеер работает на мобильных?

Да. Он адаптивный и играет на телефонах, планшетах и десктопах.

Можно добавить в WordPress, Tilda или Wix?

Да — вставьте iframe в блок «Произвольный HTML» / «Embed» на любой платформе.

Какие станции можно встроить?

Любую из 59 000+ станций каталога — ищите свою в генераторе. Потоки включают Shoutcast, Icecast и MP3/AAC.