🎨 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 :
- Ouvrez l'onglet Design du service
- Activez Do not Follow Default Theme Settings
- 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 :
- Ouvrez l'onglet Advanced du service
- Activez Advanced Configuration
- 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 :
- Définissez les paramètres de design globaux dans Settings → Design
- Configurez les traductions dans Settings → Translations si vous prenez en charge plusieurs langues
- Configurez les notifications par e-mail dans Settings → Email Settings
- Configurez les analyses dans Settings → Analytics & Tracking si nécessaire
- Créez vos services et ne remplacez le design que si nécessaire
- Ajoutez des personnalisations par service, telles que questions de contact, lieux de rendez-vous, FAB et conditions de réservation
- 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
Merci !