Cet article est aussi disponible en :

🎨 Appointment Bookings — Options de personnalisation

ℹ️ Note: Cet article a été traduit automatiquement en utilisant l'IA et peut contenir des inexactitudes. Si quelque chose ne va pas, veuillez contacter notre équipe de soutien.


Hoppy Appointments vous donne le contrôle sur presque chaque aspect de l'expérience de réservation — des couleurs et des polices aux langues, e-mails, questions et comportement après la réservation.


Certaines personnalisations s'appliquent à l'ensemble de votre boutique, tandis que d'autres sont définies par service.


Ce guide recense toutes les zones de personnalisation et explique où chacune se trouve. Pour les étapes de configuration détaillées, consultez les articles d'aide dédiés liés dans chaque section.



🌍 Zones de personnalisation globales


Ces paramètres sont gérés depuis Settings (Paramètres) et s'appliquent par défaut à l'ensemble de votre boutique.


Design et style


Rendez-vous dans Settings → Default Design pour définir l'apparence par défaut du widget de réservation.


Vous pouvez personnaliser :


  • Polices et couleurs
  • Arrière-plans, cartes et styles de texte
  • Couleurs de la date et du crĂ©neau horaire sĂ©lectionnĂ©s
  • Styles des boutons Confirmer, Retour et Continuer
  • Styles des pages de confirmation, de report et d'annulation
  • CSS personnalisĂ©


Ces valeurs par défaut sont utilisées par chaque service, sauf si un service les remplace.


Pour plus de détails, consultez Appointment Bookings — Options de design et de style et Comment définir du CSS personnalisé pour l'application Appointment Bookings.


Traductions


Rendez-vous dans Settings → Translations pour gérer la langue et le texte.


Vous pouvez personnaliser :


  • Langue par dĂ©faut
  • Support multilingue
  • Texte du calendrier, libellĂ©s du formulaire, texte des boutons, messages de statut
  • LibellĂ©s des blocs d'e-mail
  • Titres, descriptions et libellĂ©s spĂ©cifiques au service


Pour plus de détails, consultez Appointment Bookings — Traduction.


Notifications par e-mail


Rendez-vous dans Settings → Email Settings pour contrôler l'aspect des e-mails et quand ils sont envoyés.


Vous pouvez personnaliser :


  • Nom de l'expĂ©diteur, adresse de rĂ©ponse et logo
  • Modèles d'e-mails pour les confirmations, rappels, mises Ă  jour et annulations
  • Variables dynamiques et blocs de contenu prĂ©dĂ©finis
  • Les Ă©vĂ©nements qui dĂ©clenchent les e-mails client et administrateur


Pour plus de détails, consultez Comment configurer les notifications par e-mail pour Appointment Bookings.


Analyses et suivi


Rendez-vous dans Settings → Analytics & Tracking pour connecter un suivi tiers.


Vous pouvez configurer :


  • Google Analytics 4
  • Meta Pixel et Conversions API
  • Google Tag Manager


Pour plus de détails, consultez Configurer le suivi Google Analytics 4 pour Appointment Bookings et Configurer le Meta Pixel pour Appointment Bookings.


Préférences générales


Rendez-vous dans Settings → General pour les paramètres par défaut du calendrier et du comportement de réservation.


Vous pouvez personnaliser :


  • Premier jour de la semaine
  • Afficher ou non les heures de fin
  • Limites de rĂ©servation globales par jour ou par crĂ©neau horaire
  • Dates bloquĂ©es et pauses
  • Comportement des commandes en cas de remboursement et d'annulation



⚙️ Zones de personnalisation par service


Ces paramètres sont gérés au sein de chaque service et vous permettent d'ajuster finement les expériences de réservation individuelles.


Onglet General


  • Booking page title and description — ce que les clients voient en haut du widget
  • Meeting location — choisissez entre appels vidĂ©o, tĂ©lĂ©phone, en personne ou lieux personnalisĂ©s
  • Custom contact questions — ajoutez des champs supplĂ©mentaires au formulaire de rĂ©servation, tels que tĂ©lĂ©phone, adresse, listes dĂ©roulantes, tĂ©lĂ©chargements de fichiers ou Ă©valuations
  • Floating Action Button — ajoutez un bouton persistant « Book Now » dans l'ensemble de votre boutique


Pour plus de détails, consultez Comment configurer les lieux de rendez-vous pour Appointment Bookings, Comment configurer un Floating Action Button comme Calendly pour Appointment Bookings et Comment configurer des services de réservation de rendez-vous.


Onglet Design


Utilisez l'onglet Design pour remplacer le design global de ce service.


  • Activez Do not Follow Default Theme Settings pour dĂ©verrouiller les contrĂ´les de design par service
  • Personnalisez les couleurs, les polices et les images
  • TĂ©lĂ©chargez un Custom logo pour ce service
  • Ajoutez du Custom CSS qui s'applique uniquement Ă  ce service


Pour plus de détails, consultez Appointment Bookings — Options de design et de style et Comment définir du CSS personnalisé pour l'application Appointment Bookings.


Onglet Availability


  • DĂ©finissez les horaires de disponibilitĂ© hebdomadaires ou spĂ©cifiques Ă  une date
  • Configurez les limites de rĂ©servation par jour ou par crĂ©neau horaire
  • Attribuez des collègues et dĂ©finissez leur disponibilitĂ© individuelle


Pour plus de détails, consultez Comment configurer des services de réservation de rendez-vous et Travailler avec une équipe dans Appointment Bookings.


Onglet Payment


  • Choisissez entre Pay to Book et Book without pay
  • Activez l'approbation manuelle des rĂ©servations
  • Configurez le comportement de la liste d'attente
  • Configurez les paiements partiels ou les acomptes


Pour plus de détails, consultez Appointment Bookings — Toutes les options de paiement expliquées et Comment configurer la liste d'attente pour Appointment Bookings.


Onglet Advanced


  • Activez Advanced Configuration pour utiliser les traductions par service
  • Ajoutez des Booking Terms avec une case Ă  cocher obligatoire
  • DĂ©finissez une Redirect after booking pour les rĂ©servations gratuites
  • Configurez les Booking options, tels que les messages de confirmation personnalisĂ©s et les dĂ©lais de prĂ©avis pour le report/annulation
  • Activez un Trigger Event pour ouvrir la modale de rĂ©servation lorsqu'une bannière créée avec Hoppy Banner est cliquĂ©e.


Pour plus de détails, consultez Appointment Bookings — Options avancées et Comment les clients reportent ou annulent des rendez-vous.



🔄 Précédence : global vs par service


Certains paramètres peuvent être configurés aux deux endroits. Voici comment ils interagissent.


Design et CSS personnalisé


Par défaut, chaque service suit le design global défini dans Settings → Design.


Pour utiliser un design personnalisé pour un service :


  1. Ouvrez l'onglet Design du service
  2. Activez Do not Follow Default Theme Settings
  3. Personnalisez les couleurs, polices, logo et CSS


Ce service ignorera alors le design global et utilisera ses propres paramètres.


Traductions


Par défaut, les services utilisent les traductions globales du calendrier dans Settings → Translations → Calendar Translations.


Pour utiliser des traductions spécifiques au service :


  1. Ouvrez l'onglet Advanced du service
  2. Activez Advanced Configuration
  3. Configurez les traductions sous Settings → Translations → Service Translations


Modèles d'e-mails


Les modèles d'e-mails sont globaux. Cependant, vous pouvez injecter du contenu spécifique au service à l'aide de blocs dynamiques :


  • [Custom service text] — rĂ©cupère le message de confirmation de rĂ©servation personnalisĂ© du service
  • [Ticket QR Code] — apparaĂ®t si les billets QR code sont activĂ©s pour le service


Limites de réservation


Les limites de réservation globales dans Settings → General peuvent remplacer les limites au niveau du service. Une bannière dans l'interface vous avertit lorsque cela se produit.



✅ Ordre de personnalisation recommandé


Si vous configurez Hoppy Appointments pour la première fois, suivez cet ordre :


  1. Définissez les paramètres de design globaux dans Settings → Design
  2. Configurez les traductions dans Settings → Translations si vous prenez en charge plusieurs langues
  3. Configurez les notifications par e-mail dans Settings → Email Settings
  4. Configurez les analyses dans Settings → Analytics & Tracking si nécessaire
  5. Créez vos services et ne remplacez le design que si nécessaire
  6. Ajoutez des personnalisations par service, telles que questions de contact, lieux de rendez-vous, FAB et conditions de réservation
  7. Testez le widget de la boutique et affinez le style ou les traductions



⚠️ Notes importantes


  • Commencez par les paramètres globaux. Ils vous font gagner du temps et maintiennent une expĂ©rience de rĂ©servation cohĂ©rente.
  • Ne remplacez par service que lorsque c'est nĂ©cessaire. La plupart des marchands n'ont besoin du design par service que pour des campagnes spĂ©ciales ou des services avec une identitĂ© de marque propre.
  • Le Custom logo est uniquement par service. Il n'existe pas de paramètre de logo global.
  • Les modèles d'e-mails sont globaux. Utilisez le bloc de texte personnalisĂ© du service pour injecter du contenu spĂ©cifique au service.
  • Le Floating Action Button et le lieu de rendez-vous sont par service. Configurez-les sĂ©parĂ©ment pour chaque service.
  • Les limites de rĂ©servation peuvent ĂŞtre remplacĂ©es globalement. VĂ©rifiez Settings → General si les limites au niveau du service ne se comportent pas comme prĂ©vu.



📚 Articles connexes


  • Appointment Bookings — Options de design et de style
  • Comment dĂ©finir du CSS personnalisĂ© pour l'application Appointment Bookings
  • Appointment Bookings — Traduction
  • Comment configurer les notifications par e-mail pour Appointment Bookings
  • Comment configurer les lieux de rendez-vous pour Appointment Bookings
  • Comment configurer un Floating Action Button comme Calendly pour Appointment Bookings
  • Appointment Bookings — Options avancĂ©es
  • Comment les clients reportent ou annulent des rendez-vous
  • Appointment Bookings — Toutes les options de paiement expliquĂ©es
  • Comment configurer la liste d'attente pour Appointment Bookings
  • Travailler avec une Ă©quipe dans Appointment Bookings
  • Comment configurer des services de rĂ©servation de rendez-vous
  • Configurer le suivi Google Analytics 4 pour Appointment Bookings
  • Configurer le Meta Pixel pour Appointment Bookings

Mis Ă  jour le : 10/09/2026

Cet article a-t-il répondu à vos questions ?

Partagez vos commentaires

Annuler

Merci !