Comment ajouter le widget de réservation Schedito à WordPress
Pour un utilisateur WordPress non technique, la méthode la plus simple consiste à installer WPCode une seule fois, à y charger le CSS et le JavaScript partagés de Schedito, puis à placer uniquement le DIV propre au calendrier sur la page de réservation.
Ce guide suit exactement cette méthode. Vous n'avez pas besoin de modifier votre thème WordPress, de toucher aux fichiers PHP ni d'installer une extension Schedito spécifique.
Avant de commencer
Un calendrier Schedito fonctionnel
Configurez les services, ressources et disponibilités que les clients pourront réserver avant de publier le widget.
Accès administrateur à WordPress
Vous devez pouvoir installer et activer une extension ainsi que créer ou modifier des pages.
Le code de votre widget Schedito
Ouvrez le code du widget dans Schedito et gardez à portée le lien CSS, le script JavaScript et le DIV propre au calendrier.
1. Installez WPCode
Dans WordPress, ouvrez Extensions → Ajouter une extension et recherchez WPCode. Installez-la puis activez-la.
WPCode permet d'ajouter globalement le CSS et le JavaScript de Schedito sans modifier les fichiers du thème. Cette configuration n'est à faire qu'une seule fois par site.
2. Ajoutez le CSS et le JavaScript Schedito dans WPCode
Ouvrez Code Snippets → Header & Footer dans WordPress.
Collez la balise CSS complète <link> de Schedito dans Header. Collez la balise JavaScript complète <script> dans Footer. Laissez Body vide.
Cliquez sur Save Changes. Ne retirez pas les balises <link> ou <script> : copiez les éléments complets exactement comme Schedito les fournit.
3. Créez la page de réservation et ajoutez le widget
Ouvrez Pages → Ajouter une page et créez une page telle que Réserver, Réservation ou Rendez-vous.
Ajoutez un bloc HTML personnalisé. Vous pouvez le rechercher ou saisir /html dans un nouveau bloc.
Depuis Schedito, copiez uniquement le DIV du widget propre au calendrier et collez-le dans ce bloc. Ne recollez pas le CSS ni le JavaScript : WPCode les charge déjà.
Publiez la page. Si vous souhaitez qu'elle soit accessible depuis la navigation principale, ajoutez-la au menu ou à la navigation WordPress.
Quel élément va où
WPCode Header : <link> CSS Schedito — une fois par site.
WPCode Footer : <script> JavaScript Schedito — une fois par site.
Page de réservation → bloc HTML personnalisé : le <div> propre au calendrier — un pour chaque calendrier à afficher.
Séparer ces trois éléments évite les scripts en double et simplifie l'ajout ultérieur d'autres calendriers Schedito.
4. Publiez et testez comme un client
Ouvrez la vraie page publiée et effectuez une réservation de bout en bout.
Ouvrez la page publique
Testez la page publiée, pas seulement l'aperçu de l'éditeur WordPress. Vérifiez que l'interface Schedito apparaît.
Effectuez une réservation
Choisissez un service, une date et une heure puis envoyez une vraie réservation de test. Vérifiez qu'elle apparaît dans Schedito.
Vérifiez aussi sur mobile
Ouvrez la page sur un téléphone ou dans une fenêtre étroite et vérifiez que le widget reste utilisable et correctement dimensionné.
Widget de réservation WordPress : dépannage
Vérifiez séparément les trois parties : le DIV doit être présent sur la page, le lien CSS dans WPCode Header et le script JavaScript dans WPCode Footer. Vérifiez aussi que les modifications WPCode ont été enregistrées et qu'aucune extension de cache, sécurité ou optimisation ne bloque les ressources.
Déplacez le lien CSS vers WPCode Header et le script JavaScript vers WPCode Footer. Laissez uniquement le DIV propre au calendrier dans le bloc HTML personnalisé.
Dans l'administration WordPress, ouvrez Code Snippets → Header & Footer. Vous n'avez pas besoin de créer des snippets PHP ou JavaScript séparés pour cette configuration.
L'intégration WordPress fonctionne probablement. Vérifiez Schedito : service, ressources nécessaires, disponibilités récurrentes, exceptions par date, réservations existantes et calendriers externes connectés.
Vérifiez la largeur, le padding et la mise en page du bloc ou conteneur WordPress autour du widget. Évitez les colonnes fixes inutilement étroites.
Videz les caches WordPress, CDN et navigateur. Si une extension d'optimisation retarde ou réécrit JavaScript, excluez la ressource Schedito lorsque cette optimisation empêche son chargement correct.
Votre site WordPress est maintenant connecté à Schedito
Désormais, gérez les services, disponibilités, calendriers et l'apparence du widget dans Schedito. Dans WordPress, il ne reste que la connexion CSS/JavaScript partagée et le DIV aux endroits où vous souhaitez afficher la réservation.
Commencer gratuitementPrésentation de la réservation avec WordPress
Voir tous les guides Schedito · Personnalisation du widget · Synchronisation Google Calendar