Comment puis-je intégrer au mieux le widget de réservation sur mon site internet ?

Cet article sert de guide pour vous aider à intégrer au mieux votre widget de réservation sur votre site internet afin de vous assurer que vos clients ont une bonne expérience utilisateur.

Si vous insérez le widget de réservation sur votre site, il est important qu'il soit bien intégré.

Le fait d'avoir respecté quelques points importants est à vérifier :

1. Il y a un "bouton d'appel à l'action" clair et bien visible sur votre site web, avec un intitulé clair comme "Réserver un rendez-vous".
2. Vous avez une page dédiée au widget de réservation en ligne.
3. avoir collé le code du widget dans un conteneur <DIV> adapté au widget.
4. Si cela s'applique à votre site, vérifiez le "bouton flottant" sur votre site.

1. Boutons d'appel à l'action

Votre bouton d'appel à l'action "Réserver un rendez-vous" doit être assez grand et bien visible. Il doit ressortir sur votre page et se trouver au même niveau que votre numéro de téléphone.

• Si vous avez un menu de navigation supplémentaire, assurez-vous que le widget y est inclus.
• Si vous avez une image sur votre écran d'accueil, placez un bouton avec le widget au centre de cette image.
• Si vous avez un sitemap (plan du site) en bas de page, insérez également le lien à cet endroit pour favoriser l'optimisation pour les moteurs de recherche.

Exemples

Le "bouton d'appel à l'action" est indiqué par des cases rouges :

2. Page dédiée pour "Réservation en ligne 

Une page de votre site doit être dédiée à la seule fonction de réservation en ligne. Si, comme mentionné ci-dessus, vous utilisez un "bouton d'appel à l'action" clair, le propriétaire de l'animal peut facilement trouver la page. Pour garantir une utilisation optimale de la page de réservation en ligne, veillez à ce que :

• 1/3 du site (sur la gauche ou la droite) doit afficher clairement des informations de contact alternatives
• Attribuer les 2/3 de la page au widget et permettre au widget d'occuper toute la largeur pour améliorer l'expérience utilisateur. . 
• Ou donnez au widget toute la page, il la remplira !

Avec une page dédiée, vous pouvez également suivre les abandons de réservation des visiteurs. En savoir plus sur Integration de Vetstoria Google Analytics Vetstoria..

Exemples :

3. Intégrer le widget de réservation dans un conteneur DIV

L'intégration correcte du widget améliorera l'expérience de réservation et la facilité d'utilisation pour vos clients lors de la prise de rendez-vous.

Pour cela, vous avez besoin du code widget de Vetstoria.

En savoir plus sur "Où puis-je trouver mon code de widget ?"

Votre code de widget se présente comme suit : (Ce code provient d'une plateforme de démonstration et vous pouvez le tester) :

<div id="oabp-widget" data-mode="html5" data-domain="booking-demo.vetstoria.com" data-site-hash="551a955953759" data-mobile-message="Touch Here to Make an Appointment" data-auto-mobile-redirection="false" data-force-desktop-view="false" data-offset="0" data-theme-customisation="3866a3,63b8ee,3866a3,ffffff,97c4fe,97c4fe"></div>
<script src="https://booking-demo.vetstoria.com/js/oabp-widget.min.js"></script>

Exemples :

Si le widget de réservation affiche plusieurs praticiens et plusieurs jours et heures disponibles

4. Floating Button - "Bouton flottant"

Qu'est-ce que c'est ?

Il s'agit d'un menu de navigation qui reste en haut de l'écran lorsque vous faites défiler votre site vers le bas et qui attend d'être utilisé.

Pourquoi est-il important d'y faire attention ?

Si le widget de réservation est intégré à une page web qui possède un menu de navigation flottant, le widget a tendance à se déplacer vers le haut pendant le processus de réservation. Cela peut entraîner une expérience de réservation désagréable pour vos clients. Si cela s'applique au site web de votre clinique, veuillez contacter notre équipe d'assistance qui vous enverra un code de widget mis à jour afin de résoudre immédiatement ce problème. 

Si vous avez des questions ou si vous avez besoin d'une aide supplémentaire, veuillez vous connecter à Vetstoria pour discuter avec notre équipe ou utiliser le formulaire "Contact Support", dont le lien figure en haut de cette page.