Позвоним в течение 15 минут, обсудим условия и просчитаем стоимость работ
Дата публикации: 09.06.2025 / Обновлено: 09.06.2025

Как добавить аудио или музыку на сайт Тильда

Все аудио, альбомы или плейлисты из музыкальных платформ легко воспроизвести на своем сайте — для этого вам понадобится ID-код и функционал Тильды. Плеер выбранного сервиса автоматически отображает нужную композицию прямо на странице.

Блок T153 из раздела “Другое”

В Tilda есть специальный блок, чтобы добавить аудио или музыку на сайт. Выполните следующие действия:

  1. Выберите страницу для вставки блока.
  2. Перейдите в режим редактирования страницы.
  3. На самой странице нажмите “Добавить блок”.
  4. В библиотеке найдите T153. Он расположен в разделе “Другое”.
  5. Добавьте блок на страницу. Он выглядит как мини-проигрыватель.

Он содержит мелодию по умолчанию, которую вы можете поменять на свою.

Добавление музыки через сервис SoundCloud

Чтобы добавить свою музыку на Tilda, вам нужно получить ID-код композиции.

  1. Откройте SoundCloud. Найдите необходимый трек.
  2. Внизу, под описанием трека, найдите кнопку “Share” (поделится). Нажмите “Embed”, и скопируйте код.
  3. Вставьте код в текстовый редактор. После слова “tracks”, вы увидите набор цифр. Это и есть ID.
  4. Скопируйте ID. Код понадобится для вставки в блок T153.

Если вы хотите добавить на сайт плейлист, то действия будут немного отличаться. По аналогии скопируйте полный код плейлиста. В случае с набором сменяемых треков, вы не сможете их воспроизводить через стандартный блок для музыки. Вам понадобится вставка HTML-кода в страницу.
После добавления на вашем сайте появится фирменный SoundCloud-плеер, который позволит посетителям воспроизводить музыку непосредственно на странице.

Вставка необходимого трека в сайт

Для добавления музыки, по той же логике добавьте T153 на страницу. В настройках блока, добавьте свой ID трека. Вы можете получить код не только из SoundCloud, среди доступных сервисов вы можете выбирать:

  • Cincopa;
  • MixCloud;
  • Яндекс.Музыка;

Через HTML-код есть возможность встроить музыку практически с любого проигрывателя. Главное – получить код песни или плейлиста. 

В случае с плейлистом, добавьте T123 или Zero Block. Вам понадобится вставить HTML-код в выделенное для этого окно.
Может быть интересно

Сколько стоит сайт на Тильде: цены на разработку сайта
Сколько стоит разработка сайта на Тильде? Узнайте цены и ключевые этапы разработки сайта на Tilda. Оценка стоимости сайта.
SEO продвижение сайта на Тильде 2025: пошаговая инструкция, настройка и чек-лист
SEO продвижение сайта на Тильде: оптимизация и настройка. Как продвинуть ваш сайт в Google и Яндекс? Чек-лист для поискового продвижения сайта на Tilda.
Как перенести сайт Tilda на свой хостинг: полное руководство
Как перенести сайт Tilda на свой хостинг? Полное руководство по переносу сайта с Тильда: экспорт кода, настройка и запуск вашего веб-проекта

Давайте сделаем
что-нибудь классное :)

пн–пт: 09:00–18:00 (мск)
Instagram запрещён на территории РФ