Novidade: um cronograma semanal de aulas no seu site

A versão 4.1.11 do WebAcappella Fusion já está disponível e traz um novo recurso: um planejamento semanal de aulas. Academias, estúdios de ioga ou pilates, clubes, escolas de dança, associações, oficinas, centros de lazer: se sua atividade se resume a horários que se repetem toda semana, você finalmente tem como exibi-los de forma organizada no seu site.

Se hoje você exibe sua programação na forma de imagem, exportada de uma planilha ou de um PDF, conhece bem suas limitações: texto ilegível no celular, uma imagem que precisa ser refeita a cada alteração no horário e um conteúdo que os mecanismos de busca não reconhecem. O novo componente resolve esses três problemas de uma só vez.

Um verdadeiro planejamento, não uma tabela

A diferença em relação a um quadro é a linha do tempo. Cada dia ocupa uma coluna, cada aula é posicionada em seu horário exato, e sua altura é proporcional à sua duração: uma aula de uma hora e meia é visivelmente mais longa do que uma sessão de quarenta e cinco minutos. Duas aulas que se sobrepõem no mesmo horário são exibidas lado a lado. É possível ler a programação de relance, como no quadro branco da recepção.

As aulas estão vinculadas a atividades reutilizáveis. Você define uma vez “Yoga”, “Pilates” ou “Boxe”, com uma cor de fundo e uma cor de texto, e depois as atribui aos horários. Altere a cor do yoga, e todas as aulas de yoga serão atualizadas automaticamente. Além disso, cada aula pode indicar um treinador, uma sala e uma observação livre: nível exigido, reserva obrigatória, material a ser trazido.

Primeiros passos: sua programação em cinco minutos

O componente está na biblioteca de componentes. Depois de inserido em uma seção, ele vem pré-preenchido com um exemplo (ioga, cross training, pilates, boxe e algumas aulas distribuídas ao longo da semana) para que você veja imediatamente o resultado. Todo o restante é feito em uma janela de configurações dedicada.

1. Adicione o componente Agenda à seção de sua escolha a partir da biblioteca de componentes.
2. Clique duas vezes na programação (ou clique em “Configurar a programação...” no inspetor) para abrir a janela de configurações.
3. Na aba “Atividades”, substitua as atividades de exemplo pelas suas: um nome, uma cor de fundo e uma cor de texto.
4. Na aba “Aulas”, exclua as aulas de exemplo e adicione as suas usando o botão “Adicionar”: atividade, dia, hora de início e de término e, se desejar, instrutor, sala e nota.
5. Feche a janela: a programação é atualizada na página, pronta para ser publicada.

Configurações que se adaptam à sua atividade

Um clube aberto de segunda a sábado não tem as mesmas necessidades que um centro de lazer que alterna a cada duas semanas. A janela de configurações abrange esses casos sem a necessidade de ajustes manuais:

• Dias: a semana completa por padrão, de segunda a domingo. Remova os dias de fechamento ou altere sua ordem.
• Faixa horária: automática de acordo com as aulas inseridas (a programação começa na primeira aula e termina na última, arredondada para a hora), ou fixa, caso prefira exibir seus horários de funcionamento.
• Linhas de horas: uma linha por hora, ou a cada 30, 15 ou 10 minutos, caso suas aulas comecem na meia-hora ou no quarto de hora.
• Formato da hora: 24 horas ou AM/PM, dependendo do seu público.
• Densidade: a configuração “Pixels por hora” torna a programação mais compacta ou mais espaçada. Ela é responsiva, portanto, você pode ajustá-la tela por tela.
• Aparência: cores e texto dos cabeçalhos dos dias e da coluna de horas, linhas da grade e separadores de dias; além disso, para as aulas propriamente ditas, o tamanho do texto, o arredondamento, a margem interna e a opção de exibir ou não a hora, o instrutor e a sala.

No site publicado: filtros e legenda

Acima da programação, seus visitantes têm à disposição botões de filtro: um botão para exibir tudo e um botão por atividade. Um clique em “Pilates” deixa visíveis apenas as aulas de pilates; um segundo clique restaura a programação completa. Isso é particularmente útil em uma programação lotada, onde cada pessoa procura apenas sua modalidade. A barra só aparece se pelo menos duas atividades estiverem em uso. Uma legenda com as atividades e suas cores também pode ser exibida abaixo da programação; ela vem desativada por padrão, já que cada aula já traz o nome da atividade e os botões de filtro cumprem a mesma função.

No celular, a programação se transforma em uma lista

Sete colunas em uma tela de celular não são legíveis, por mais cuidado que se tenha. Abaixo de um limite para dispositivos móveis ajustável no inspetor, a programação muda automaticamente para uma lista dia a dia: segunda-feira, seguida das aulas nessa ordem, depois terça-feira e assim por diante. Você escolhe a partir de qual tamanho de tela a mudança ocorre ou força um dos dois modos permanentemente. Os filtros permanecem ativos no modo de lista, e um dia cujas aulas estão todas ocultas desaparece da lista.

Uma programação traduzida junto com o restante do site

Se o seu site for multilíngue, a agenda acompanha essa configuração: os nomes das atividades, as salas e as notas são textos traduzíveis como qualquer outro conteúdo, e os nomes dos dias são exibidos no idioma de cada versão do site. Apenas o nome do treinador permanece o mesmo em todos os idiomas, o que é exatamente o comportamento esperado.

Também na versão 4.1.11

• Tabela: um link em uma célula. Agora, uma célula pode apontar para uma página do site, um endereço da web, um e-mail, um arquivo para download ou uma âncora, a partir da minibarra de ferramentas da célula ou por meio de um clique com o botão direito. O texto fica sublinhado no editor, assim como no site, e o sublinhado pode ser desativado na aba “Aparência” da tabela.
• Verificador de links: tabelas e contêineres flexíveis. Quando uma tabela ou um contêiner flexível vinha logo após um componente de texto, seus endereços da web e e-mails escapavam das ferramentas de verificação e substituição de links. Agora, eles são verificados.

O que você precisa fazer

1. Atualize o WebAcappella Fusion para a versão 4.1.11.
2. Adicione o componente “Agenda” à página de horários, insira suas atividades e, em seguida, suas aulas.
3. Verifique a exibição em dispositivos móveis no editor, ajuste o limite para dispositivos móveis se necessário e, em seguida, publique seu site.

Em resumo

• Um planejamento de aulas semanal em uma linha do tempo real: uma coluna por dia, aulas posicionadas em seus horários, com altura proporcional à duração.
• Atividades reutilizáveis com suas cores e, para cada aula, um instrutor, uma sala e uma nota.
• Dias, intervalo horário, linhas de horas, formato da hora, densidade e aparência de cada área: tudo é configurado em uma janela dedicada.
• No site publicado, botões de filtro por atividade e uma legenda opcional.
• No celular, uma lista dia a dia a partir de um limite que você escolhe.
• Exclusivo para a licença SP4, disponível na versão de teste.

Se até agora você exibia sua programação como imagem, é hora de substituí-la: seus visitantes poderão visualizá-la em seus celulares, os mecanismos de busca indexarão suas atividades e a próxima alteração no horário será feita com apenas dois cliques, em vez de uma exportação.