> ## Knowledge Base Index > Fetch the complete knowledge base index at: https://help.hoppyapps.com/sitemap.xml > Use this file to discover available pages before exploring further. > Pure-Markdown content can be obtained by appending a '.md' suffix to the content URLs listed in the sitemap (without the trailing slash). # 🎨 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**