Passer au contenu principal

Comment implémenter et utiliser le nouveau portail Manage My Booking (MMB)

Le portail Manage My Booking (MMB) offre aux clients une solution en libre-service pour gérer leurs réservations.

Manage My Booking (MMB) permet aux clients de :

  • modifier les dates de visite / horaires de visite

  • choisir une date pour les réservations à date ouverte ou les packages multi-dates

  • annuler des réservations.

📒 REMARQUE

Nous ajoutons continuellement de nouvelles fonctionnalités au portail Manage My Booking. Les fonctionnalités listées ici sont incluses dans la version initiale du MMB remanié. D’autres mises à jour sont à venir.


Prévisualiser Manage My Booking

Vous pouvez explorer le portail Manage My Booking en utilisant votre propre apiKey.

Utilisez la structure d’URL suivante pour accéder au portail MMB de votre web checkout :

https://checkin.ventrata.com/{apikey}

📒 REMARQUE

Remplacez {apikey} par votre clé API réelle. Si vous ne savez pas où la trouver, consultez Localiser la clé API pour Web Checkout et MMB.


Implémenter Manage My Booking (MMB)

Comme le widget de checkout, le portail peut être intégré directement dans votre page ou ouvert dans une fenêtre pop-up

Prérequis :

Par défaut, le widget recherche tout élément avec :

ventrata-manage-my-booking

et affiche le portail dans cet élément (mode intégré).


Mode intégré

Utilisez ce mode pour afficher le portail MMB directement sur votre page.

Exemple :

 <div ventrata-manage-my-booking data-config='{}'></div>

Résultat :

Le portail se charge dans la balise <div> et fait partie de la mise en page.


Mode pop-up

Pour ouvrir le portail sous forme de pop-up lors d’un clic, définissez :

  • popup: true

    or

  • embedded: false

L’élément devient alors un déclencheur (clic) au lieu d’un conteneur.

Exemple :

<button ventrata-manage-my-booking data-config='{ "popup": true }'>
Gérer ma réservation
</button>

Résultat :

Le clic ouvre le portail MMB en pop-up.

Ce mode est utile lorsque vous ne souhaitez pas intégrer le portail complet dans la page (ex. header, footer, bouton simple).


Ouvrir MMB avec JavaScript

En plus d’utiliser l’attribut HTML ventrata-manage-my-booking, le portail Manage My Booking (MMB) peut également être ouvert via JavaScript.

Cela fonctionne de la même manière que la méthode window.Ventrata() du checkout, mais ouvre le portail Manage My Booking à la place.

  • Ouvrir MMB en pop-up

    window.VentrataManageMyBooking({   
    apiKey: "YOUR_API_KEY",
    popup: true
    })

    Cela ouvre immédiatement le portail MMB dans une fenêtre pop-up.

  • Intégrer MMB à un emplacement spécifique de la page

    window.VentrataManageMyBooking(   
    { apiKey: "YOUR_API_KEY" },
    { targetElement: document.getElementById("my-mmb-element") }
    )

    Cela ouvre immédiatement le portail MMB dans une fenêtre pop-up.


Modes clair / sombre

Le portail MMB prend en charge les modes clair et sombre.

  • Le mode clair est utilisé par défaut.

  • Pour activer le mode sombre, ajoutez "defaultTheme": "dark" dans l’attribut data-config du script de checkout.

Clair

Sombre

📗 ASTUCE


Se connecter au portail MMB

Les clients peuvent se connecter en utilisant l’une des méthodes suivantes afin d’accéder à toutes leurs réservations, passées et en cours :

  • E-mail - saisissez l’adresse e-mail fournie lors de la réservation. Cliquez sur le bouton Send verification code (Envoyer le code de vérification), puis saisissez le code de vérification à 6 chiffres envoyé à cette adresse.

  • Booking reference (Référence de réservation) - saisissez la référence de réservation ainsi que le nom de famille associé, puis cliquez sur le bouton Verify (Vérifier) pour vous connecter.

Manage My Booking - Log In (Connexion)


Reprogrammer une réservation

Le flux de reprogrammation permet aux clients de modifier la date et l’heure de visite d’une réservation active.


Choisir une date pour une réservation à date ouverte

Pour les réservations à date ouverte, les clients peuvent sélectionner une date et une heure de visite après l’achat.


Gérer une réservation multi-dates

Les packages multi-dates permettent aux clients de sélectionner une date et une heure de visite pour chaque inclusion du package. La période est définie par le paramètre « Validity Days (Jours de validité) ».


Reprogrammer un package multi-dates (type Pass)

Modifier la date et l’heure de chaque inclusion d’un pass multi-dates.


Reprogrammer un package multi-dates (type non-Pass)

Modifier la date et l’heure des inclusions interdépendantes d’un package multi-dates.


Annuler

Les clients peuvent annuler des réservations qui n’ont pas encore été utilisées, dont la date ou l’heure de visite n’est pas dépassée, et qui respectent le délai ou la période limite d’annulation.


Payer un solde impayé

Le flux Payer le solde impayé permet aux clients de régler tout montant restant dû.

Avez-vous trouvé la réponse à votre question ?