Puedes configurar el checkout para que se muestre de dos maneras:
Análisis estático
Este método se utiliza cuando se hace clic en un elemento HTML visible, como un botón, un anchor o un elemento div. Los siguientes métodos se utilizan para cada modo:
Modo pop-up: Usa el atributo
ventrata-checkouten el elemento HTML.
Modo integrado (embedded): Usa el atributo
ventrata-embedded-widgeten el HTML.
📘 EJEMPLO
Agregar el código a continuación mostrará el checkout con el producto especificado y el inglés como idioma predeterminado.
<button
type="button"
data-config='{"productID":"lwdvpS7Z8jmrxZ9TvRVMQ9KrEHPuCwtTT2bS", "lang":"en", "referrer": "hilton.com"}'
ventrata-checkout
>
Book Now
</button>
Ejecución dinámica
El checkout de Ventrata es totalmente compatible con cualquier integración basada en JavaScript. Teóricamente, no necesitas ningún elemento HTML visible como disparador. En su lugar, puedes reaccionar a eventos, como si una aplicación de terceros dispara un evento que estás buscando. Alternativamente, muestra automáticamente un pop-up cuando el usuario se desplaza a una zona específica de tu página.
Proporciona el mismo flujo y admite los mismos parámetros que el análisis estático. Solo el formato es diferente. A continuación, una comparación directa con el ejemplo de análisis estático anterior:
window.Ventrata({
"productID":"lwdvpS7Z8jmrxZ9TvRVMQ9KrEHPuCwtTT2bS",
"lang":"en",
"referrer": "hilton.com"
})