Como embarcar as reservas no seu site (embed iframe)

Para embarcar o agendamento no seu site, usamos iframe no momento.

Alterar os valores de XXXXXXX para o nome da sua conta, tanto no javascript quanto no iframe.

Manter a altura do iframe em 1400px.

Fazer a página ir para o topo (scroll top) a cada request:

Dentro do código javascript, usamos a função scrollTo(0,0); do bootstrap para rolar a página para o topo a cada vez que o cliente clicar em uma opção na sequência de telas.

Você deve mudar a função scrollTo(0,0); para a que você usa no seu site e descomentar o código.

// Mudar a validacao de origem para a conta da pessoa (XXXXXXX)
// Usar metodo existente no proprio site da pessoa para fazer scroll top, no caso da wecare ja tinha o scrollTo(0,0);
<script type="text/javascript">
function receiveMessage(event)
{
if (event.origin !== "https://XXXXXXX.agoraos.com.br") return;
// Faz o scroll ir para o topo a cada request dentro do iframe.
// scrollTo(0,0);
}
addEventListener("message", receiveMessage, false);
</script>


// Codigo do iFrame
<iframe src="https://XXXXXXX.agoraos.com.br/interface/public/apple/reservation" title="Wecare Agendamento" width="100%" height="1200" style="border:none; overflow-x:hidden;"></iframe>