Les Widgets

Ce guide présente les méthodes d’intégration des widgets Resactivity, les attributs
configurables, ainsi que les bonnes pratiques pour garantir une intégration propre,
fonctionnelle et responsive.

 Widget Recherche : permet une recherche globale parmi vos produits.
 Widget Calendrier : affiche les disponibilités d’un produit spécifique.
 Widget Liaison : réservé aux prestations de type transport.
 Widget Global-Calendar : mini calendrier global, utile sur une page d’accueil.
 Widget Événements : affiche les prochaines sorties / sessions programmées.

Méthode recommandée : DIV + SCRIPT. Elle permet un affichage natif et une
personnalisation complète.
Exemple – Widget Recherche :
<div class="Resactivity-widget-recherche"
data-api="https://webservice.lagenza.fr/resaApi"
data-couleur-principale="#2e5599"
data-couleur-complementaire="#ffffff"
data-formulaire-mode="light"
data-langue="fr"
data-partenaire-id="102"></div>
<script
src="https://webservice.lagenza.fr/assets/widgets/recherche/index.js"></script>
Méthode alternative : IFRAME, si votre CMS ne permet pas d’intégrer des scripts.
Exemple – Widget Calendrier via iframe :
<iframe style="width:100%; border:none;"
src="https://webservice.lagenza.fr/assets/widgets/calendar?api=http
s://webservice.lagenza.fr/resaApi&produitId=1&couleurPrincipale=2e
5599&langue=fr"></iframe>

 data-api : URL des webservices Resactivity (obligatoire).
 data-produit-id / data-type-produit-id : requis pour les widgets spécifiques.
 data-couleur-principale : couleur du thème (HEX).
 data-couleur-complementaire : couleur secondaire.
 data-formulaire-mode : “full” ou “light” (widget recherche).
 data-langue : fr ou en.
 data-partenaire-id : suivi des ventes.
 Autres attributs : limit, date-min, date-max, offset-top, etc.

1. Identifier la page où intégrer le widget.
2. Choisir la méthode d’intégration (DIV+SCRIPT ou IFRAME).
3. Copier et adapter le code.
4. Configurer les attributs data-*.
5. Tester l’affichage desktop + mobile.
6. Vérifier la fonctionnalité de recherche / réservation.
7. Documenter le code dans votre page (commentaires HTML).