Dans le monde de Sites de réservation, la personnalisation s'étend bien au-delà des options de configuration standard. Pour les utilisateurs qui souhaitent une expérience véritablement personnalisée, le “Code personnalisé” la section ouvre la porte à des modifications plus profondes. Il vous permet d'insérer le vôtre CSS ou JavaScript directement sur votre site de réservation pour des ajustements visuels et fonctionnels avancés.
Que vous souhaitiez intégrer un widget unique, affiner la mise en page pour refléter votre image de marque ou vous connecter à des outils tiers, le Code personnalisé Cette fonctionnalité vous donne un contrôle créatif total sur la conception et le comportement de votre site. Voyons comment vous pouvez utiliser un code personnalisé pour créer une expérience de réservation distinctive pour vos clients.
CSS personnalisé
Au sein du “CSS personnalisé” zone, vous pouvez ajouter la vôtre Feuilles de style en cascade (CSS) pour affiner l'apparence de votre site de réservation. Cette option puissante vous permet de modifier les polices, les couleurs, l'espacement, la visibilité des éléments, etc.—offrant une flexibilité totale pour concevoir votre site exactement comme vous l'envisagez.
Exemple:
Par défaut, Sites de réservation’ le formulaire de réservation indique l'heure de début des rendez-vous. Si vous préférez masquer les heures de fin, vous pouvez facilement le faire avec un court extrait CSS personnalisé :
/Masquerlheuredefin/<br>.bs-dt.booking-tsdiv:dernierenfant<br>.bs-dt.booking-ts>span:not:premierenfant<br>affichage:aucun<br><br>
Comment ça marche
Cet extrait CSS cible des éléments spécifiques Sites de réservation’ formulaire de réservation pour supprimer la visibilité des heures de fin de rendez-vous.
Pour implémenter ce CSS personnalisé :
- Aller à Personnaliser → Code personnalisé → CSS personnalisé dans ton Sites de réservation tableau de bord.
- Copiez et collez l'extrait CSS dans le CSS personnalisé éditeur.
- Cliquez Enregistrer pour appliquer vos modifications.
Une fois enregistré, le formulaire de réservation n'affichera plus les heures de fin des rendez-vous, offrant ainsi à vos clients une interface de réservation plus propre et plus simplifiée.
JS personnalisé
Le “JS personnalisé” section dans Sites de réservation est conçu pour les utilisateurs qui souhaitent étendre les fonctionnalités de leur site avec JavaScript. En ajoutant votre propre code JS, vous pouvez introduire des éléments interactifs, automatiser des tâches ou connecter votre site de réservation à des outils et services tiers. Cette flexibilité vous permet de créer une expérience de réservation plus dynamique, engageante et réactive pour vos clients.
Exemple:
Une application populaire de JavaScript personnalisé consiste à intégrer un Widget de chat sur votre site de réservation. De nombreux fournisseurs de chat en direct fournissent un extrait JS qui vous permet d'intégrer facilement leur outil de chat dans votre site. Voici un exemple de la façon dont vous pourriez utiliser du JS personnalisé dans Sites de réservation pour réaliser cette intégration :
Comment ça marche
Ce code JavaScript configure le Widget de chat fourni par votre service d'assistance par chat.
Pour ajouter votre widget de chat à l'aide de JS personnalisé dans Sites de réservation:
- Remplacer ‘AmQrTbkLePxDfHNsJyuRcWaZ’ avec votre réel ID de l'application du widget de chat fourni par votre plateforme de chat.
- Copiez le fourni JavaScript extrait de code.
- Naviguer vers le Personnaliser → Code personnalisé → JS personnalisé section dans votre Sites de réservation tableau de bord.
- Collez l'extrait dans le JS personnalisé éditeur.
- Cliquez Enregistrer pour appliquer vos modifications.
Après avoir sauvegardé, le Widget de chat apparaîtra sur votre site de réservation, ce qui permettra aux clients de contacter directement votre équipe d'assistance lors de la planification de rendez-vous.
