> For the complete documentation index, see [llms.txt](https://docs.wfolio.pro/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.wfolio.pro/site/blocks/integration/music.md).

# Как добавить музыку

Вы можете добавить на сайт плеер с аудиофайлом из музыкального сервиса. Например:

* **Яндекс Музыка** ([music.yandex.ru](https://music.yandex.ru/))\
  [Как получить код для вставки](https://yandex.ru/support/music/ru/users/share)
* **SoundCloud** ([soundcloud.com](https://soundcloud.com/))\
  Язык интерфейса: английский.\
  [Как получить код для вставки](https://help.soundcloud.com/hc/en-us/articles/115003566828-The-Visual-embedded-player)

### Как вставить плеер на сайт

* На составной странице нажмите <mark style="background-color:blue;">**(+)**</mark> для добавления нового блока.

<figure><img src="/files/iRw6qH4TRsDzAmaJkesX" alt=""><figcaption></figcaption></figure>

* Перейдите во вкладку **«Виджеты»** и выберите нужный HTML-блок.

<figure><img src="/files/dOCyhQ3zOdzmUVGuDu3v" alt=""><figcaption></figcaption></figure>

* **Вставьте** полученный **код в HTML блок**. Сохраните изменения.

<figure><img src="/files/yktPGvPjaei0RIepnGlW" alt=""><figcaption></figcaption></figure>

Теперь при просмотре страницы на ней будет отображаться виджет с плеером и возможностью прослушать трек.

{% hint style="info" %}
Автоматическое воспроизведение музыки не будет работать, так как все браузеры это блокируют. Музыка (и видео со звуком) могут запускаться только по клику пользователя.
{% endhint %}