Votre note et vos avis Parcs & Loisirs peuvent désormais s'afficher directement sur votre site, en deux lignes de code. Le badge est gratuit, pèse moins de 6 Ko et s'installe en une minute. Pour un parc, c'est une preuve sociale visible au moment où le visiteur hésite à réserver.
Un badge d'avis à coller en deux lignes
Le principe est simple : un petit encart affiche votre note sur cinq, votre nombre d'avis et une image de votre parc, avec un lien vers votre fiche. La donnée vient en direct de Parcs & Loisirs, donc le badge reste toujours à jour sans que vous ayez à y toucher.
Vous gardez la main sur l'emplacement : page d'accueil, pied de page, page « réserver » ou article de blog. Le badge se fond dans votre design et suit votre thème clair ou sombre.
Pourquoi l'afficher chez vous
Un visiteur qui découvre votre site cherche à être rassuré avant de réserver. Une note et des avis visibles jouent ce rôle : ils rassurent et ils transforment. Afficher une bonne réputation près d'un bouton de réservation reste l'un des leviers les plus directs pour convertir.
Autre intérêt : le badge renvoie vers votre fiche Parcs & Loisirs, où les internautes retrouvent vos informations pratiques, vos tarifs et vos avis complets. Vous nourrissez ainsi votre visibilité sur l'annuaire, en plus de votre propre site.
Comment l'installer
Copiez ces deux éléments dans le code de votre page, à l'endroit où vous voulez voir le badge. Remplacez votre-slug par le slug de votre fiche.
<a href="https://www.parcsetloisirs.fr/parc/votre-slug"
data-psl-park="votre-slug" rel="noopener">
Votre parc - avis et note sur Parcs & Loisirs
</a>
<script src="https://cdn.jsdelivr.net/gh/parcsetloisirs/parcsetloisirs-widget/widget.js" async></script>
Un seul script suffit, même si vous placez plusieurs badges sur la même page. Deux options se règlent sur le lien :
data-psl-theme:lightoudark, pour coller à votre charte (clair par défaut).data-psl-api: à laisser tel quel, sauf usage technique particulier.
Le lien vers votre fiche est volontairement conservé même sans JavaScript : si un visiteur a désactivé les scripts, il voit un lien texte propre plutôt qu'un trou dans la page.
Léger, isolé et open source
Le badge a été pensé pour ne jamais gêner votre site. Il pèse moins de 6 Ko, se charge en asynchrone et n'embarque aucune bibliothèque externe. Grâce au Shadow DOM, son style est totalement isolé du vôtre : aucun risque de conflit CSS, aucune retouche de votre part.
Le code est ouvert, publié sous licence MIT sur notre dépôt GitHub. Vous pouvez le lire, l'auditer et l'héberger vous-même si votre équipe technique le souhaite. La donnée transite par une API publique, mise en cache une heure pour rester réactive.
Pour qui
Le badge s'adresse d'abord aux parcs de loisirs qui veulent valoriser leur réputation sur leur propre site. Il fonctionne tout aussi bien pour un hôtel qui met en avant les parcs voisins, un office de tourisme qui recense les activités de son territoire ou un blog spécialisé.
Prochaine étape : récupérez le slug de votre fiche, collez les deux lignes de code sur votre page, choisissez votre thème. Le badge s'affiche aussitôt, et se met à jour tout seul au fil de vos avis. Le code complet et la documentation sont sur notre dépôt GitHub.
Vos questions, nos réponses
Le widget est-il vraiment gratuit ?
Oui, le badge est entièrement gratuit et open source, publié sous licence MIT. Aucun abonnement, aucun frais d'installation. Vous copiez deux lignes de code sur votre site et le badge affiche votre note en temps réel, avec un lien vers votre fiche Parcs & Loisirs.
Est-ce que ça ralentit mon site ?
Non. Le script pèse moins de 6 Ko, se charge de façon asynchrone et n'embarque aucune dépendance. Il s'isole dans un Shadow DOM, donc il ne touche jamais au style de votre page. La donnée est mise en cache une heure côté serveur pour rester rapide.
Où trouver le slug de mon parc ?
Le slug est la fin de l'adresse de votre fiche sur parcsetloisirs.fr. Par exemple, pour la fiche parcsetloisirs.fr/parc/le-pal, le slug est le-pal. Vous le reportez dans le lien et dans l'attribut data-psl-park du code d'intégration.
