Intégrateurs

Paramétrage des widgets

Retour

Paramétrage des widgets

Principe de fonctionnement

Les widgets MseM se matérialisent pas de multiples fonctions exposées sur l'espace de nommage window.MseM.

Chaque fonction est en charge de déclencher le widget correspondant :

  • window.MseM.tunnel : Widget Tunnel en charge du panier, du client et du paiement
  • window.MseM.lodging : Widget de vente Hébergement
  • window.MseM.esf : Widget de vente cours de ski esf
  • window.MseM.skiPass : Widget de vente forfaits de ski
  • window.MseM.skiRental : Widget de location de matériel
  • window.MseM.otherProducts : Widget de vente d'Autres produits
  • window.MseM.transfer : Widget de vente des Transferts privés
  • window.MseM.shuttle : Widget de vente des Navettes
  • window.MseM.excursion : Widget de vente des Excursions
  • window.MseM.genericLine : Widget Ligne de panier générique (interne)
  • window.MseM.esfCustom : Widget Cours privé sur mesure esf (interne)

Afin de garantir que le chargement asynchrone du code est terminé et que la fonction que vous souhaitez invoquer est prête à être exécutée, vous devez enrober votre code avec la fonction window.MseM.onLoad.

window.MseM.onLoad(() => {
  window.MseM.lodging(options);
});

Ensuite, pour paramétrer ces widgets, vous devez spécifier des "options" et d'éventuels "presets" lors de leur invocation.

Vous pouvez découvrir ces options et ces presets via la documentation ou en utilisant le configurateur de widgets.

Les "options"

  • Un grand nombre d'options sont communes à tous les widgets et sont documentées ici.
  • Des options d'affichage permettent de faire varier le mode d'intégration en fonction de vos besoins. Elles sont documentées ici.
  • Enfin, chaque widget peut admettre des options qui lui sont propre. Ces options sont documentée widget par widget.

Toutes les options que vous activerez devront être passé en paramètre de la la fonction cible.

Exemple

const options = {
  resort: 125,
  channel: "ESF",
};
window.MseM.onLoad(() => {
  window.MseM.tunnel(options);
});

Les "presets"

Dans certains cas, les widgets acceptent un deuxième objet de configuration avec des données "pré-sélectionnés". On appelle ce jeu de donnée un "preset".

Un exemple d'usage est de focaliser le widget hébergement sur des hébergements du même type avec les presets "nbStars" et "type"

Exemple

const options = {
  resort: 125,
  channel: "ESF",
};
const presets = {
  nbStars: 4,
  type: "RESIDENCE",
};
window.MseM.onLoad(() => {
  window.MseM.lodging(options, presets);
});