Démarrage et prise en main

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égrations Accès : toutes les offres, essai compris Rôle : Manager

Prérequis

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.

Lien de la page publiqueBouton « Prendre un rendez-vous »
Ce que voit le clientVotre page Madate s'ouvre (app.madate.fr/votre-url)Une fenêtre de réservation s'ouvre par-dessus votre site
Ce que vous collezUne adresse, sur un texte ou un bouton de votre siteDeux lignes de code HTML
Où le trouverParamètres → Rendez-vous, ou la fiche du serviceParamètres → Intégrations → « Site web »
Pour quiTout site, Instagram, Google Business Profile, e-mailsSite 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 ».

En-tête de la fiche service : interrupteurs Actif et Public activés, boutons Page de réservation et Générer un lien, interrupteurs et bouton Page de réservation numérotés

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.

Carte URL publique de Paramètres Général, avec le préfixe https://app.madate.fr/, le champ institut-belle-saison encadré et la ligne Votre page publique

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.

Écran Intégrations de Madate avec les onglets e-monsite, Site web, API et Webhooks, onglet Site web encadré et ouvert

É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.

Bloc Prévisualisation de l'onglet Site web : Aperçu du bouton avec le bouton Prendre un rendez-vous encadré, à cliquer pour ouvrir la fenêtre de réservation

É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.

  1. 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.
  2. 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.
  3. 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.

Bloc Méthode simple (recommandée) de l'onglet Site web : les deux lignes de code à copier, icônes de copie encadrées

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

Modifier les informations d'un service

Vos clients doivent comprendre ce qu'ils réservent. Créez un service de prise de rendez-vous : nom, durée, prix, agents, rappels. Suivez les 6 étapes.

Synchroniser Google Agenda

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.

Configurer Stripe pour la prise de rendez-vous

Encaissez un acompte ou le paiement complet à la réservation : connectez votre compte Stripe à Madate avec vos clés API, sans commission Madate.

Votre site prend des rendez-vous ce soir, même après la fermeture

Créez votre espace, activez un service, collez deux lignes : vos clients réservent seuls.

Commencer mon essai gratuit

30 jours d'essai sur l'offre Standard, sans obligation d'achat.

Les tutoriels disponibles

S'inscrire sur Madate

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.

Gérer son compte et son espace

Mauvais logo ou mauvais fuseau sur votre page de réservation ? Réglez votre compte et votre espace de prise de rendez-vous Madate en 5 étapes guidées.

Modifier les informations d'un agent

Un collaborateur change d'horaires ou part en congé ? Modifiez sa fiche agent : profil, services, emploi du temps, agenda synchronisé. Suivez les 5 étapes.

Modifier les informations d'un service

Vos clients doivent comprendre ce qu'ils réservent. Créez un service de prise de rendez-vous : nom, durée, prix, agents, rappels. Suivez les 6 étapes.

Gérer son planning de rendez-vous

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.

Modifier les informations d'un client

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.

Modifier un rendez-vous

Un client veut décaler son rendez-vous ? Reportez-le en 3 étapes, changez l'agent ou le statut : votre client reçoit sa nouvelle date par e-mail.

Inviter un administrateur

Votre équipe doit gérer vos rendez-vous ? Invitez chaque collaborateur par e-mail, choisissez son rôle Manager ou Agent, puis suivez son invitation.

Synchroniser Google Agenda

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.

Configurer Stripe pour la prise de rendez-vous

Encaissez un acompte ou le paiement complet à la réservation : connectez votre compte Stripe à Madate avec vos clés API, sans commission Madate.

Editer ses factures avec Wuro

Vos rendez-vous à facturer à la main ? Reliez Madate à Wuro : facture créée depuis le rendez-vous, client retrouvé, TVA calculée. Suivez les 5 étapes.

Intégrer Madate à son site

Vos clients appellent pour réserver ? Ajoutez à votre site un lien ou un bouton de prise de rendez-vous en ligne. Copiez deux lignes, testez, publiez.

Configurer son espace avec l'assistant

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.

Se connecter et récupérer son mot de passe

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.

Gérer plusieurs espaces

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.

Découvrir le tableau de bord

Vous ouvrez Madate et cherchez vos prochains clients ? L'Accueil réunit compteurs, 5 prochains rendez-vous et suivi de l'offre. Lisez-le en 5 étapes.

Personnaliser sa page de réservation

Votre page de réservation montre trop, ou pas assez ? Choisissez logo, coordonnées, catégories et titre Google, interrupteur par interrupteur. 5 étapes.

Adapter le vocabulaire (Dictionnaire)

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.

Contacter le support

Bloqué sur un réglage ou une question sur votre offre ? Écrivez au support Madate depuis le menu Supports, recevez la réponse par e-mail. 3 étapes.

Affiner les créneaux proposés

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.

Créer un service avec l'IA

Pas le temps de remplir une fiche ? Décrivez votre prestation en une phrase : l'IA propose nom, durée, prix et paiement. Vérifiez, créez. 5 étapes.

Classer ses services par catégorie

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.

Personnaliser l'écran de confirmation

Votre client a réservé, et ensuite ? Affichez sur sa page de confirmation une vidéo d'accès, un PDF ou vos consignes avant le rendez-vous. 4 étapes.

Proposer des options à un service

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.

Lien de rendez-vous prérempli et QR code

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.

Une autre question ?
Contactez le support : 

Contacter le support