Dieser Artikel dient als Leitfaden, der Ihnen hilft, Ihr Buchungs-Widget auf Ihrer Website bestmöglich zu integrieren, um sicherzustellen, dass Ihre Kunden ein gutes Benutzererlebnis haben.
Wenn Sie das Buchungs-Widget in Ihre Website einfügen, ist es wichtig, dass es gut integriert ist.
Es gibt ein paar wichtige Bereiche, die Sie überprüfen müssen:
- Es gibt einen eindeutigen und gut sichtbaren "call-to-action button" auf Ihrer Website, mit der Aufforderung "Termin buchen"
- Sie haben eine eigene Seite für das Onlinebuchungs-Widget.
- Fügen Sie den Widget-Code in einen <DIV> Container ein, der für das Widget geeignet ist.
- Falls für Ihre Website zutreffend, überprüfen Sie den "Floating Button" auf Ihrer Website.
1. Call-to-action Buttons
Ihr "Termin buchen" Call-to-action-button groß und deutlich sichtbar sein. Dieser sollte auf Ihrer Seite hervorstechen und auf der gleichen Ebene liegen wie die Angabe Ihrer Telefonnummer.
- Wenn Sie einen zusätzliches Navigationsmenü haben, stellen Sie sicher, dass das Widget in diesem enthalten ist.
- Wenn Sie ein Bild auf Ihrem Startbildschirm haben, platzieren Sie eine Schaltfläche mit dem Widget in der Mitte dieses Bildes.
- Wenn Sie eine Fußzeilen-Sitemap haben, fügen Sie den Link auch hier ein, um die Suchmaschinenoptimierung zu unterstützen.
Beispiele
Der "call-to-action button" ist durch rote Kästchen gekennzeichnet:
2. Eigene Seite für "Online-Buchung"
Eine Seite auf Ihrer Website sollte der allein Online-Buchungsfunktion dediziert sein. Wenn Sie, wie oben erwähnt, einen eindeutigen "call-to-action button" mit einer Handlungsaufforderung verwenden, kann der Tierhalter die Seite leicht finden. Um eine optimale Nutzung der Online-Buchungsseite zu gewährleisten, sollten Sie darauf achten, dass:
- 1/3 der Website (auf der linken oder rechten Seite) sollte deutlich alternative Kontaktinformationen anzeigen
- Weisen Sie dem Widget 2/3 der Seite zu und erlauben Sie dem Widget, die gesamte Breite einzunehmen, um das Benutzererlebnis zu verbessern. .
- Oder geben Sie dem Widget die gesamte Seite, es wird sie ausfüllen!
Beachten Sie: Wenn Ihre Website mobilfreundlich und reaktionsfähig ist, wird das Widget genauso reaktionsfähig sein, wie Ihre Website.
Mit einer eigenen Seite können Sie auch die Buchungsabbrüche der Besucher verfolgen. Lesen Sie mehr über die Integration von Vetstoria Google Analytics Vetstoria.
Beispiele:
3. Integrieren Sie das Buchungs-Widget in einen DIV - Container
Die korrekte Integration des Widgets wird die Buchungserfahrung und die Benutzerfreundlichkeit für Ihre Kunden bei der Terminbuchung verbessern.
Sie benötigen den Widget-Code von Vetstoria.
Lesen Sie mehr über "Wo finde ich meinen Widget-Code?"
Ihr Widget-Code sieht wie folgt aus: (Dieser Code ist von einer Demo- Plattform und kann von Ihnen getestet werden):
<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>Bei der Implementierung Ihres Codes in Ihre Website kommt es darauf an, dass Sie alles richtig machen, und das sind die wichtigsten Punkte:
Benutzen Sie einen <DIV> in einem Container auf der seperaten Buchungsseite. Wir empfehlen etwa 200px Breite, aber versuchen Sie es selbst aus!
- Unbegrenzte Länge der Buchungsphasen im Widget
- Korrekte Integration mit den zu Ihrer Website passenden Farben
Die Verwendung einer der folgenden Methoden kann zu einer schlechten Kundenerfahrung führen, was zu fehlgeschlagenen Buchungen führen und andere Funktionen des Vetstoria-Tools beeinträchtigen kann
Vermeiden Sie die Verwendung von:
- iframes
- Popups
- modale Fenster
- Slider-Effekte von der Seite
Beispiele:
Wenn das Buchungs-Widget mehrere Kliniker und mehrere verfügbare Tage und Zeiten anzeigt
4. Schwebendes Navigationsmenü
Was ist das?
Dies ist ein Navigationsmenü, das am oberen Rand des Bildschirms bleibt, wenn Sie auf Ihrer Website nach unten scrollen und darauf wartet benutzt zu werden.
Warum ist es wichtig darauf zu achten?
Wenn das Buchungs-Widget auf einer Webseite integriert ist, die ein schwebendes Navigationsmenü hat, neigt das Widget während des Buchungsvorgangs dazu, nach oben zu wandern. Dies kann zu einem unangenehmen Buchungserlebnis für Ihre Kunden führen. Wenn dies auf die Website Ihrer Klinik zutrifft, wenden Sie sich bitte an unser Support-Team, das Ihnen einen aktualisierten Widget-Code zusenden wird, um dieses Problem sofort zu beheben.
Wenn Sie Fragen haben oder weitere Hilfe benötigen, melden Sie sich bitte bei Vetstoria an, um mit unserem Team zu chatten, oder verwenden Sie das Formular "Contact Support", das oben auf dieser Seite verlinkt ist.
War dieser Artikel hilfreich?
Das ist großartig!
Vielen Dank für das Feedback
Leider konnten wir nicht helfen
Vielen Dank für das Feedback
Feedback gesendet
Wir wissen Ihre Bemühungen zu schätzen und werden versuchen, den Artikel zu korrigieren