Suporte
Documentação

Colocar SuperSaaS em um quadro

Se você precisar de mais controle sobre o layout da página do que as opções de personalização permitem, você pode colocar seu calendário dentro de um quadro em seu próprio site. Por exemplo, você pode querer adicionar uma barra de menu ao lado do calendário com botões para outras partes do seu site. A página de configurações de layout tem uma opção para desligar o cabeçalho e rodapé para que você possa substituí-los por conta própria. Este código iria exibir um calendário dentro de um quadro em seu site:

Selecione seu calendário:
<iframe src="https://www.supersaas.com/schedule/demo/Therapist" width="100%" height="800"> </iframe>
Este tutorial pode exibir trechos de código relevantes para sua conta se você log in.
integração baseada em iframe
Você pode usar os parâmetros de URL para pre selecionar um data ou visualização ao carregar sua agenda para o iframe. Basta estender o link para a sua agenda com os parâmetros apropriados.

Você pode alterar os valores para largura e altura para ajustar o iframe em seu site. Se você quiser exibir uma versão mais compacta do seu horário para fazê-lo caber melhor dentro de um quadro, você poderia pensar em usar a versão mobile do site em no lugar. Você pode acessar a versão mobile do site, substituindo o nome de domínio com m.supersaas.com no endereço da web do seu calendário:

<iframe width="300" src="https://www.supersaas.com/schedule/demo/Therapist">
</iframe>
integração baseada em iframe, usando versão móvel do cronograma

Se você estiver usando um iframe e você configurou seu calendário para redirecionar as pessoas de volta ao seu site após a reserva, então você pode precisar adicionar uma forma de “escapar” do iframe. A página de destino do seu site aparece dentro do quadro em seu site em cima do retorno, o que parece quebrado a menos que você tenha ajustado a página de destino para caber no quadro. Uma maneira de escapar de um iframe é adicionando um pedaço de JavaScript dentro da tag <body> da página que os usuários irão estar em quando eles retornam, como abaixo:

<script>
  if (window != top) top.location.href = location.href
</script>