ℹ️ Este artigo será atualizado à medida que lançarmos mais melhorias ao longo dos próximos meses.
O widget de Calendário do bsport permite-lhe apresentar o seu Horário de aulas diretamente no seu website, para que os clientes possam consultar e reservar aulas sem sair do seu site. Encontrará estas opções em Definições > Widgets, no passo 2 · Configuração do separador Configurar, depois de ter selecionado o widget de Calendário.
1. Visualização
Escolha como o calendário é apresentado. A pré-visualização à direita é atualizada à medida que altera cada opção.
Vista semanal, modo lista — as sessões são apresentadas umas abaixo das outras ao longo da semana.
Vista semanal, modo cartão — as sessões aparecem como cartões. Na vista responsiva pode optar por separar as sessões da manhã, da tarde e da noite. Se tiver muitos horários livres durante a semana, recomendamos desativar esta opção para que as sessões sejam apresentadas umas abaixo das outras.
Visualização responsiva — o calendário é apresentado em modo cartão por predefinição e passa para o modo lista em dispositivos móveis.
Sessões do dia — apenas são apresentadas as sessões do dia atual, sem cabeçalhos e sem filtros.
2. Informação em destaque no título da aula
Informação em destaque no título da aula permite-lhe escolher que informação aparece em primeiro lugar em cada cartão do calendário: Serviço, Professor ou Horário.
3. Opções de filtro
Os filtros ajudam os clientes a encontrar as aulas que correspondem às suas preferências. Pode filtrar o calendário por:
Professor — mostrar aulas com professores específicos.
Serviço — filtrar por tipo de aula, por exemplo Yoga, Pilates ou HIIT.
Estabelecimentos — mostrar aulas num estabelecimento específico.
Nível — filtrar por dificuldade, por exemplo Iniciante, Intermédio ou Todos os níveis.
Filtros do calendário em dispositivos móveis
Em dispositivos móveis, a barra de pesquisa e os filtros são apresentados horizontalmente, pelo que os clientes precisam de deslocar o ecrã lateralmente para os ver todos. Para alterar isto, cole um dos trechos de código abaixo no seu editor de CSS personalizado.
Mostrar todos os filtros — dispõe os filtros em várias linhas para que fiquem todos visíveis ao mesmo tempo:
@media (max-width: 500px) { .bs-marketplace-filters__list { flex-wrap: wrap; justify-content: center; }}
Ocultar todos os filtros — remove os filtros em dispositivos móveis por completo:
@media (max-width: 500px) { .bs-marketplace-filters__list { display: none; }}
Cole qualquer um dos trechos de código na área de CSS personalizado do widget de calendário no seu back office, em Definições > Widgets > CSS.
Para ocultar um elemento específico em vez de toda a barra de filtros, consulte o nosso guia sobre como remover um elemento utilizando CSS personalizado:
4. Publicar o widget no seu website
Depois de configurar o seu widget, abra o passo 3 · Publicar.
Selecione Copiar código de incorporação.
Aceda ao editor do seu website.
Adicione um bloco de HTML ou elemento de código e cole o código.
Para verificar o widget antes de o adicionar ao seu site, copie antes a ligação de pré-visualização no mesmo passo.
Importante: a configuração que definir no Back Office não é atualizada automaticamente no seu website. Sempre que alterar a configuração, é gerado um novo código de incorporação. As suas alterações só aparecem depois de colar o novo código no seu website.
Se encontrar problemas, consulte o nosso artigo sobre os problemas mais comuns dos widgets. Para quaisquer outras questões, contacte o seu Account Manager.