Widget Soochrys Music - Moteur de Recherche Musical Intégrable

Démo en direct

Testez le widget ci-dessous. Les résultats s'ouvriront dans un nouvel onglet, préservant ainsi la navigation sur votre site.

🎧 Écoutez de la musique (Relaxation, Rock, Ambient)

Propulsé par Soochrys Music

Code d'intégration

Copiez le code HTML ci-dessous et collez-le n'importe où sur votre site (article, barre latérale, pied de page).

<!-- Début du Widget Soochrys Music -->
<div style="background: #f8f9fa; padding: 15px; border-radius: 8px; border: 1px solid #eaeaea; text-align: center; max-width: 450px; margin: 20px auto; font-family: sans-serif;">
    <p style="font-size: 13px; color: #555; margin: 0 0 10px 0; font-weight: 600;">🎧 Écoutez de la musique (Relaxation, Rock, Ambient)</p>
    <form action="https://music.soochrys.com/" method="GET" target="_blank" style="display: flex; flex-wrap: nowrap; align-items: center; justify-content: center; gap: 8px; margin: 0;">
        <input type="text" name="q" placeholder="Ex: méditation, blues..." required style="flex-grow: 1; min-width: 0; border: 1px solid #ccc; border-radius: 20px; padding: 8px 15px; font-size: 14px; outline: none; background: #fff; color: #333; height: 38px; box-shadow: inset 0 1px 3px rgba(0,0,0,0.05);">
        <button type="submit" style="flex-shrink: 0; background: #1a252f; color: #fff; border: none; border-radius: 20px; padding: 0 15px; font-size: 14px; font-weight: bold; cursor: pointer; height: 38px; transition: background 0.2s;">Chercher</button>
    </form>
    <a href="https://music.soochrys.com/" target="_blank" style="display: block; margin-top: 8px; font-size: 11px; color: #888; text-decoration: none;">Propulsé par Soochrys Music</a>
</div>
<!-- Fin du Widget Soochrys Music -->

Copié !