Pour ajouter un bouton de réservation sur votre site web, copiez le lien de votre page de réservation dans votre logiciel de réservation et associez-le à un bouton de votre site, ou collez le code du bouton fourni par votre logiciel de réservation dans un bloc HTML ou un bloc de code. Dans les deux cas, cela prend quelques minutes, sans développeur. Vous trouverez ci-dessous les étapes pour WordPress, Wix, Squarespace, Shopify et tous les autres sites.
Ce guide présente les deux méthodes, les endroits où placer le bouton pour que vos clients l'utilisent vraiment, et comment le tester. Les exemples utilisent TicketPa, mais les étapes sont les mêmes avec la plupart des logiciels de réservation.
Deux façons d'ajouter un bouton de réservation
| Méthode | Comment ça marche | Idéal pour |
|---|---|---|
| Lier un bouton que vous avez déjà | Utilisez le bouton de votre créateur de site et faites-le pointer vers votre page de réservation | Tous les créateurs de site, y compris ceux qui limitent le code personnalisé |
| Coller un extrait de code | Collez le code du bouton fourni par votre logiciel de réservation dans un bloc HTML | Les sites qui acceptent le HTML personnalisé, quand vous voulez un bouton tout prêt |
Lier un bouton est la méthode la plus simple et elle fonctionne partout. L'extrait de code vous donne un bouton déjà mis en forme et, avec certains logiciels de réservation, il peut ouvrir la page de réservation dans une fenêtre à côté de votre site.
Étape 1 : récupérez votre lien de réservation ou le code du bouton
Chaque système de réservation vous donne un lien vers votre page de réservation, et beaucoup vous donnent aussi un lien pour chaque activité et un extrait de code pour un bouton. Dans TicketPa, ouvrez la page Share. Vous y trouvez :
- Votre page de réservation : un seul lien vers toutes les activités que vos clients peuvent réserver. Utilisez-le dans votre menu principal et sur votre page d'accueil.
- Une activité : un lien direct vers le calendrier d'une activité. Utilisez-le sur la page de cette activité et dans les publications ou publicités qui en parlent.
- Bouton Réserver : du code à coller dans votre site web, dans la couleur d'accent de votre page de réservation. Il existe en deux versions :
- un bouton simple, qui fonctionne partout, même dans les e-mails
- un bouton qui ouvre la réservation dans une fenêtre à côté de votre site sur ordinateur
Copiez le lien ou le code dont vous avez besoin.
Étape 2 : ajoutez-le à votre site web
WordPress
Pour lier un bouton : dans l'éditeur de blocs, ajoutez un bloc Boutons à l'endroit voulu, tapez "Réserver" et collez votre lien de réservation dans le champ de lien du bouton.
Pour coller l'extrait : ajoutez un bloc HTML personnalisé à l'endroit voulu et collez le code. Prévisualisez la page pour voir le bouton.
Si votre thème a un menu d'en-tête, ajoutez aussi votre lien de réservation comme élément de menu, dans Apparence, Menus ou dans le bloc Navigation de l'éditeur de site.
Wix
Pour lier un bouton : ajoutez un bouton depuis le panneau d'ajout d'éléments, remplacez son texte par "Réserver", puis ouvrez ses réglages de lien et choisissez une adresse web. Collez votre lien de réservation.
Wix place le code personnalisé dans un cadre, ce qui peut empêcher un bouton d'ouvrir une nouvelle fenêtre. Sur Wix, lier un bouton est donc le choix le plus fiable.
Squarespace
Pour lier un bouton : modifiez la page, ajoutez un bloc bouton, tapez "Réserver" et collez votre lien de réservation comme lien du bouton.
Pour coller l'extrait : ajoutez un bloc de code et collez le code. Les blocs de code qui exécutent des scripts ne sont disponibles qu'avec certaines formules Squarespace. Si l'extrait ne fonctionne pas avec la vôtre, liez plutôt un bouton.
Shopify
Pour lier un bouton : dans l'éditeur de thème, ajoutez ou modifiez une section qui contient un bouton, comme une bannière d'image, et collez votre lien de réservation comme lien du bouton. Pour l'ajouter à votre menu, allez dans Boutique en ligne, Navigation, ouvrez votre menu principal et ajoutez un élément de menu avec votre lien de réservation.
Pour coller l'extrait : ajoutez une section Liquid personnalisé dans l'éditeur de thème et collez le code.
Tous les autres sites web
Sur un site fait à la main, ou avec des créateurs comme Webflow, Framer ou Carrd, collez l'extrait dans le HTML de la page, ou dans l'élément d'intégration ou HTML du créateur, à l'endroit où le bouton doit apparaître. Si vous ne pouvez pas ajouter de code, utilisez n'importe quel lien ou bouton et faites-le pointer vers votre lien de réservation.
Où placer votre bouton de réservation
Un bouton de réservation ne sert que si vos clients le voient au moment où ils sont prêts à réserver :
- En haut de chaque page d'activité, à côté du prix, pour que vos clients n'aient pas à faire défiler la page.
- Dans votre menu principal, en dernier élément, présenté comme un bouton.
- À la fin de chaque page d'activité, après la description et les photos.
- Sur votre page d'accueil, près du premier titre.
- Sur votre page de contact, pour les clients qui s'apprêtaient à vous écrire pour demander les disponibilités.
Utilisez "Réserver" ou "Voir les disponibilités" comme texte du bouton. Vos clients comprennent tout de suite les deux, et les deux commencent par ce qu'ils veulent faire.
Liez chaque activité à son propre calendrier
Si votre site web a une page par activité, faites pointer le bouton de chaque page vers cette activité, et non vers votre page de réservation générale. Vos clients arrivent sur le bon calendrier et gagnent une étape, et ils sont donc moins nombreux à abandonner avant de réserver.
Dans TicketPa, la page Share liste un lien pour chaque activité. N'utilisez le lien de votre page de réservation générale qu'aux endroits qui couvrent tout, comme votre menu et votre page d'accueil.
Testez votre bouton de réservation
Avant d'en parler à qui que ce soit, testez-le comme le ferait un client :
- Ouvrez votre site web sur votre téléphone et touchez le bouton.
- Vérifiez qu'il mène à la bonne page, avec la bonne activité et les horaires à jour.
- Faites une réservation test, ou allez au moins jusqu'à l'étape du paiement.
- Recommencez sur un ordinateur. Si votre bouton ouvre la réservation dans une fenêtre, vérifiez qu'elle s'ouvre, et que la page de réservation s'ouvre quand même si le navigateur bloque les fenêtres.
Utilisez le même lien partout ailleurs
Votre lien de réservation fonctionne partout où un client peut toucher un lien, pas seulement sur votre site web. Ajoutez-le à votre fiche d'établissement Google, à votre bio Instagram et à vos réponses WhatsApp. Notre guide pour prendre des réservations depuis Instagram, Google et WhatsApp montre où le placer sur chacun.
Comment fonctionne le bouton TicketPa
Le bouton de TicketPa est un lien accompagné d'un petit script. Sur ordinateur, il ouvre votre page de réservation dans une fenêtre à côté de votre site, et vos clients gardent votre site web ouvert derrière. Sur téléphone, ou si le navigateur bloque la fenêtre, il ouvre votre page de réservation comme un lien normal. Le script ne suit pas vos visiteurs, et le bouton reprend la couleur d'accent de votre page de réservation.
TicketPa est un logiciel de réservation pour visites, cours et activités, avec une page de réservation qui fonctionne aussi sans site web. Découvrez toutes les fonctionnalités, ou la page de votre type d'activité, comme les visites guidées ou les ateliers.
