Utiliser des CSS, des webhooks et des API personnalisés

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 (Cascading Style Sheets), des webhooks et des API (Application Programming Interfaces) pour connecter votre propre code à Acuity.

Utilisation :

• Le CSS pour modifier l’apparence de votre outil de planification. 
• Des webhooks pour envoyer un flux d’informations à sens unique d’Acuity vers un autre système.
• Des API pour créer une connexion bidirectionnelle entre Acuity et votre propre logiciel développé sur mesure.

La personnalisation CSS et l’accès à l’API sont disponibles avec le forfait Premium ou 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.

Bien que vous puissiez utiliser le CSS pour modifier l’apparence d’éléments existants, il est impossible de l’utiliser pour ajouter de nouvelles fonctionnalités à l’outil de prise de rendez-vous.

Notre documentation pour les développeurs donne la liste des éléments que vous pouvez modifier et explique comment les sélectionner.

Pour ajouter un code CSS personnalisé :

1. Dans Acuity, cliquez sur Page Rendez-vous, puis sur CSS avancé.
2. Ajoutez votre code dans le champ prévu à cet effet, puis cliquez sur Enregistrer.

Pour supprimer le code CSS personnalisé :

1. Dans Acuity, cliquez sur Page Rendez-vous, puis sur CSS avancé.
2. Dans le champ de saisie du code, supprimez votre code, puis cliquez sur Enregistrer.

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.

Utiliser des webhooks pour envoyer automatiquement des informations à Acuity

Les sites web d’Acuity peuvent automatiquement envoyer des notifications à l’URL de votre choix concernant les réservations et achats effectués sur Acuity. Les propriétaires de compte et les contributeurs disposant d’un accès administrateur peuvent créer des webhooks. Il y a une limite de 25 webhooks par contributeur.

Si vous êtes un développeur et que vous souhaitez tirer parti des webhooks d’Acuity, veuillez consulter notre documentation sur les webhooks. 

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 :

1. Dans Acuity, cliquez sur Intégrations.
2. Accédez à la section API, puis cliquez sur voir les identifiants.