Accédez à un style avancé et à des intégrations personnalisées.
Au-delà des personnalisations intégrées d’Acuity, vous pouvez utiliser le CSS et les API pour connecter votre propre code à Acuity. Utilisez le CSS pour modifier l’apparence de votre planificateur. Utilisez des API pour connecter Acuity à votre propre logiciel personnalisé.
La personnalisation CSS et l’accès à l’API sont disponibles avec le forfait Powerhouse.
Utilisez un CSS personnalisé pour modifier le style de votre outil de planification
Utilisez le CSS pour modifier la façon dont apparaissent les deux douzaines d’éléments de votre planificateur. Vous pouvez déplacer des objets, changer de couleur, changer de police, masquer des éléments, etc. Vous pouvez également créer des modifications qui s’appliquent lorsque votre planificateur est intégré, mais pas lorsqu’il est chargé en tant que page web autonome.
Notre documentation pour les développeurs donne la liste des éléments que vous pouvez modifier et explique comment les sélectionner.
Nous travaillons actuellement au déploiement du nouveau planificateur. Pendant que cette transition est en cours, le panneau CSS avancé contient deux champs CSS :
- Style CSS mis à jour – Le code CSS dans ce champ affectera votre nouveau planificateur. Afin d’être prêt(e) pour la transition, vous pourrez ajouter du code à ce champ et le prévisualiser avant de passer au nouveau planificateur. Pour avoir un aperçu du fonctionnement de votre code dans le nouveau planificateur, cliquez sur Aperçu des modifications.
- Style CSS personnalisé – Le code CSS de ce champ affectera votre planificateur actuel. Lorsque vous aurez migré vers le nouveau planificateur, ce champ sera supprimé. Tout code dans ce champ n’affectera pas votre nouveau planificateur.
Pour ajouter un code CSS personnalisé :
- Dans Acuity, cliquez sur Personnaliser l’apparence, puis sur CSS avancé.
- Dans le champ Style CSS personnalisé, ajoutez votre code.
- Cliquez sur Enregistrer les modifications.
Pour supprimer le code CSS personnalisé :
- Dans Acuity, cliquez sur Personnaliser l’apparence, puis sur CSS avancé.
- Dans le champ Style CSS personnalisé, supprimez votre code.
- Cliquez sur Enregistrer les modifications.
Si quelque chose ne fonctionne pas comme vous le souhaitez après avoir ajouté du code personnalisé, supprimez temporairement le code pour vérifier si le problème persiste. Si le problème est résolu, il est lié à votre code CSS ; modifiez-le ou supprimez-le de façon permanente pour résoudre le problème. Si le problème persiste, il est distinct de votre CSS personnalisé. Dans ce cas, recherchez des solutions dans ce centre d’aide ou contactez-nous.
Remarque : ce guide explique comment ajouter du code CSS personnalisé à votre outil de planification. Votre code CSS personnalisé n’entre pas dans le cadre de notre assistance. Nous ne sommes pas en mesure de vous aider à rédiger ce code ni à résoudre les problèmes. Nous ne pouvons pas non plus garantir que votre code personnalisé sera fonctionnel ou entièrement compatible avec Acuity ou avec les sites web Squarespace. Si vous avez besoin d’aide pour créer du code CSS, faites appel à un expert via Squarespace Marketplace.
Utilisez l’API pour exploiter la puissance d’Acuity
Utilisez notre API pour connecter Acuity à votre propre logiciel personnalisé. Vous pouvez écrire du code pour créer, annuler ou reprogrammer automatiquement des rendez-vous en fonction de votre système externe, ou renvoyer des formulaires de renseignements personnalisés. Si vous êtes un développeur qui souhaite appeler notre API, veuillez consulter notre documentation API.
Pour trouver votre clé API :
- Dans Acuity, cliquez sur Intégrations.
- En haut de l’écran, cliquez sur API, puis sur Afficher les identifiants.
Si vous avez besoin d’une expérience API plus performante, remplissez ce formulaire pour discuter de notre forfait Enterprise.