Spotify Play Button Plugin

🔍 Что это такое?

Spotify Play Button — это встроенный мини-плеер, который можно вставить на любой сайт, включая WordPress. Он позволяет посетителям слушать трек, альбом, плейлист или подкаст прямо на твоей странице, не покидая сайт.

🎯 Для чего он нужен?

  • 🎧 Показать свою музыку, плейлисты, любимые треки.
  • 🚀 Привлечь внимание к творчеству, если ты артист или диджей.
  • 👨‍💻 Подчеркнуть свою индивидуальность в портфолио или блоге.
  • 🖼 Эстетично дополнить сайт живым, динамичным контентом.

🛠 Как вставить Spotify Play Button в WordPress?

📌 Способ 1 — Вручную через iframe

  1. Зайди на Spotify Web или Desktop.
  2. Найди нужный трек / альбом / плейлист / шоу.
  3. Нажми ⋮ (три точки) → Поделиться → Встроить.
  4. Выбери тему (светлая/тёмная), размер и скопируй код iframe.
  5. В WordPress:
    • В редакторе Gutenberg вставь блок “HTML-код”.
    • Вставь туда скопированный iframe.

💡 Пример кода:

📌 Способ 2 — Плагин EmbedPress

  1. Зайди в WordPress → Плагины → Добавить.
  2. Установи и активируй плагин EmbedPress.
  3. Скопируй прямую ссылку на трек или плейлист.
  4. Вставь её в редактор — плагин сам преобразует в Spotify Play Button.

👉 Работает с:

  • Gutenberg
  • Elementor
  • Classic Editor
  • Colibri и др.
<iframe style="border-radius:12px" src="https://open.spotify.com/embed/playlist/37i9dQZF1E8LE52r3pguaS?utm_source=generator" width="100%" height="352" frameBorder="0" allowfullscreen="" allow="autoplay; clipboard-write; encrypted-media; fullscreen; picture-in-picture" loading="lazy"></iframe>

И он меняет свой вид на странице на такой:

✅ Преимущества

  • 🔥 Стильно смотрится на сайте.
  • 🧩 Поддерживается нативно — без сложных скриптов.
  • 📱 Работает на мобильных и десктопах.
  • 🚀 Загружается быстро (iframe не тормозит сайт).
  • 🔗 Прямой переход в Spotify — можно получить новых подписчиков/слушателей.

⚠️ Важно

  • Гости могут слушать фрагменты, если не вошли в Spotify.
  • При клике открывается Spotify (если нужно слушать весь трек).
  • Лучше использовать тёмный стиль, чтобы сочетался с тёмным портфолио.

💡 Идеи применения на сайте

  • 🔹 В секции “Моя музыка”.
  • 🔹 В футере, чтобы всегда был доступен плейлист.
  • 🔹 В блоге: «Что я слушаю в этом месяце».
  • 🔹 На лендинге: музыка под настроение проекта.