Comment ajouter la réservation en ligne à votre site web existant
Vous n’avez pas besoin de reconstruire votre site ni de remplacer votre CMS pour commencer à accepter des réservations en ligne. Avec Schedito, vous configurez séparément les services, ressources et disponibilités, puis ajoutez le widget à la page où les clients doivent réserver.
Ce guide explique le processus général. Les étapes exactes dans l’éditeur diffèrent entre WordPress, Wix, Webflow, Squarespace, Joomla et les sites sur mesure, mais l’architecture de réservation reste la même.
Ce dont vous avez besoin avant de commencer
Accès à votre site web
Vous devez avoir accès à la page ou au modèle où du HTML, du contenu intégré ou du code personnalisé peut être ajouté.
Un calendrier de réservation configuré
Votre calendrier Schedito doit déjà contenir les services, ressources et disponibilités que vous souhaitez proposer à la réservation.
Quelques minutes pour tester
Après avoir publié le widget, effectuez une vraie réservation de test et vérifiez l’ensemble de l’expérience client avant de promouvoir la page.
1. Configurez ce que les clients peuvent réserver
Commencez dans Schedito plutôt que dans l’éditeur de votre site. Créez le calendrier de réservation et ajoutez les services que les clients doivent pouvoir choisir.
Pour chaque service, définissez la durée appropriée et associez les personnes ou autres ressources nécessaires pour le fournir. Les ressources peuvent représenter des membres du personnel, des salles, du matériel ou une capacité utilisée par une session ou un événement partagé.
Cette séparation est importante : votre site web affiche l’expérience de réservation, tandis que Schedito reste responsable de sa configuration.
Ce que le client réserve
Durée nécessaire pour la réservation
Qui ou quoi est nécessaire pour le fournir
09:00–17:00
Fermé ou horaires différents
Disponible uniquement à une date et une heure sélectionnées
2. Définissez quand les réservations sont disponibles
Configurez les disponibilités récurrentes habituelles des personnes ou ressources concernées. Ajoutez ensuite des exceptions pour les dates où le planning normal ne doit pas s’appliquer.
Cela permet de représenter les horaires de travail habituels, les jours fériés, les fermetures, les périodes d’ouverture exceptionnelles et les sessions qui n’existent qu’à une date précise.
Schedito calcule les horaires de réservation à partir de ces règles au lieu de vous obliger à créer manuellement chaque créneau possible à l’avance.
3. Ajoutez le widget de réservation Schedito à votre site web
Choisissez la page où la réservation est la plus pertinente, par exemple une page Réserver, Rendez-vous, Contact ou une page dédiée à un service.
Ajoutez le conteneur du widget Schedito en utilisant les identifiants de l’organisation et du calendrier public correspondant à votre calendrier de réservation. Votre site doit également charger les ressources Schedito nécessaires à l’intégration.
Dans un constructeur de site, vous placez généralement ce code dans un composant HTML, d’intégration ou de code personnalisé. Sur un site sur mesure, il peut être ajouté directement au modèle approprié.
Exemple de conteneur du widget
<div class="schedito-widget"
data-organization-id="YOUR_ORGANIZATION_ID"
data-calendar-public-id="YOUR_CALENDAR_PUBLIC_ID">
</div>Choisissez maintenant votre plateforme de site web
Le modèle de réservation Schedito reste identique, mais la meilleure façon de placer les trois éléments du widget dépend de la manière dont votre site est construit.
WordPress
Suivez les instructions spécifiques à WordPress pour charger les ressources Schedito partagées et placer le calendrier de réservation sur votre site.
Wix
Suivez l’intégration iframe spécifique à Wix, où le CSS Schedito, le DIV du widget et le JavaScript restent ensemble dans l’intégration HTML.
Webflow
Utilisez le code personnalisé Webflow pour les ressources partagées et un Code Embed à l’endroit où le calendrier de réservation doit apparaître.
Squarespace
Utilisez l’injection de code Squarespace pour les ressources partagées et un bloc de code pour le widget propre au calendrier.
Joomla
Chargez les ressources frontend partagées au niveau du site ou du modèle et placez les calendriers individuels via des modules personnalisés Joomla.
Site web sur mesure
Intégrez Schedito directement à votre propre architecture HTML, CSS et JavaScript.
4. Testez avant de y envoyer vos clients
Une page de réservation fait partie du parcours client. Testez-la comme un client, pas seulement comme la personne qui l’a configurée.
Tester le parcours client
Ouvrez la page publiée comme un visiteur normal. Sélectionnez un service, une date et une heure, puis effectuez une réservation de test de bout en bout.
Vérifier les disponibilités
Vérifiez que les horaires affichés correspondent aux règles de disponibilité, aux exceptions, aux réservations existantes et aux éventuelles contraintes des calendriers connectés.
Vérifier le mobile et le thème
Testez le widget sur un écran plus petit et vérifiez que son mode clair ou sombre et ses réglages visuels s’intègrent bien au site environnant.
Questions fréquentes lors de l’intégration de la réservation en ligne
Vérifiez d’abord que les identifiants de l’organisation et du calendrier sont corrects et que la page charge bien les ressources nécessaires du widget Schedito. Consultez également la console du navigateur pour repérer d’éventuels scripts bloqués, restrictions de sécurité du contenu ou autres erreurs frontend.
Si vous utilisez un constructeur de site, vérifiez qu’il autorise le contenu intégré nécessaire et qu’il ne supprime ni ne réécrit le balisage du widget lors de la publication.
Un widget qui fonctionne ne signifie pas automatiquement qu’il existe des créneaux réservables. Vérifiez que le service est disponible dans le calendrier, que les ressources requises disposent de disponibilités et qu’aucune exception liée à une date ne ferme la période demandée.
Les réservations existantes, les limites de capacité et les engagements présents dans les calendriers externes connectés peuvent aussi rendre indisponibles des créneaux qui le seraient autrement.
Placez le widget dans un conteneur responsive plutôt que de le forcer dans un élément à largeur fixe. Vérifiez également les règles de marges internes et de largeur héritées du thème de votre site.
Le widget Schedito est conçu pour s’adapter à différentes tailles d’écran, mais la mise en page du site qui l’entoure détermine toujours l’espace réellement disponible.
Oui. Schedito prend en charge des propriétés visuelles configurables, des couleurs individuelles et des modes d’affichage clair ou sombre. Choisissez le mode adapté à la page puis affinez le style selon vos besoins.
Les offres éligibles proposent également des options supplémentaires de personnalisation. Gardez à l’esprit que cohérence visuelle et accessibilité sont liées mais ne sont pas identiques : le contraste et la lisibilité doivent toujours être vérifiés sur l’ensemble de la page.
Vous devrez généralement replacer le widget sur le nouveau site, mais votre configuration de réservation Schedito reste indépendante. Les services, ressources, disponibilités et données de réservation n’ont pas à être recréés simplement parce que le CMS ou le frontend a changé.
Besoin d’instructions pour votre plateforme de site web ?
Le principe d’intégration est le même sur tous les sites, mais les étapes dans l’éditeur diffèrent. Des guides Schedito spécifiques pour WordPress, Wix, Webflow, Squarespace, Joomla, ainsi que sites sur mesure expliqueront précisément où et comment ajouter le widget.
Parcourir les ressources Schedito · Voir comment fonctionne Schedito · Découvrir le widget de réservation