Pode configurar o checkout para ser exibido de duas formas:
Análise estática
Este método é usado quando um elemento HTML visível, como um botão, anchor ou um elemento div, é clicado. Os seguintes métodos são usados para cada modo:
Modo pop-up: Use o atributo
ventrata-checkoutno elemento HTML.
Modo incorporado: Use o atributo
ventrata-embedded-widgetno HTML.
📘 EXEMPLO
Adicionar o código abaixo exibirá o checkout com o produto especificado e o inglês como idioma por defeito.
<button
type="button"
data-config='{"productID":"lwdvpS7Z8jmrxZ9TvRVMQ9KrEHPuCwtTT2bS", "lang":"en", "referrer": "hilton.com"}'
ventrata-checkout
>
Book Now
</button>
Execução dinâmica
O checkout Ventrata é totalmente compatível com qualquer integração baseada em JavaScript. Teoricamente, não precisa de nenhum elemento HTML visível como gatilho. Em vez disso, pode reagir a eventos, como quando uma aplicação de terceiros aciona um evento que pretende capturar. Em alternativa, pode mostrar automaticamente uma janela emergente quando o utilizador faz scroll até uma área específica da página.
Fornece o mesmo fluxo e suporta os mesmos parâmetros da análise estática. Apenas o formato é diferente. Abaixo está uma comparação direta com o exemplo de análise estática acima:
window.Ventrata({
"productID":"lwdvpS7Z8jmrxZ9TvRVMQ9KrEHPuCwtTT2bS",
"lang":"en",
"referrer": "hilton.com"
})