Coloque o 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, pode colocar sua agenda dentro de um quadro no seu próprio site. Por exemplo, talvez você queira adicionar uma barra de menu ao lado da agenda com botões para outras partes do seu site. A página de Configurações de layout tem uma opção para desligar cabeçalho e rodapé, para que você possa substituí-los pelos seus. Este código exibiria uma agenda dentro de um quadro no seu site:

Use um quadro apenas se você realmente precisar incorporar uma página inteira do SuperSaaS ao seu próprio layout. Se um link ou widget atender à sua necessidade, essas opções costumam ser mais simples e confiáveis.

Selecione sua agenda:


	<iframe src="https://www.supersaas.com/schedule/demo/Therapist" width="100%" height="800"> </iframe>

Esta página pode exibir trechos de código relevantes para a sua conta se você entrar.

Versões recentes do Safari bloqueiam todos os cookies dentro de um iframe. Isso significa que usuários de Mac e iPhone verão um pop-up pedindo permissão para cookies. Além disso, depois terão de clicar em um link com a mensagem “Clique aqui para tentar definir um cookie”. Como consequência, a integração em um quadro não oferece uma experiência muito boa para eles.

Um quadro é mais adequado quando a agenda é usada principalmente para visualização ou para fluxos internos bem controlados. Para páginas públicas de reservas, teste com cuidado no Safari e no iPhone antes de adotar essa abordagem.

Você pode alterar os valores de width e height para ajustar o iframe ao seu site. Se quiser exibir uma versão mais compacta da sua agenda para encaixá-la melhor em um quadro, considere usar a versão móvel do site. Você pode acessar a versão móvel substituindo o nome do domínio por m.supersaas.com no endereço da web da sua agenda. Uma alternativa é adicionar ?m=1 ao final da URL, o que é útil se você usa um domínio personalizado. Por exemplo:


	<iframe width="300" src="https://www.supersaas.com/schedule/demo/Therapist">

	</iframe>

Integração baseada em iframe usando a versão móvel da agenda

Se você estiver usando um iframe e tiver configurado a agenda para redirecionar as pessoas de volta ao seu site após a reserva, talvez seja necessário adicionar uma forma de “escapar” do iframe. A página de destino do seu site aparecerá dentro do quadro ao retornar, o que parecerá quebrado, a menos que você tenha projetado essa página especificamente para caber no quadro. Uma forma de escapar de um iframe é adicionar um trecho de JavaScript dentro da tag <body> da página em que seus usuários vão aterrissar ao retornar, como no exemplo abaixo:


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