Un studio qui possède déjà son site peut y afficher son planning plutôt que d’utiliser le site fourni par Le Module : c’est le mode Plugin. La réservation, les crédits, les coachs, les produits et les emails fonctionnent comme d’habitude, et le back-office reste complet : pages, en-tête, pied de page et catégories servent aux pages de réservation et aux pages que le studio souhaite publier (mentions légales, offre découverte, événement). Le mode Plugin ajoute l’onglet Intégration. Le mode se choisit dans le formulaire d’essai gratuit, sans différence de prix. Les deux modes sont comparés dans Bienvenue : les deux modes.

Pour voir le rendu avant de se lancer, la page de démonstration affiche en direct le planning d’un studio, tel qu’il apparaît dans un site.

Démarrer un essai du planning intégré

Le formulaire d’essai gratuit demande quelle offre essayer : choisir le planning intégré ouvre un studio en mode Plugin, avec sa clé publique, un en-tête, un pied de page et les pages légales, sans page d’accueil (l’accueil du studio est son propre site). Le lien reçu par email mène à l’administration, où il reste quatre étapes :

déclarer l’adresse du site dans l’onglet Intégration des paramètres ;
copier le code à coller et le placer dans la page du site qui doit afficher le planning ;
créer une activité, un coach et une première séance ;
recevoir une première réservation, faite depuis le site.

La section Intégration de l’assistant de configuration suit ces étapes et indique celle qui reste à faire.

L’onglet Intégration

En mode Plugin, les paramètres comportent un onglet Intégration. Il réunit tout ce qu’il faut pour afficher le planning ailleurs :

La clé publique, créée automatiquement. Elle identifie l’entreprise dans le code collé sur le site et peut être publiée : elle ne donne aucun droit à elle seule.
Le code à coller, avec la clé déjà renseignée, le choix de ce qu’il affiche, un aperçu et un bouton Copier.
Les sites autorisés : les adresses des sites qui ont le droit d’afficher le planning.
L’adresse de réservation, facultative : un sous-domaine du studio (par exemple reservation.monstudio.fr) qui garde les clients sur le site du studio.

Préparer le code

Au-dessus du code, trois listes règlent ce que le planning affiche. Le code se met à jour à chaque choix.

Activité : toutes les activités, ou une seule. Seules les activités visibles sur le site sont proposées.
Coach : tous les coachs, ou un seul, avec la même règle.
Langue : français ou anglais, pour les libellés du planning.

L’aperçu affiche le planning tel qu’un visiteur non connecté le verra sur le site, avec les choix du moment, et fonctionne avant même d’avoir renseigné un site autorisé. Le bouton Copier place le code dans le presse-papiers ; si le navigateur le refuse, un message le signale et le code reste sélectionné pour une copie à la main. Pour afficher un planning par activité, il suffit de coller un code par activité, à des endroits différents du site.

Deux avertissements peuvent s’afficher : aucun site n’est encore autorisé (le planning ne s’affiche alors nulle part), ou l’entreprise n’a pas encore sa propre adresse de réservation prête, auquel cas la réservation se fait à son adresse Le Module. Cette adresse facultative est décrite dans Votre adresse de réservation.

Les sites autorisés

Le planning ne s’affiche que sur les sites listés, et nulle part tant que la liste est vide. Chaque adresse s’écrit sans chemin, par exemple https://www.monstudio.fr, et doit commencer par https://. Un site accessible avec et sans « www » compte pour deux adresses : il faut renseigner les deux.

Coller le code

Le code se colle à l’endroit où le planning doit apparaître, dans un bloc « Code » ou « HTML » du site (sous WordPress, le bloc « HTML personnalisé » ; sous Divi, le module « Code »). Le planning prend la largeur de son emplacement et la taille de texte du site, sans dépasser 16 pixels, et le style du site n’a aucun effet sur lui.

L’adresse de réservation (facultatif)

Cette étape est facultative : à effectuer seulement si les clients ne doivent pas quitter le site du studio. L’adresse de réservation est un sous-domaine du domaine du studio (par exemple reservation.monstudio.fr). Sans elle, la réservation se fait à l’adresse Le Module du studio. La mise en place est décrite dans Votre adresse de réservation.

Ce que voient les visiteurs

Le même planning que la page de réservation du studio : la semaine en colonnes quand la place le permet, un jour à la fois (avec défilement du doigt) dans un emplacement étroit, quelle que soit la taille de l’écran. Chaque séance indique l’horaire, l’activité, le coach, le prix en crédits et les places prises sur le total. Une séance qui ne peut pas être réservée est grisée : complète, trop proche de son début, trop lointaine, ou marquée indisponible avec son motif. Des boutons et un calendrier permettent de changer de jour ou de semaine, et le planning s’ouvre sur la prochaine séance réservable. Les coachs et activités masqués du site ne sont jamais affichés.

Réserver depuis le site

Un clic sur une séance réservable conduit le client sur l’adresse de réservation du studio, la séance déjà choisie. Il s’y connecte, crée son compte s’il n’en a pas, et achète des crédits si son solde ne suffit pas : ces étapes ne se font jamais dans le site du studio. Il confirme ensuite la réservation et revient automatiquement sur la page du site qu’il avait quittée, où le planning affiche « Réservation confirmée » avec l’activité, la date et l’heure de la séance.

Tout au long de la réservation, une barre en haut de page propose « Retour sur » le site du studio. Elle ramène à la page d’origine, sans rien réserver. Après un achat de crédits, le lien « Continuer ma réservation » de cette même barre revient sur la séance choisie.
Une séance complète, bloquée ou trop proche de son début est refusée avec le même message que sur la page de réservation, et la barre de retour reste disponible.
Le retour ne se fait que vers un site autorisé. Si le site a été retiré de la liste entre-temps, le client reste sur la page de réservation.
Avec une adresse de réservation propre au studio, le client ne quitte jamais son nom de domaine ; sans elle, la réservation se fait à l’adresse Le Module du studio, avec le même aller-retour.

Les clients connectés, avec votre adresse de réservation

Quand l’adresse de réservation propre au studio est prête, le planning reconnaît le client qui s’y est déjà connecté. Il réserve et annule alors sans quitter le site du studio :

Au-dessus du planning : son solde de crédits et un lien vers son espace client. Ses séances réservées sont marquées comme sur la page de réservation.
Un clic sur une séance ouvre la même fenêtre de réservation que sur la page de réservation : prix, solde, accompagnants quand le studio les accepte. La réservation suit les mêmes règles, avec les mêmes messages, et envoie les mêmes emails.
Une réservation encore annulable porte une croix : l’annulation se fait sur place, dans le délai d’annulation du studio, et rend les crédits.
La connexion, la création de compte et l’achat de crédits se font toujours sur l’adresse de réservation, avec l’aller-retour décrit plus haut. Un client non connecté trouve un lien « Se connecter » au-dessus du planning ; un client dont le solde ne suffit pas, un lien « Acheter des crédits » dans la fenêtre de réservation.
Si les informations du client ne peuvent pas être chargées, le planning le dit et la réservation passe par l’adresse de réservation : un solde n’est jamais affiché à zéro par erreur.

Cela ne fonctionne que si le site et l’adresse de réservation partagent le même nom de domaine (www.monstudio.fr et reservation.monstudio.fr), et seulement pour les sites autorisés. Sans adresse de réservation propre, chaque réservation passe par l’aller-retour.

Régénérer la clé

Le bouton Régénérer la clé remplace la clé immédiatement. Les pages qui portent l’ancienne n’affichent plus le planning, mais un message indiquant qu’il est indisponible, jusqu’à ce que leur code soit remplacé par le nouveau. À réserver au cas où la clé aurait été copiée sur un site non souhaité, la liste des sites autorisés suffisant d’ordinaire.

Intégrer le planning à votre site