Vous avez votre propre site web — un salon de coiffure, un studio de yoga, une clinique. Un client lit ce que vous proposez, puis cherche un moyen de réserver. Il trouve un lien dans le menu, atterrit sur une autre page et doit à nouveau s’orienter. Chaque étape supplémentaire est un endroit où certaines personnes abandonnent.
C’est pourquoi micali.online propose désormais un widget site web : un bouton de réservation que vous configurez dans l’application et ajoutez à votre site avec un court code. Le bouton flotte dans un coin de chaque page, et un clic ouvre une fenêtre de réservation directement sur votre site — avec un calendrier de vos événements et services. Le client choisit un horaire, renseigne ses coordonnées et confirme, sans jamais quitter votre site.
Configurer le bouton en quelques clics
Ouvrez Widget site web dans le menu de l’application (un administrateur racine le configure). Vous choisissez :
- le texte du bouton — Réserver maintenant ou Prendre rendez-vous, par exemple,
- la couleur — pour l’accorder à votre site ; la couleur du texte sur le bouton s’ajuste automatiquement pour rester toujours lisible,
- la position — en bas à droite ou en bas à gauche,
- l’action au clic — ouvrir la fenêtre de réservation, ou envoyer le client vers votre page de réservation,
- la langue de la fenêtre de réservation — la langue du navigateur du visiteur, ou une langue fixe.
Juste sous les paramètres se trouve un aperçu : cliquez sur le bouton et la véritable fenêtre de réservation s’ouvre avec vos événements et services. En dessous se trouve le code, prêt à copier.
La fenêtre de réservation, directement sur votre site
La fenêtre reprend la couleur de votre bouton et comporte deux onglets :
- Événements — un calendrier mensuel avec les jours qui ont des dates marquées. Le client clique sur un jour, voit ses dates sous le calendrier et en choisit une. Si un mois est vide, la fenêtre propose un saut vers la prochaine date.
- Services — le client choisit un service et une prestation, puis un jour dans le calendrier des jours libres, et un horaire.
Il renseigne ensuite son nom, son email et son téléphone, le nombre de places et votre formulaire s’il y en a un — exactement comme sur la page de réservation. Sur un téléphone, la fenêtre s’ouvre en plein écran.
Ou simplement un lien vers votre page de réservation
Si vous voulez que les clients voient tout ce que vous proposez — forfaits prépayés et salles compris — choisissez plutôt la redirection. Le bouton ouvre alors votre page de réservation Micali dans un nouvel onglet.
Comment les clients confirment
Personne n’est connecté à l’intérieur de la fenêtre, donc une réservation fonctionne exactement comme une réservation faite sur votre page de réservation sans connexion : le client reçoit un email avec un lien, et la réservation devient valable dès qu’il l’ouvre. En attendant, vous la voyez sous En attente de confirmation, et vous pouvez la confirmer pour le client si besoin. Le client choisit un forfait prépayé sur la page de confirmation.
Les paramètres vivent dans le code
Le texte, la couleur, la position et la langue sont inscrits dans le code que vous collez, si bien que le bouton sur votre site ne change jamais de lui-même. Quand vous voulez changer quelque chose, modifiez-le dans l’application, copiez le nouveau code et remplacez l’ancien. Micali se souvient de vos derniers paramètres, vous ne repartez donc pas de zéro.
Cela ne ralentira pas votre site
Le code sur votre site ne pèse que quelques kilo-octets et n’affiche rien d’autre que le bouton. La fenêtre de réservation ne se charge qu’après un clic, et pendant le chargement le client voit un indicateur de chargement. Le bouton reste indépendant des styles de votre site, si bien que votre thème ne peut pas le casser, et lui ne peut pas casser votre thème.
Comment démarrer
- Ouvrez Widget site web dans le menu.
- Définissez le texte, la couleur, la position et le comportement du bouton, puis essayez-le dans l’aperçu.
- Cliquez sur Copier le code.
- Collez le code dans votre site juste avant la balise fermante
</body>— sur WordPress, Wix, Webflow ou Squarespace, il existe un emplacement pour du code personnalisé ou un bloc HTML prévu à cet effet.
Vous trouverez les détails dans le centre d’aide.
