Ir para conteúdo principal

Eventos personalizados

Integre a solução de checkout Ventrata a aplicações externas utilizando eventos personalizados.

Atualizado ontem

Evento

Detalhes

Nome

ventrata-order-created

Descrição

é acionado após a criação da encomenda, com o order ID como detalhe do evento

Uso

document.addEventListener('ventrata-order-created', 
(event) => {
alert(`ventrata order created with ID :${event.detail.id}`)
}
)

Evento

Detalhes

Nome

ventrata-order-updated

Descrição

é acionado após a atualização da encomenda, com o order ID como detalhe do evento

Uso

document.addEventListener('ventrata-order-updated',
(event) => {
alert(`ventrata order with ID :${event.detail.id} was updated`)
}
)

Evento

Detalhes

Nome

ventrata-order-confirmed

Descrição

é acionado após a encomenda ser confirmada (marcada como paga), com o order ID como detalhe do evento

Uso

document.addEventListener('ventrata-order-confirmed',
(event) => {
alert(`ventrata order with ID :${event.detail.id} was successfully paid`)
}
)

Evento

Detalhes

Nome

ventrata-order-expired

Descrição

é acionado após a encomenda expirar, com o order ID como detalhe do evento

Uso

document.addEventListener('ventrata-order-expired',
(event)=>{
alert(`ventrata order with ID:${event.detail.id} expired`)
}
)

Evento

Detalhes

Nome

ventrata-booking-created

Descrição

é acionado após a criação da reserva, com o booking ID como detalhe do evento

Uso

document.addEventListener('ventrata-booking-created',
(event) => {
alert(`ventrata booking created with ID :${event.detail.id}`)
}
)

Evento

Detalhes

Nome

ventrata-booking-updated

Descrição

é acionado após a atualização da reserva, com o booking ID como detalhe do evento

Uso

document.addEventListener('ventrata-booking-updated',
(event) => {
alert(`ventrata booking updated with ID :${event.detail.id}`)
}
)

Evento

Detalhes

Nome

ventrata-booking-removed

Descrição

é acionado após a remoção da reserva, com o booking ID como detalhe do evento

Uso

document.addEventListener('ventrata-booking-removed',
(event) => {
alert(`ventrata booking removed with ID :${event.detail.id}`)
}
)

Evento

Detalhes

Nome

ventrata-checkout-closed

Descrição

é acionado quando o widget pop-up da Ventrata é fechado

Uso

document.addEventListener('ventrata-checkout-closed',
(event) => {
alert(`pop-up is closed`)
}
)

📒 NOTA

Este evento é acionado sempre que o checkout é fechado — ou seja, em qualquer tipo de fecho. Por exemplo:

  • quando nenhuma encomenda é criada e o utilizador abre e fecha o checkout,

  • quando existe uma multireserva e alguém clica em “X”,

  • ou quando uma encomenda é concluída e alguém, mesmo assim, clica em “X”.

É importante ter isto em conta se pretender ligar alguma lógica a este evento. Por exemplo, se quiser acionar um inquérito para perceber porque é que os clientes abandonaram o checkout, terá também de verificar se foi criada alguma encomenda e se esta não foi paga, em conjunto com este evento.


Evento

Detalhes

Nome

ventrata-bottom-bar-visibility

Descrição

é acionado quando a barra inferior é apresentada ou ocultada

Uso

document.addEventListener('ventrata-bottom-bar-visibility',
(event) => {
alert(`bottom bar visibility is ${event.detail.visible}`)
}
)

Evento

Detalhes

Nome

ventrata-open-external-cart

Descrição

é acionado quando a encomenda chega à página Contact Details (Detalhes de contacto) antes de serem introduzidos quaisquer dados de contacto

Uso

document.addEventListener('ventrata-open-external-cart',
({detail: {id}}) =>
alert(`order ${id} created and flow is finished, now you can simulate redirect`)
}
)

Isto respondeu à sua pergunta?