Nouveau : un planning de cours hebdomadaire sur votre site

La version 4.1.11 de WebAcappella Fusion est disponible, et elle apporte un nouveau composant : un planning hebdomadaire de cours. Salles de sport, studios de yoga ou de pilates, clubs, écoles de danse, associations, ateliers, centres de loisirs : si votre activité se résume à des créneaux qui se répètent chaque semaine, vous avez enfin de quoi les afficher proprement sur votre site.

Si vous affichez aujourd'hui votre planning sous forme d'image, exportée d'un tableur ou d'un PDF, vous en connaissez les limites : un texte illisible sur téléphone, une image à refaire à chaque changement d'horaire, et un contenu que les moteurs de recherche ne lisent pas. Le nouveau composant règle ces trois problèmes d'un coup.

Un vrai planning, pas un tableau

La différence avec un tableau, c'est la ligne de temps. Chaque jour occupe une colonne, chaque cours est placé à son heure exacte, et sa hauteur est proportionnelle à sa durée : un cours d'une heure et demie est visiblement plus long qu'une séance de quarante-cinq minutes. Deux cours qui se chevauchent sur le même créneau s'affichent côte à côte. On lit le planning d'un coup d'œil, comme sur le tableau blanc de l'accueil.

Les cours sont rattachés à des activités réutilisables. Vous définissez une fois « Yoga », « Pilates » ou « Boxe », avec une couleur de fond et une couleur de texte, puis vous les affectez aux créneaux. Changez la couleur du yoga, et tous les cours de yoga suivent. Chaque cours peut en plus indiquer un coach, une salle et une note libre : niveau requis, réservation obligatoire, matériel à apporter.

Premiers pas : votre planning en cinq minutes

Le composant se trouve dans la bibliothèque de composants. Une fois posé dans une section, il arrive pré-rempli d'un exemple (yoga, cross training, pilates, boxing, et quelques cours répartis sur la semaine) pour que vous voyiez immédiatement le rendu. Tout le reste se passe dans une fenêtre de réglages dédiée.

1. Ajoutez le composant Planning à la section de votre choix depuis la bibliothèque de composants.
2. Double-cliquez sur le planning (ou cliquez sur « Configurer le planning... » dans l'inspecteur) pour ouvrir la fenêtre de réglages.
3. Dans l'onglet des activités, remplacez les activités d'exemple par les vôtres : un nom, une couleur de fond, une couleur de texte.
4. Dans l'onglet des cours, supprimez les cours d'exemple et ajoutez les vôtres avec le bouton d'ajout : activité, jour, heure de début et de fin, puis, si vous le souhaitez, coach, salle et note.
5. Fermez la fenêtre : le planning se met à jour dans la page, prêt à être publié.

Des réglages qui s'adaptent à votre activité

Un club ouvert du lundi au samedi n'a pas les mêmes besoins qu'un centre de loisirs qui alterne deux semaines. La fenêtre de réglages couvre ces cas sans bricolage :

• Jours : la semaine complète par défaut, du lundi au dimanche. Retirez les jours de fermeture ou changez leur ordre.
• Plage horaire : automatique selon les cours saisis (le planning commence au premier cours et s'arrête au dernier, arrondi à l'heure), ou fixe si vous préférez afficher vos horaires d'ouverture.
• Lignes d'heures : une ligne par heure, ou toutes les 30, 15 ou 10 minutes si vos cours démarrent à la demie ou au quart.
• Format de l'heure : 24 h ou AM/PM, selon votre public.
• Densité : le réglage « Pixels par heure » rend le planning plus compact ou plus aéré. Il est responsive, vous pouvez donc l'ajuster écran par écran.
• Apparence : couleurs et texte des en-têtes de jour et de la colonne des heures, lignes de la grille et séparateurs de jours, puis, pour les cours eux-mêmes, la taille du texte, l'arrondi, la marge intérieure, et le choix d'afficher ou non l'heure, le coach et la salle.

Sur le site publié : filtres et légende

Au-dessus du planning, vos visiteurs disposent de boutons de filtre : un bouton pour tout afficher et un bouton par activité. Un clic sur « Pilates » ne laisse visibles que les cours de pilates, un second clic rétablit le planning complet. C'est particulièrement utile sur un planning chargé, où chacun ne cherche que sa discipline. La barre n'apparaît que si au moins deux activités sont utilisées. Une légende reprenant les activités et leurs couleurs peut aussi être affichée sous le planning ; elle est désactivée par défaut, puisque chaque cours porte déjà le nom de son activité et que les boutons de filtre jouent le même rôle.

Sur mobile, le planning devient une liste

Sept colonnes sur un écran de téléphone, ce n'est pas lisible, quel que soit le soin apporté. En dessous d'un seuil mobile réglable dans l'inspecteur, le planning bascule automatiquement en liste jour par jour : lundi, puis ses cours dans l'ordre, puis mardi, et ainsi de suite. Vous choisissez à partir de quelle taille d'écran la bascule se fait, ou vous forcez l'un des deux modes en permanence. Les filtres restent actifs en mode liste, et un jour dont tous les cours sont masqués disparaît de la liste.

Un planning traduit avec le reste du site

Si votre site est multilingue, le planning suit : les noms d'activités, les salles et les notes sont des textes traduisibles comme n'importe quel autre contenu, et les noms des jours s'affichent dans la langue de chaque version du site. Seul le nom du coach reste identique dans toutes les langues, ce qui est bien le comportement attendu.

Également dans la 4.1.11

• Tableau : un lien sur une cellule. Une cellule peut désormais pointer vers une page du site, une adresse web, un e-mail, un fichier à télécharger ou une ancre, depuis la mini barre d'outils de la cellule ou par clic droit. Le texte est souligné dans l'éditeur comme sur le site, et le soulignement se désactive dans l'onglet Apparence du tableau.
• Vérificateur de liens : tableaux et conteneurs flexibles. Lorsqu'un tableau ou un conteneur flexible suivait un composant texte, ses adresses web et e-mails échappaient aux outils de vérification et de remplacement de liens. Ils sont maintenant parcourus.

Ce qu'il faut faire de votre côté

1. Mettez WebAcappella Fusion à jour en version 4.1.11.
2. Ajoutez le composant Planning à la page de vos horaires, saisissez vos activités puis vos cours.
3. Vérifiez le rendu mobile dans l'éditeur, ajustez le seuil mobile si besoin, puis publiez votre site.

En résumé

• Un planning de cours hebdomadaire sur une vraie ligne de temps : une colonne par jour, des cours placés à leur heure, une hauteur proportionnelle à la durée.
• Des activités réutilisables avec leurs couleurs, et pour chaque cours un coach, une salle et une note.
• Jours, plage horaire, lignes d'heures, format de l'heure, densité et apparence de chaque zone : tout se règle dans une fenêtre dédiée.
• Sur le site publié, des boutons de filtre par activité et une légende optionnelle.
• Sur mobile, une liste jour par jour à partir d'un seuil que vous choisissez.
• Réservé à la licence SP4, utilisable en version d'essai.

Si vous affichiez jusqu'ici votre planning en image, c'est le moment de le remplacer : vos visiteurs le liront sur leur téléphone, les moteurs de recherche liront vos activités, et le prochain changement d'horaire se fera en deux clics au lieu d'un export.