📒 NOTA
Antes de continuar, familiarize-se com o Guia de Implementação pois descreve as características do fluxo necessárias para que este recurso funcione.
Como ativar a múltipla reserva
Adicione multibooking: true ao atributo data-config, por exemplo:
<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>
Isto ativa a barra inferior, um componente na parte inferior da página, que contém as reservas em andamento dentro da encomenda.
📗 DICA
Saiba mais sobre as funcionalidades do checkout e o que fazem. Novas funcionalidades serão adicionados em futuras versões.
Esta alteração também introduz um pop-up que pode ser fechado sem cancelamento automático do pedido. Este comportamento permite que os seus utilizadores continuem a fazer compras sem perder as reservas já efetuadas.
Como editar um pedido se a funcionalidade de carrinho externo estiver ativada
Se estiver a usar o checkout da Ventrata em combinação com as suas páginas personalizadas de carrinho ou checkout, poderá querer acionar o nosso checkout para o fluxo. edit booking (edição de reservas). Pode ser feito usando os gatilhos ventrata-checkout, que devem conter os orderID e bookingID para ativar corretamente o fluxo de edição.
📒 NOTA
Esta funcionalidade EXIGE a presença de multibooking no atributo data-config num dos seus elementos.
📘 EXEMPLO
<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>
O mesmo pode ser feito programaticamente:
window.Ventrata({
"apiKey": "<YOUR_API_TOKEN>",
"bookingID": "6fb927e9-1502-4b3f-924c-17ed855f6a2f",
"orderID": "8e520579-4cb6-40af-a464-668fb32c61b1",
"multibooking": true,
})
Como acionar o checkout com uma página específica
Se quiser abrir a aplicação com uma página ou elemento específico, por exemplo, o botão do carrinho, e mostrar um resumo do pedido ao cliente (página Checkout), forneça o orderID e página para renderizar. Neste caso, seria page: "checkout".
📗 DICA
Para saber como aplicar a configuração para a aplicação, leia o Guia de Implementação.
📘 Exemplo usando JavaScript diretamente:
window.Ventrata({ "orderID": "8e520579-4cb6-40af-a464-668fb32c61b1", "page": "checkout" })📘 Exemplo usando a solução incorporada:
<li ventrata-checkout data-config='{"orderID":"8e520579-4cb6-40af-a464-668fb32c61b1", "page": "checkout"}' > Cart </li>
Notas importantes
Certifique-se de que
multibookingestá presente no atributodata-config, caso contrário as suas páginas podem não funcionar corretamente, por exemplo, abarra inferiorpode não ser visível para os seus utilizadores.
📒 NOTA
Pode incluir
multibookingno elemento script inicial ao adicionar o ventrata-checkout.min.js à sua página.
📘 EXEMPLO
<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>Se a sua página contém um carrinho personalizado, pode-lhe interessar usar o modo híbrido do carrinho da nossa solução de checkout.
Dessa forma, o idioma e a moeda são ditados externamente, exclusivamente por si, veja a configuração.
Utilize a solução de checkout Ventrata apenas para a personalização de uma reserva já criada conforme descrito na seção Como editar um pedido se a funcionalidade de carrinho externo estiver ativada.