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 :
- Dans Acuity, cliquez sur Lien vers la page Rendez-vous.
- 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.
- Cliquez sur l’onglet Intégrer un outil de planification.
- Cliquez sur Copier.
Ajouter un bouton de réservation
Pour ajouter un bouton 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 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.
Pour obtenir le code :
- Dans Acuity, cliquez sur Lien vers la page Rendez-vous.
- 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.
- Cliquez sur l’onglet Bouton de réservation.
- Cliquez sur Copier.
Sites web Squarespace
Ajoutez le code que vous avez copié à un bloc Code. Pour savoir comment procéder, consultez l’article Blocs Code.
L’ajout de code JavaScript aux blocs 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.
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 :
- Dans Acuity, cliquez sur Lien vers la page Rendez-vous.
- 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.
- Cliquez sur l’onglet Barre de réservation.
- 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 intégré 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 :
- 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.
- 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.
Pour modifier la couleur des boutons et des accents de votre outil de planification :
- Dans Acuity, cliquez sur Personnaliser l’apparence.
- Utilisez le menu déroulant Couleur des boutons/Couleur d’accentuation pour choisir une couleur.
- Cliquez sur Enregistrer les modifications.
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.