Intégrer un emploi du temps sur un site web
Affichez un planning publié avec une hauteur automatique ou un iframe à hauteur fixe.
Sur cette page
Avant de commencer
- Connectez-vous comme propriétaire et publiez le planning. Le forfait gratuit permet le planning principal ; les autres nécessitent Pro.
- Utilisez le site ScheduleBuilder. Les options d’intégration et WordPress sont absentes des applications Android et Windows.
- Vous devez pouvoir modifier une zone web acceptant un iframe. La hauteur automatique nécessite aussi une balise script.
Choisir les options d’intégration
Ouvrez Partager → Intégrer pour le planning publié.
Choisissez la Langue, puis Afficher ou Masquer pour Titre du planning. Le texte des événements n’est pas traduit.
Vérifiez les calendriers synchronisés : de futurs événements et changements peuvent devenir publics, avec leurs descriptions disponibles toujours incluses. Déconnecter ne dépublie pas les événements conservés ; dépubliez séparément pour arrêter l’accès public.
Comprendre le contenu synchronisé et l’accès public
Choisissez une taille, puis Copier. Le code contient le jeton actuel, la langue et le choix du titre. Dans les exemples, remplacez TOKEN par le jeton du lien public, pas par le nom ou l’identifiant privé du planning.
Option 1 : Hauteur automatique
Dans Taille d’intégration, choisissez Auto et copiez tout le code, iframe et embed.js. Le script ajuste la hauteur. Si le site supprime les scripts, utilisez des dimensions fixes.
<iframe src="https://schedulebuilder.net/fr/e/TOKEN" width="100%" height="240" style="border:0;display:block" loading="lazy" title="Schedule"></iframe>
<script async src="https://schedulebuilder.net/embed.js"></script>Option 2 : Dimensions fixes
Choisissez Taille d’intégration → Personnalisé, saisissez Largeur et Hauteur, puis Copier. embed.js n’est pas nécessaire. 100% et 600 donnent toute la largeur disponible et une hauteur de 600 pixels.
<iframe src="https://schedulebuilder.net/fr/e/TOKEN" width="100%" height="600" style="border:0" loading="lazy" title="Schedule"></iframe>Insérer et vérifier
Collez le code dans la zone HTML ou de code personnalisé du site.
Enregistrez et consultez la page comme visiteur sur ordinateur et mobile : langue, titre, détails des événements et dimensions.
| Problème | À vérifier |
|---|---|
| Planning coupé | Avec Auto, autorisez embed.js. Avec Personnalisé, augmentez Hauteur. Si les scripts sont supprimés, utilisez des dimensions fixes. |
| Modifications absentes | Attendez leur enregistrement, puis rechargez la page. Les changements ordinaires ne nécessitent pas de nouveau code. |
| Planning indisponible | Vérifiez d’abord le lien public. Le planning doit rester publié et accessible avec le forfait du propriétaire. |
Ce que montre une intégration
Elle affiche le planning et les détails des événements en lecture seule, avec un filigrane et un lien ScheduleBuilder, même si le propriétaire a Pro. Elle ne propose ni marque personnalisée ni commandes publiques d’export, d’impression, de partage ou d’édition. Les tâches privées, leurs notes et les Notes du propriétaire sont exclues ; les descriptions restent visibles.