📒 REMARQUE
Avant de continuer, veuillez vous familiariser avec le Guide d'implémentation car il décrit les caractéristiques du flux nécessaires au bon fonctionnement de cette fonctionnalité.
Comment activer Multibooking (Réservation multiple)
Ajoutez multibooking: true au data-config attribut, par exemple :
<script
src="https://cdn.checkout.ventrata.com/v3/production/ventrata-checkout.min.js"
type="module"
data-config='{"apiKey":"<YOUR_API_TOKEN>", "multibooking": true, "env": "live" }'>
</script>
Cela fait apparaitre la barre inférieure qui contient les réservations en cours dans la commande.
📗 ASTUCE
En savoir plus sur les fonctionnalités du checkout et ce qu'elles font. De nouvelles fonctionnalités seront ajoutées dans les prochaines versions.
Ce changement introduit également un pop-up que l'on peut fermer sans annulation automatique de la commande. Cela permet à vos utilisateurs de continuer leurs achats sans perdre les réservations déjà effectuées.
Comment modifier une commande si la fonctionnalité de panier externe est activée
Si vous utilisez le checkout Ventrata en combinaison avec vos pages de panier ou de checkout personnalisées, vous pouvez aussi déclencher notre checkout pour le edit booking flux. Cela peut être fait en utilisant les triggers ventrata-checkout, qui doivent contenir les orderID et bookingID pour déclencher correctement le flux de modification.
📒 REMARQUE
Cette fonctionnalité EXIGE la présence de multibooking dans l'attribut data-config dans l’un de vos éléments.
📘 EXEMPLE
<li
ventrata-checkout
data-config='{"apiKey":"<YOUR_API_TOKEN>","bookingID":"6fb927e9-1502-4b3f-924c-17ed855f6a2f","orderID":"8e520579-4cb6-40af-a464-668fb32c61b1","multibooking": true}'
>
Booking to Edit
</li>
La même chose peut également être réalisée par programmation :
window.Ventrata({
"apiKey": "<YOUR_API_TOKEN>",
"bookingID": "6fb927e9-1502-4b3f-924c-17ed855f6a2f",
"orderID": "8e520579-4cb6-40af-a464-668fb32c61b1",
"multibooking": true,
})
Comment déclencher le checkout avec une page spécifique
Si vous souhaitez ouvrir l’application avec une page ou un élément spécifique, par exemple le bouton du panier, et afficher un résumé de la commande au client (Checkout page), spécifiez le orderID et page à afficher. Dans ce cas, ce serait page: "checkout".
📗 ASTUCE
Pour apprendre comment appliquer la configuration à l'application, lisez le Guide d'implémentation du checkout.
📘 Exemple d'utilisation directe de JavaScript :
window.Ventrata({ "orderID": "8e520579-4cb6-40af-a464-668fb32c61b1", "page": "checkout" })📘 Exemple d'utilisation de la solution intégrée :
<li ventrata-checkout data-config='{"orderID":"8e520579-4cb6-40af-a464-668fb32c61b1", "page": "checkout"}' > Cart </li>
Notes importantes
Assurez-vous que
multibookingest présent dans ledata-configattribut, sinon vos pages pourraient ne pas fonctionner correctement, par exemple, lebarre inférieurepeut ne pas être visible pour vos utilisateurs.
📒 REMARQUE
Vous pouvez inclure
multibookingdans l'élément script initial lors de l'ajout de ventrata-checkout.min.js à votre page.
📘 EXEMPLE
<script
src="https://cdn.checkout.ventrata.com/v3/production/ventrata-checkout.min.js"
type="module"
data-config='{"apiKey":"<YOUR_API_TOKEN>", "env": "live", "multibooking": true }'
>
</script>Si votre page contient un panier personnalisé, vous pourriez être intéressé par l'utilisation de la forme hybride du panier de notre solution de checkout.
De cette façon, vous êtes le seul à dicter la langue et la devise de manière externe (voir la configuration).
Utilisez la solution de checkout de Ventrata uniquement pour la personnalisation d'une réservation déjà créée comme décrit dans la section Comment modifier une commande si la fonctionnalité de panier externe est activée de cette page.