Guides

Embedding Vetstoria on a Vet Practice Website

Where to put Vetstoria on a veterinary practice website, how to link to it per appointment type, what to configure first, and how to keep the pages fast.

5 min read
GuidesPetsBooking Systems
953 words5 min read

What Vetstoria gives a website

Vetstoria is real time online booking for veterinary practices. It sits on top of your practice management system, applies your rules about who can book what and when, and writes the appointment into the diary rather than into an inbox.

From a website's point of view there are two pieces to wire up. A booking flow, reachable as an embed or a hosted page with book now links you can point at from your own pages. And the client and patient capture inside it, which is what turns a booking from a new owner into a registration rather than a phone call the next morning.

Integration behaviour, available link options and which practice management systems are supported depend on your product version and region, so confirm the specifics with Vetstoria before designing pages around them.

The rule: nothing loads until the owner taps Book

The common mistake is dropping the widget into the footer of every page. A veterinary site is mostly read rather than booked: fees, health plans, service pages, the team, the emergency route. Loading a third party booking script on all of them slows the pages that do the persuading for the sake of the one page that does the booking.

So one booking page carries the embed. Every other page links to it. The emergency page carries neither, because an emergency is a phone call.

The booking page

Give it a short address such as /book, and put nothing on it except the embed, two reassuring lines, the phone number and your hours. Reserve the height before the widget arrives so the page does not jump, and preconnect to the booking domain in the head:

HTML
<link rel="preconnect" href="https://booking.vetstoria.com">
<div class="booking-embed" style="min-height: 760px"><!-- Vetstoria embed --></div>

Above the embed, three short lines that remove the calls you get most: what a new client will be asked for, what to do if the animal needs to be seen today rather than next week, and what a consultation costs with a link to the fees page. Below it, your cancellation position.

Each service page gets its own booking button pointing at the right appointment type where your configuration allows it. The vaccination page opens a vaccination appointment. The puppy and kitten page opens the new pet appointment rather than a standard consult. The dental page, which is usually not directly bookable, opens a request or a call instead, with a line saying what happens next.

Where an appointment type cannot be deep linked, the button still goes to the booking page and the line above the widget names what to pick.

Configure the rules before the site points at it

Most Vetstoria problems are configuration problems, not website problems.

  • Appointment types and durations, matching how the practice actually runs, with new client appointments given the longer slot they need.
  • Which types are open to new clients and which are existing clients only.
  • Availability rules by vet, so a new puppy check does not land with the vet who only does surgical days, and so emergency capacity is protected.
  • Registration capture, so a new owner and their pet arrive as a record rather than a note.
  • Confirmation and reminder wording in your voice, with your address, parking, which door, and what to bring.
  • Fees shown on the site matching what the desk charges. A confirmation that contradicts your fees page costs more goodwill than a missing feature.
  • A visible route back to the phone at every step, for the owner who has realised this is urgent.

Then book a test patient from your own phone, end to end, and cancel it.

The header does not change

Vetstoria does not reorganise the site. Your header still carries the phone number, Book, Register and, on phones, a slim fixed bar with Call and Book. The emergency element stays where it is and stays above the booking button in priority, because the worst two minutes beat the routine ones.

Test it in the browsers your clients actually use

A meaningful share of veterinary traffic arrives from a link in an Instagram or Facebook bio, and those in app browsers are not Safari. Test the whole route there as well as in Safari and Chrome on iOS and Android: choose the appointment type, register the owner and pet, submit, receive the confirmation, cancel.

Repeat monthly. Booking products update, and it is better that you find a broken step than an owner who gave up and rang the practice down the road.

Tracking

Add a booking_click event on every Book tap with the page and appointment type as parameters, and a call_click on every tap to call. Once a month, compare taps by page against completed appointments. That tells you which service page fills the diary and which one is read and abandoned, usually the one whose price is vaguest.

Common mistakes

  • The widget on every page, slowing the fees and plan pages for people who are only reading.
  • New client appointments given the same short slot as a routine recheck.
  • The emergency route buried underneath a booking button.
  • Fees in the confirmation drifting away from the fees page after a rate rise.

Where this sits

Vetstoria is one of the platforms we wire in on a veterinary clinic website, alongside ezyVet, Provet Cloud and Covetrus, and the pattern is the one we use across pet business websites: one booking page, deep links from the pages that create intent, the phone ahead of both, tracking on everything. Our packages are on pricing.

All writingSee packages and prices