Desejas integrar diferentes visualizações do teu calendário no teu website? Por exemplo, filtrar para cada um dos teus locais? Então este artigo tem o que procuras.
Tens a possibilidade de utilizar todos os filtros como visualizações directamente "filtradas" no teu calendário de cursos.
Actualmente te oferecemos os seguintes filtros para o teu calendário de cursos:
Tipo de evento (aula, sessão privada, evento especial)
Localização
Treinador
Página do evento
Seleciona a visualização com os filtros que desejas integrar
Clica em Definições > Calendário de reservas online > Partilhar o seu trabalho.
Copia o primeiro link exibido e abre-o em uma nova aba.
Ao lado direito agora vês todos os filtros disponíveis. Seleciona os filtros que desejas utilizar para criar a visualização do calendário que desejas.
Tens também a possibilidade de selecionar a visualização em lista dos eventos irregulares, caso os tenha habilitado.
Copia o link URL que vês na barra de endereço
Alteração do código
Volte à FitogramPro e clica em Definições > Calendário de reservas online > Partilhar o seu trabalho.
Em Integrações , seleciona "Incorporar no website" iFrame
Copia o código
Substitua o código https://widget.fitogram.pro/your_domain pelo código que acabaste de copiar.
⚠️ Nota que a parte "&fito-embedded=true" do URL deve permanecer
Agora podes integrar todo o código customizado no local desejado no teu website.
Exemplo:
Este é um código iFrame irregular:
<!-- Fitogram Booking Tool starts here -->
<iframe
frameborder="0"
scrolling="yes"
src="https://widget.fitogram.pro/my_domain/?fito-embedded=true&w=/list-view"
width="100%"
height="800px">
</iframe>
<!-- Fitogram Booking Tool ends here -->
Agora gostaria de exibir apenas eventos do tipo "Sessões privadas". Aqui está o URL filtrado:
https://widget.fitogram.pro/my_domain/?f=type/Appointment&w=/list-view
O código iFrame para a visualização filtrada parece como este:
<!-- Fitogram Booking Tool starts here -->
<iframe
frameborder="0"
scrolling="yes"
src="https://widget.fitogram.pro/my_domain/?f=type/Appointment&w=/list-view"
width="100%"
height="800px">
</iframe>
<!-- Fitogram Booking Tool ends here -->
#Link calendário #Relacionar ferramenta de marcações #Exibir calendário de cursos no meu website