Widgets GroovePick : intégrez radios et concerts sur votre site

Widgets GroovePick : intégrez des radios et des concerts sur votre site web

Vous gérez un blog musical, le site d'une salle de concert, une webradio indépendante, un magazine culturel en ligne ou simplement un site personnel où la musique a sa place ? Bonne nouvelle : GroovePick met à votre disposition des widgets gratuits que vous pouvez intégrer en quelques secondes sur n'importe quel site.

Un lecteur radio avec un bouton play. Une sélection de webradios filtrées par pays ou par genre. Un agenda concerts à venir. Tout ça, prêt à coller dans votre code HTML, sans inscription, sans frais, sans limite.

Dans ce guide, on vous explique comment intégrer chaque widget, comment le personnaliser, et on vous donne des idées concrètes d'utilisation pour enrichir votre site.

Pourquoi garder la musique pour soi ? Les widgets GroovePick vous permettent de partager la découverte musicale directement avec les visiteurs de votre site — gratuitement et en quelques lignes de code.

📻 Widget Radio : intégrez un lecteur sur votre site

À quoi ça sert

Ce widget vous permet d'intégrer une webradio spécifique avec un mini-lecteur directement sur votre page. Vos visiteurs peuvent lancer l'écoute d'un simple clic, sans quitter votre site.

Cas d'usage

• Vous êtes une webradio : intégrez votre propre player sur votre site officiel, votre page Facebook ou votre blog
• Vous êtes un blog musical : ajoutez un lecteur radio en sidebar ou en bas de page pour offrir un fond sonore à vos lecteurs
• Vous écrivez un article sur une radio : intégrez le player directement dans l'article pour que le lecteur puisse écouter immédiatement

Aperçu du widget

Code d'intégration

Copiez-collez ce code dans votre page HTML, à l'endroit où vous voulez afficher le lecteur :

<iframe
  src="https://www.groovepick.com/widget/radio/SLUG-RADIO"
  width="340"
  height="140"
  frameborder="0"
  loading="lazy">
</iframe>
<p style="font-size:11px;margin-top:5px;">
  Propulsé par <a href="https://www.groovepick.com">GroovePick</a>
</p>

💡 Comment trouver le slug de la radio : Rendez-vous sur la page de la radio sur GroovePick. Le slug est la dernière partie de l'URL. Par exemple, pour TSF Jazz :

https://www.groovepick.com/fr/radio/tsf-jazz-ce61ecb3-cf9f-4991-b860-32047def71ed
                                   └──────────────── SLUG-RADIO ─────────────────┘

Il vous suffit de remplacer SLUG-RADIO dans le code par ce slug, et le tour est joué.

Exemple concret

Pour intégrer le lecteur de TSF Jazz, le code devient :

<iframe
  src="https://www.groovepick.com/widget/radio/tsf-jazz-ce61ecb3-cf9f-4991-b860-32047def71ed"
  width="340"
  height="140"
  frameborder="0"
  loading="lazy">
</iframe>
<p style="font-size:11px;margin-top:5px;">
  Propulsé par <a href="https://www.groovepick.com">GroovePick</a>
</p>

🌍 Widget Radios par pays : les meilleures radios d'un pays

À quoi ça sert

Ce widget affiche une sélection de webradios filtrées par pays. Idéal pour proposer à vos visiteurs un panorama radio d'un pays spécifique — que ce soit la France, le Brésil, le Japon ou n'importe quel autre.

Cas d'usage

• Vous gérez un blog voyage : ajoutez un widget radio du pays dont vous parlez dans chaque article pour créer une ambiance sonore immersive
• Vous êtes un site culturel : proposez une sélection radio France sur votre page d'accueil
• Vous organisez un événement thématique : intégrez les radios du pays concerné (soirée brésilienne → radios du Brésil)

Aperçu du widget

Code d'intégration

<iframe
  src="https://www.groovepick.com/widget/pays/france?theme=light&limit=5"
  width="360"
  height="310"
  frameborder="0"
  loading="lazy">
</iframe>
<p style="font-size:11px;margin-top:5px;">
  Radios proposées par <a href="https://www.groovepick.com">GroovePick</a>
</p>

💡 Personnalisation :

• Remplacez france par le pays souhaité : brazil, japan, united-states, germany, senegal…
• Ajustez limit=5 pour afficher entre 1 et 10 radios
• Changez theme=light par theme=dark ou theme=auto selon le design de votre site

Exemples

5 radios brésiliennes en thème sombre :

src="https://www.groovepick.com/widget/pays/brazil?theme=dark&limit=5"

3 radios japonaises en thème clair :

src="https://www.groovepick.com/widget/pays/japan?theme=light&limit=3"

🎵 Widget Radios par genre : filtrez par style musical

À quoi ça sert

Même principe que le widget par pays, mais cette fois filtré par genre musical. Vous voulez afficher les meilleures radios jazz, rock, électronique ou reggae sur votre site ? C'est ce widget qu'il vous faut.

Cas d'usage

• Vous tenez un blog jazz : intégrez un widget jazz sur chaque page
• Vous avez un site de yoga / méditation : ajoutez un widget "classical" ou "ambient"
• Vous gérez un site de festival : affichez les radios correspondant au genre du festival
• Vous avez un e-commerce musical : ajoutez un widget radio du genre correspondant à vos produits

Aperçu du widget (thème sombre)

Code d'intégration

<iframe
  src="https://www.groovepick.com/widget/genre/jazz?theme=dark&limit=5"
  width="360"
  height="310"
  frameborder="0"
  loading="lazy">
</iframe>
<p style="font-size:11px;margin-top:5px;">
  Sélection par <a href="https://www.groovepick.com">GroovePick</a>
</p>

💡 Genres disponibles :

🎤 Widget Concerts : affichez les événements à venir

À quoi ça sert

Ce widget affiche les prochains concerts et spectacles à venir, basés sur le catalogue Fnac Spectacles. C'est un agenda concerts prêt à l'emploi que vous pouvez intégrer sur n'importe quel site.

Cas d'usage

• Vous gérez le site d'une salle de concert : affichez automatiquement les événements à venir
• Vous êtes un blog culturel local : proposez un agenda concerts à vos lecteurs
• Vous avez un site de tourisme : ajoutez un widget concerts pour enrichir votre contenu "que faire ce week-end"
• Vous êtes un disquaire : affichez les concerts à venir pour créer du lien entre vinyle et musique live

Aperçu du widget

Code d'intégration

<iframe
  src="https://www.groovepick.com/widget/concerts?theme=light&limit=4"
  width="380"
  height="320"
  frameborder="0"
  loading="lazy">
</iframe>
<p style="font-size:11px;margin-top:5px;">
  Concerts proposés par <a href="https://www.groovepick.com">GroovePick</a>
</p>

💡 Personnalisation :

• theme=light ou theme=dark ou theme=auto
• limit=4 : ajustez entre 1 et 10 événements affichés

⚙️ Paramètres de personnalisation

Tous les widgets GroovePick acceptent les paramètres suivants pour s'adapter au design de votre site :

💡 Conseil design : Si votre site a un fond sombre, utilisez theme=dark. Si votre site a un fond clair, utilisez theme=light. En cas de doute, theme=auto est toujours le choix le plus sûr — le widget s'adaptera automatiquement aux préférences du visiteur.

Questions fréquentes

C'est vraiment gratuit ?

Oui, totalement. Les widgets GroovePick sont gratuits, sans inscription, sans limite d'utilisation et sans publicité intrusive. Nous vous demandons simplement de conserver la mention « Propulsé par GroovePick » sous le widget.

Est-ce que ça ralentit mon site ?

Non. Les widgets utilisent l'attribut loading="lazy", ce qui signifie qu'ils ne se chargent que lorsque le visiteur fait défiler la page jusqu'à leur emplacement. Aucun impact sur le temps de chargement initial de votre page.

Est-ce que ça fonctionne sur WordPress, Wix, Squarespace ?

Oui. Les widgets sont de simples iframes HTML. Ils fonctionnent sur toute plateforme qui accepte l'intégration de code HTML :

• WordPress : utilisez un bloc « HTML personnalisé » dans l'éditeur Gutenberg
• Wix : ajoutez un élément « Intégrer un site » (Embed)
• Squarespace : utilisez un bloc « Code » dans l'éditeur de page
• Shopify : collez le code dans une section HTML personnalisée
• HTML pur : collez directement le code dans votre fichier HTML

Je peux modifier la taille du widget ?

Oui. Ajustez les attributs width et height de l'iframe selon vos besoins. Vous pouvez aussi utiliser width="100%" pour que le widget occupe toute la largeur de son conteneur — idéal pour les designs responsive.

J'ai un problème avec un widget, qui contacter ?

Contactez-nous directement via notre site. Nous serons ravis de vous aider à intégrer les widgets correctement sur votre plateforme.

Intégrez GroovePick sur votre site dès maintenant

Que vous soyez webmaster, blogueur, gérant de salle de concert ou simplement passionné de musique avec un site personnel, les widgets GroovePick sont le moyen le plus simple et le plus rapide d'ajouter de la musique vivante sur votre site.

Un lecteur radio en sidebar. Une sélection jazz en pied de page. Un agenda concerts sur votre page d'accueil. Tout ça en quelques lignes de code, gratuitement, sans inscription.

La musique ne devrait pas rester enfermée dans une seule application. Elle devrait être partout — y compris sur votre site. Les widgets GroovePick sont là pour ça.

Des questions ? Des idées de widgets supplémentaires ? Contactez-nous — on adore entendre les retours de notre communauté de webmasters.

💡 Retrouvez tous les widgets et le code sur notre page dédiée :

👉 Page Widgets GroovePick

👉 Découvrir GroovePick

Écoutez. Dénichez. Vibrez.

— Leomax, pour le blog GroovePick