Vous pouvez configurer le checkout pour qu'il s'affiche de deux manières :
Analyse statique
Cette méthode est utilisée lorsqu'un élément HTML visible, tel qu'un bouton, anchor ou un div élément, est cliqué. Les méthodes suivantes sont utilisées pour chaque mode :
Mode pop-up : Utilisez l'attribut
ventrata-checkoutsur l'élément HTML.
Mode intégré (embedded): Utilisez l'attribut
ventrata-embedded-widgetsur le HTML.
📘 EXEMPLE
Ajouter le code ci-dessous affichera le checkout avec le produit spécifié et l'anglais comme langue prédéfinie.
<button
type="button"
data-config='{"productID":"lwdvpS7Z8jmrxZ9TvRVMQ9KrEHPuCwtTT2bS", "lang":"en", "referrer": "hilton.com"}'
ventrata-checkout
>
Book Now
</button>
Exécution dynamique
Le checkout de Ventrata est entièrement compatible avec toute intégration basée sur JavaScript. Théoriquement, vous n'avez pas besoin d'un élément HTML visible comme déclencheur. Vous pouvez réagir à des événements, par exemple lorsqu'une application tierce déclenche un événement que vous recherchez. Vous pouvez aussi afficher automatiquement un pop-up lorsque l'utilisateur fait défiler une zone spécifique de votre page.
Il offre le même flux et prend en charge les mêmes paramètres que l'analyse statique. Seul le format est différent. Voici une comparaison directe avec l'exemple d'analyse statique ci-dessus :
window.Ventrata({
"productID":"lwdvpS7Z8jmrxZ9TvRVMQ9KrEHPuCwtTT2bS",
"lang":"en",
"referrer": "hilton.com"
})