Ajouter un système de prise de rendez-vous à son site web
Vos clients cherchent un bouton « Réserver » sur votre site. Ils ne trouvent qu'un numéro de téléphone. Ajoutez-y votre module de réservation en ligne : un lien vers votre page publique, ou un bouton qui ouvre la réservation dans une fenêtre. Tout se copie depuis Paramètres → Intégrations. Suivez les 5 étapes ci-dessous.
Durée : 10 minutesÉcran : Paramètres → IntégrationsAccès : toutes les offres, essai comprisRôle : Manager
Le rôle Manager ou Propriétaire dans l'espace : les agents n'ont pas accès aux Paramètres.
Un accès à l'édition de votre site, avec la possibilité d'ajouter du code HTML pour le bouton.
Comment ajouter un système de prise de rendez-vous à son site ?
Copiez le lien ou le bouton fourni par votre logiciel de rendez-vous, puis collez-le sur votre site. Avec Madate, le lien de votre page publique se colle partout. Le bouton « Prendre un rendez-vous » ouvre la réservation dans une fenêtre, sans quitter votre site.
Info Vous découvrez Madate ? C'est un outil français de prise de rendez-vous. Vos clients choisissent leur créneau à toute heure et reçoivent une confirmation par e-mail. Vous gardez un seul agenda. L'essai gratuit de 30 jours de l'offre Standard couvre 100 rendez-vous par mois et 5 services. Voir la prise de rendez-vous en ligne avec Madate.
Lien ou bouton de réservation : quelle solution choisir ?
Le lien convient à tous les sites et aux réseaux sociaux. Le bouton garde vos clients sur votre site. Sur un site e-monsite, l'intégration passe pour l'instant par l'onglet « Site web », comme sur les autres plateformes.
Une fenêtre de réservation s'ouvre par-dessus votre site
Ce que vous collez
Une adresse, sur un texte ou un bouton de votre site
Deux lignes de code HTML
Où le trouver
Paramètres → Rendez-vous, ou la fiche du service
Paramètres → Intégrations → « Site web »
Pour qui
Tout site, Instagram, Google Business Profile, e-mails
Site qui accepte du code HTML (WordPress, Wix, Squarespace, e-monsite…)
Les étapes 1 à 5 installent le bouton. Le lien seul est décrit plus bas, dans « Partager un lien de réservation au lieu du bouton ».
Étape 1 sur 5
Rendez au moins un service public et actif
Ouvrez Services, puis la fiche de votre service. En haut de la fiche, activez les interrupteurs « Actif » et « Public ». Le bouton de réservation n'affiche que les services publics et actifs : sans eux, la fenêtre montre « Entreprise non trouvée ».
Attention L'écran Intégrations le signale lui-même par l'alerte « Widget inactif » : « Votre espace n'a aucun service public actif. » Tant que cette alerte s'affiche, ne collez rien sur votre site.
Étape 2 sur 5
Fixez l'URL publique de votre espace
Ouvrez Paramètres → Général et regardez le champ « URL publique ». C'est la fin de l'adresse de votre page : app.madate.fr/institut-belle-saison, par exemple. Choisissez-la courte et définitive, au nom de votre activité, puis cliquez sur « Enregistrer ». Le détail est dans paramétrer son compte et son espace.
Attention Le bouton que vous allez coller contient votre URL publique. Si vous la changez ensuite, le bouton déjà en place sur votre site et vos QR codes imprimés ne mènent plus à votre page. Il n'y a pas de redirection depuis l'ancienne adresse : recopiez le code après tout changement.
Étape 3 sur 5
Ouvrez Paramètres → Intégrations, onglet « Site web »
Dans le menu latéral, cliquez sur Paramètres, puis sur Intégrations (« Intégrez le service Madate à votre site ou application web »). Cliquez ensuite sur l'onglet Site web : c'est là que se trouve le code du bouton.
Étape 4 sur 5
Testez le bouton dans la « Prévisualisation »
Faites défiler l'onglet « Site web » jusqu'au bloc « Prévisualisation ». Sous « Aperçu du bouton : », cliquez sur « Prendre un rendez-vous ». La fenêtre de réservation s'ouvre telle que vos clients la verront sur votre site. Vérifiez que vos services, vos créneaux et votre nom s'affichent. Fermez sans réserver.
Étape 5 sur 5
Copiez les deux lignes de la méthode simple et collez-les
Dans le bloc « Méthode simple (recommandée) », deux lignes de code sont prêtes, déjà remplies avec votre URL publique. Chacune se copie d'un clic sur l'icône de copie en haut à droite de son bloc : le message « Copié ! » confirme.
Copiez la ligne « 1. Ajoutez le script (une seule fois par page) ». Elle charge la fenêtre de réservation Madate. Collez-la une seule fois dans la page, même si elle porte plusieurs boutons.
Copiez la ligne « 2. Ajoutez le bouton où vous le souhaitez ». C'est le bouton « Prendre un rendez-vous ». Collez-le à l'endroit voulu : en haut de page, à côté de vos tarifs, en pied de page.
Publiez la page de votre site, ouvrez-la comme un visiteur et cliquez sur le bouton.
Sur votre site, collez ces lignes dans un bloc HTML ou code personnalisé. Chaque plateforme le nomme à sa façon : voir les guides WordPress, Wix, Squarespace, PrestaShop et Webself.
Astuce Le texte « Prendre un rendez-vous » se modifie directement dans la ligne du bouton, une fois collée sur votre site : « Réserver ma séance », « Prendre rendez-vous en ligne ». Gardez un texte qui dit ce qui se passe au clic.
Quand utiliser la méthode avancée ?
La méthode avancée sert quand le bouton de la méthode simple ne réagit pas, ou quand vous voulez utiliser vos propres boutons. Elle se trouve juste sous la méthode simple, dans le même onglet « Site web » : « Pour plus de contrôle, utilisez l'initialisation manuelle avec vos propres boutons. »
Elle se pose en trois morceaux, chacun avec son icône de copie :
« Dans le head du site : » deux lignes à placer dans l'en-tête de votre site, qui chargent le style et la fenêtre de réservation.
« Créez votre bouton : » le bouton, à coller où vous voulez dans la page.
« Initialisez le script (avant la fermeture de body) : » quelques lignes à placer en bas de la page, qui relient vos boutons à la fenêtre Madate.
La méthode avancée demande l'accès à l'en-tête et au bas de page de votre site. Sur WordPress, c'est souvent le thème ; sur Wix, le code personnalisé. Les guides par plateforme indiquent où coller chaque morceau.
Partager un lien de réservation au lieu du bouton
Le lien de la page publique Madate fonctionne sur tout site, sans code. Il se pose aussi sur Instagram, dans votre signature d'e-mail ou sur votre fiche Google. Il ouvre la page Madate dans le navigateur au lieu d'une fenêtre sur votre site.
Lien de tout l'espace : Paramètres → Rendez-vous, bloc « Espace rendez-vous », bouton « Copier ». Le client voit tous vos services publics.
Lien d'un seul service : sur la fiche du service, onglet « Général », bloc « Lien public », bouton « Copier le lien de réservation ». L'adresse a la forme app.madate.fr/votre-url/book/votre-service.
Lien prérempli et QR code : sur la fiche du service, bouton « Générer un lien ». Choisissez l'agent et, si le service en propose plusieurs, le type de rendez-vous. Ajoutez une date et une heure si vous le souhaitez. Cliquez sur « Copier le lien » ou « Télécharger le QR code ». Le détail : envoyer un lien de réservation prérempli et un QR code.
Sur votre site, posez ce lien sur un bouton ou un texte du type « Réserver en ligne ».
Info Votre site est sur e-monsite ? Utilisez le bouton de l'onglet « Site web » ou le lien de votre page publique, comme sur n'importe quel autre site. Vous n'avez pas encore de site ? Voir créer un site avec prise de rendez-vous.
Si le bouton de prise de rendez-vous ne fonctionne pas
La fenêtre affiche « Entreprise non trouvée »
Aucun service n'est à la fois public et actif, ou l'URL publique a changé depuis que vous avez collé le code. Activez « Actif » et « Public » sur un service, puis recopiez les deux lignes depuis Paramètres → Intégrations → « Site web ».
Le bouton s'affiche mais rien ne se passe au clic
La ligne du script manque dans la page. Ou bien votre constructeur de site ajoute le bouton après le chargement de la page. Vérifiez que la ligne « 1. Ajoutez le script » est bien présente une fois dans la page. Si le clic ne réagit toujours pas, passez à la méthode avancée.
Je ne trouve pas le code dans l'écran Intégrations
Dans Paramètres → Intégrations, le code du bouton se trouve dans l'onglet Site web. Vous ne voyez pas du tout Paramètres dans le menu ? Votre rôle est Agent : demandez à un manager de l'espace.
Questions fréquentes sur la prise de rendez-vous sur son site
La réservation Madate sur son site est-elle incluse dans toutes les offres ?
Oui. Le lien, le bouton et le QR code sont accessibles dans toutes les offres, dès l'essai gratuit de 30 jours de l'offre Standard. Après l'essai, choisissez une offre pour garder votre réservation en ligne ouverte : elles démarrent à 15 € HT par mois en annuel, voir les offres Madate.
Faut-il savoir coder pour ajouter le bouton de réservation ?
Non. Le bouton de réservation Madate tient en deux lignes déjà prêtes, à copier d'un clic et à coller dans un bloc HTML de votre site. Si votre site n'accepte pas de code, utilisez le lien de votre page publique.
Le client quitte-t-il mon site pour réserver ?
Avec le bouton, non : la réservation s'ouvre dans une fenêtre au-dessus de votre page, que le client ferme d'un clic. Avec le lien, la page Madate s'ouvre dans le navigateur.
Peut-on mettre un bouton de réservation par service ?
Le bouton de la méthode simple ouvre la liste de tous vos services publics. Pour un service précis, posez sur votre site le lien de réservation du service, copié depuis sa fiche avec « Copier le lien de réservation ».
Le paiement en ligne fonctionne-t-il depuis le bouton intégré ?
La fenêtre de réservation affiche votre page publique Madate, avec les mêmes réglages : si vous demandez un paiement ou un acompte, il s'applique aussi. Le paiement en ligne est disponible dès l'offre Pro, voir connecter son compte Stripe.
Mes clients doivent-ils créer un compte pour réserver ?
Non. Sur la page de réservation Madate, le client choisit le service, le créneau et saisit ses coordonnées. Il reçoit ensuite un e-mail de confirmation.
Après l'intégration à votre site : les réglages suivants
Vos clients réservent sur un créneau déjà pris ? Reliez Google Agenda ou Outlook à Madate : vos rendez-vous s'y ajoutent, vos plages occupées se bloquent.
Ouvrez la prise de rendez-vous en ligne à vos clients : créez votre compte Madate, nommez votre espace et démarrez 30 jours d'essai sur l'offre Standard.
Un collaborateur change d'horaires ou part en congé ? Modifiez sa fiche agent : profil, services, emploi du temps, agenda synchronisé. Suivez les 5 étapes.
Des clients réservent pendant vos pauses ou vos congés ? Réglez votre planning de disponibilité : horaires, agents, services, fermetures et jours fériés.
Un client change de numéro ou d'e-mail ? Corrigez sa fiche client en 5 étapes, notes et absences comprises, sans perdre ses rendez-vous. Suivez le guide.
Vos clients réservent sur un créneau déjà pris ? Reliez Google Agenda ou Outlook à Madate : vos rendez-vous s'y ajoutent, vos plages occupées se bloquent.
Votre espace est créé mais rien n'est prêt ? L'assistant Configuration vous guide en 6 étapes : profil, horaires, premier service, test. Suivez le guide.
Bloqué à la connexion entre deux clients ? Recevez un lien par e-mail, choisissez un nouveau mot de passe et retrouvez votre agenda Madate en 4 étapes.
Deux cabinets, deux salons, deux agendas qui se mélangent ? Créez un espace Madate par lieu et passez de l'un à l'autre en un clic. Suivez les 4 étapes.
Votre page de réservation montre trop, ou pas assez ? Choisissez logo, coordonnées, catégories et titre Google, interrupteur par interrupteur. 5 étapes.
Vos clients réservent une séance, pas un service ? Renommez services, agents et types de rendez-vous dans le Dictionnaire de Madate. Suivez les 4 étapes.
Des trous dans votre agenda, ou des clients à la dernière minute ? Réglez l'intervalle, les places et le jour même de vos créneaux. Suivez les 5 étapes.
Votre liste de prestations s'allonge et vos clients s'y perdent ? Créez des catégories, rangez chaque service, vérifiez la page de réservation. 5 étapes.
Vos clients demandent un supplément une fois sur place ? Proposez-le dès la réservation : nom, prix TTC et durée ajoutés au total. Suivez les 5 étapes.
Un client rappelle pour reprendre rendez-vous ? Envoyez-lui un lien de réservation prérempli ou un QR code : agent, type et date déjà choisis. 5 étapes.