📒 NOTA
Antes de continuar, familiarícese con la Guía de implementación ya que describe las características del flujo necesarias para que esta función funcione.
Cómo activar Multibooking (Multireserva)
Agrega multibooking: true al data-config atributo, por ejemplo:
<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>
Esto activa la barra inferior, un componente en la parte inferior de la página, que contiene las reservas en curso dentro del pedido.
📗 CONSEJO
Aprende más sobre las funciones del checkout y lo que hacen. Se agregarán nuevas funciones en futuras versiones.
Este cambio también introduce un pop-up que se puede cerrar sin cancelación automática del pedido. Este comportamiento permite que tus usuarios continúen comprando sin perder las reservas que ya han realizado.
Cómo editar un pedido si la funcionalidad de carrito externo está habilitada
Si estás usando el checkout de Ventrata en combinación con tus páginas personalizadas de carrito o checkout, es posible que desees activar nuestro checkout para el flujo edit booking. Se puede hacer usando los disparadores ventrata-checkout, que deben contener los orderID y bookingID para activar correctamente el flujo de edición.
📒 NOTA
Esta funcionalidad REQUIERE la presencia de multibooking en el data-config atributo en uno de tus elementos.
📘 EJEMPLO
<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>
Lo mismo se puede lograr también programáticamente:
window.Ventrata({
"apiKey": "<YOUR_API_TOKEN>",
"bookingID": "6fb927e9-1502-4b3f-924c-17ed855f6a2f",
"orderID": "8e520579-4cb6-40af-a464-668fb32c61b1",
"multibooking": true,
})
Cómo activar el checkout con una página específica
Si quieres abrir la aplicación con una página o elemento específico, por ejemplo, el botón del carrito, y mostrar un resumen del pedido al cliente (Checkout página), inserta el orderID y page para mostrarlo. En este caso, sería page: "checkout".
📗 CONSEJO
Para aprender cómo aplicar la configuración a la aplicación, lea el Guía de implementación.
📘 Ejemplo de uso directo de JavaScript:
window.Ventrata({ "orderID": "8e520579-4cb6-40af-a464-668fb32c61b1", "page": "checkout" })📘 Ejemplo usando la solución embebida:
<li ventrata-checkout data-config='{"orderID":"8e520579-4cb6-40af-a464-668fb32c61b1", "page": "checkout"}' > Cart </li>
Notas importantes
Asegúrese de que
multibookingesté presente en eldata-configatributo, de lo contrario sus páginas pueden no funcionar correctamente, por ejemplo, labarra inferiorpodría no ser visible para sus usuarios.
📒 NOTA
Puede incluir
multibookingen el elemento script inicial al agregar ventrata-checkout.min.js a su página.
📘 EJEMPLO
<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 su página contiene un carrito personalizado, puede estar interesado en usar la forma híbrida del carrito de nuestra solución de checkout.
De esta manera, el idioma y la moneda son dictados únicamente por usted externamente, vea la configuración.
Use la solución de checkout de Ventrata solo para la personalización de una reserva ya creada como se describe en la Cómo editar un pedido si la funcionalidad de carrito externo está habilitada sección de esta página.