Ajouter Acuity Scheduling à votre site web

Passez en revue les différentes manières de connecter votre page Rendez-vous à votre site.

Demandez à vos clients de réserver directement sur votre site web en intégrant votre outil de prise de rendez-vous. Ajoutez des boutons et des barres de réservation aux pages de votre site web pour diriger vos clients vers votre outil de prise de rendez-vous.

Conseil : si vous faites vos premiers pas et que vous souhaitez bénéficier d’une aide plus concrète pour configurer Acuity Scheduling, vous pouvez faire appel à un Squarespace Expert certifié. 

Regarder une vidéo explicative

Ce que vous pouvez ajouter

Vous pouvez ajouter Acuity à un site web de trois manières :

• Outil de planification intégré : vous pouvez intégrer l’expérience de réservation en ligne complète d’Acuity sur votre site web.
• Bouton de réservation : vous pouvez ajouter un bouton menant à votre outil de prise de rendez-vous sur votre page Rendez-vous générée par Acuity.
• Barre de réservation : vous pouvez ajouter une barre avec un bouton de réservation en haut des pages de votre site web.

Intégrer votre outil de planification

Vous pouvez intégrer votre outil de planification à presque tous les sites web, que vous utilisiez un site web Squarespace ou celui d’un autre fournisseur. Vous pouvez intégrer votre outil de prise de rendez-vous par défaut, ou tout autre outil similaire vers lequel vous pouvez créer un lien direct.

Sites web Squarespace

Ajoutez un bloc Prise de rendez-vous à votre site web.

Conseil : pour protéger votre réservation par mot de passe, ajoutez votre bloc Prise de rendez-vous à une page contenant un mot de passe de page. Pour rendre votre réservation exclusive aux membres du site, ajoutez des Produits numériques à votre site, puis placez votre bloc Prise de rendez-vous dans votre contenu protégé.

Autres sites web

Pour intégrer votre outil de planification à d’autres sites web, copiez d’abord le code d’intégration qui se trouve sur Acuity, puis ajoutez-le à votre site web. Les étapes exactes pour l’ajouter à votre site web varient en fonction de votre fournisseur, mais impliquent toujours l’ajout de code HTML. Consultez la section ci-dessous pour obtenir des conseils concernant certains fournisseurs, ou contactez le créateur de votre site web.

Pour obtenir votre code d’intégration :

1. Dans Acuity, cliquez sur Page Rendez-vous, puis sur Lien.
2. Dans la section Liens directs et intégration, utilisez le menu déroulant pour choisir d’intégrer votre outil de planification par défaut ou un outil plus spécialisé, tel que pour un calendrier ou un type de rendez-vous particulier.
3. Cliquez sur l’onglet Intégrer un outil de prise de rendez-vous ou Intégrer d’autres éléments. Un seul des deux apparaît.
4. Cliquez sur Copier.

Ajouter un bouton de réservation

La procédure à suivre pour ajouter un bouton de réservation n’est pas la même si vous utilisez un site web Squarespace ou celui d’un autre fournisseur. Vous pouvez intégrer un bouton qui mène à la page Rendez-vous par défaut, ou à tout autre outil de prise de rendez-vous vers lequel vous pouvez créer un lien direct.

Sites web Squarespace

Ajoutez un bloc Bouton à votre site web. Pour votre nouveau bouton, choisissez un lien vers votre page Rendez-vous ou un lien direct.

Autres sites web

Pour ajouter un bouton de réservation à votre site web, copiez d’abord le code qui se trouve dans Acuity, puis ajoutez-le à votre site web.

Pour obtenir le code :

1. Dans Acuity, cliquez sur Page Rendez-vous, puis sur Lien.
2. Dans la section Liens directs et intégration, utilisez le menu déroulant pour indiquer si vous voulez créer un lien vers votre outil de planification par défaut ou vers un outil plus spécialisé, tel que pour un calendrier ou un type de rendez-vous particulier.
3. Cliquez sur l’onglet Bouton de réservation.
4. Cliquez sur Copier.

Après avoir copié le code, ajoutez-le au code de votre site web. Les étapes exactes pour l’ajouter à votre site web varient en fonction de votre fournisseur. Consultez la section ci-dessous pour obtenir des conseils concernant certains fournisseurs, ou contactez le créateur de votre site web.

Ajouter une barre de réservation

Pour ajouter une barre de réservation à votre site web, copiez d’abord le code qui se trouve sur Acuity, puis ajoutez-le à votre site web. La procédure à suivre pour ajouter une barre de réservation n’est pas la même si vous utilisez un site web Squarespace ou celui d’un autre fournisseur. Votre barre de réservation est dotée d’un bouton qui peut mener à la page Rendez-vous par défaut, ou à tout autre outil de prise de rendez-vous vers lequel vous pouvez créer un lien direct.

Pour obtenir le code :

1. Dans Acuity, cliquez sur Page Rendez-vous, puis sur Lien.
2. Dans la section Liens directs et intégration, utilisez le menu déroulant pour indiquer si vous voulez créer un lien vers votre outil de planification par défaut ou vers un outil plus spécialisé, tel que pour un calendrier ou un type de rendez-vous particulier.
3. Cliquez sur l’onglet Barre de réservation.
4. Cliquez sur Copier.

Sites web Squarespace

Utilisez l’injection de code pour coller le code dans la section du pied de page de votre site.

L’utilisation de l’injection de code est une fonctionnalité premium disponible avec les forfaits Business et Commerce.

Autres sites web

Ajoutez le code que vous avez copié au code de votre site web. Les étapes exactes pour l’ajouter à votre site web varient en fonction de votre fournisseur. Consultez la section ci-dessous pour obtenir des conseils concernant certains fournisseurs, ou contactez le créateur de votre site web.

Conseils d’utilisation d’autres créateurs de sites web

Drupal

Changez le format de votre texte en HTML complet pour ajouter du code HTML personnalisé, puis ajoutez l’extrait de code d’Acuity. 

GoDaddy

Suivez les instructions de GoDaddy pour ajouter du code HTML personnalisé afin d’ajouter le code généré automatiquement par Acuity.

Ionos

Ajoutez le code d’intégration généré automatiquement par Acuity à un Widget/élément HTML. Vous devrez peut-être afficher votre outil de prise de rendez-vous en vue de page pour vérifier qu’il fonctionne correctement.

Pour demander à Ionos d’afficher votre outil de planification intégré aux clients sur les appareils mobiles, désactivez l’option permettant d’afficher uniquement le contenu optimisé sur les smartphones et les tablettes.

Leadpages

Utilisez le widget HTML Leadpages pour ajouter l’extrait de code fourni à partir d’Acuity.

Shopify

Utilisez l’éditeur HTML pour ajouter le code d’Acuity à l’une de vos pages. Enregistrez vos modifications avant d’essayer d’afficher votre nouvel outil de planification.

VistaPrint/Webs.com

Utilisez la fonctionnalité HTML personnalisé pour ajouter le code généré automatiquement à partir d’Acuity à votre site web.

Weebly

Faites glisser l’élément du code d’intégration Weebly sur votre page web, puis ajoutez au widget le code généré automatiquement par Acuity.

Wix

Suivez les étapes de Wix pour ajouter l’élément HTML à votre site. Lorsque vous êtes prêt(e) à ajouter du code à l’élément HTML, utilisez l’extrait de code généré pour vous par Acuity.

Remarque : Il n'est pas possible d'intégrer votre outil de planification si vous utilisez Wix Artificial Design Intelligence au lieu de l'éditeur.

Si le cadre contenant votre outil de planification intégré est plus court que l'outil lui-même, certains appareils mobiles peuvent rencontrer des problèmes lors de la réservation. Pour éviter cela, utilisez l'éditeur mobile Wix pour faire glisser le bas du cadre de l'outil de planification intégré vers le bas jusqu'à ce que l'ensemble de l'outil soit visible. Assurez-vous que le bas de l'outil soit visible tout au long du processus de réservation.

WordPress

Pour intégrer votre outil de planification à votre site WordPress, utilisez l’éditeur de texte WordPress pour ajouter le code d’intégration à partir d’Acuity.

Pour intégrer votre outil de planification :

1. Obtenez le code d’intégration de votre outil de planification en accédant au panneau de liens de la page Rendez-vous. Cliquez sur Intégrer un outil de prise de rendez-vous, puis sur Copier.
2. Utilisez l’éditeur de texte WordPress pour coller le code que vous avez copié sur l’une de vos pages.

Remarque : vous pouvez intégrer votre outil de planification sur des sites créés à l’aide de WordPress, mais pas sur des sites hébergés par WordPress.com. L’URL des sites hébergés par WordPress.com se termine par wordpress.com. Si vous êtes dans ce cas, ajoutez plutôt un lien direct vers la page Rendez-vous.

Zenfolio

Suivez les instructions de Zenfolio pour créer une page personnalisée, ajouter et intégrer du code. Utilisez le code d’Acuity pour intégrer l’outil de planification. 

Personnaliser le bouton et la barre de réservation

Les polices et autres aspects du bouton et de la barre de réservation correspondent généralement à ceux définis par défaut sur votre site web.

Vous pouvez mettre à jour le libellé du bouton ou de la barre en modifiant l’extrait de code fourni par Acuity.

La barre et le bouton de réservation changent de couleur pour correspondre à celle des boutons et des accents de votre outil de planification. Découvrez comment modifier les couleurs de votre outil de planification.

Conseil : Pour que le plus grand nombre puisse naviguer sur un site web, il est important de garder l’accessibilité à l’esprit au cours du processus de création. En savoir plus sur comment Créer du contenu accessible pour un site.