How to add Timely booking to your website
Timely is a widely used salon and spa booking system. Here's how to embed it on your own website rather than sending clients elsewhere.
Quick answer
Timely lets you embed a fully customisable booking widget directly into your existing website, so clients stay in your branded environment from first click to confirmed appointment. Grab the embed code from your Timely account, paste it into an HTML block on your booking page, and add a Book Now button in your header pointing at the same page.
Step-by-step
- 1
Get your booking widget from Timely
Timely provides an embeddable booking widget designed to sit inside your own site rather than redirecting clients away. Find it in your Timely account's online booking settings and copy the embed code.
- 2
Customise it before you copy
The widget is customisable, which matters more than it sounds — the whole point is keeping clients in your branded environment. Match your colours and styling so the booking step doesn't feel like a handoff to a different company halfway through.
- 3
Embed it on a dedicated booking page
Add an HTML or embed block on a page whose only job is booking, and paste the code. On Adviita, ask the AI editor to create a booking page and add your Timely embed. A full booking widget on your homepage pushes everything else down; on its own page it's exactly right.
- 4
Put a Book Now button in your header
The embed lives on one page; the button lives on all of them. Add a header button linking to your booking page so clients can reach it from anywhere on the site. That pairing — button everywhere, embed on one page — converts better than either alone.
- 5
Test the full journey on mobile
Book a real appointment from your phone. Check services, durations, staff and availability, and confirm both you and the client receive confirmation. Most salon bookings happen on mobile, so a desktop-only test tells you very little.
Tips & best practices
- ▸Keeping clients on your own site through checkout is the main advantage — don't undo it with a link that redirects.
- ▸Embed on a dedicated booking page; use a header button everywhere else.
- ▸Style the widget to your brand, or it reads as a third-party interruption.
- ▸Keep the Timely calendar accurate — the widget shows whatever's in it.
Common questions
Can I embed Timely booking on my own website?
+−
Yes. Timely provides a fully customisable booking widget you embed directly into your existing site, keeping clients in your branded environment from first click through to the confirmed appointment.
Where should the Timely widget go?
+−
On a dedicated booking page, with a Book Now button in your header linking to it. A full booking widget on the homepage pushes your services and photos down the page for the majority of visitors who aren't ready to book yet.
Does the Timely widget work on mobile?
+−
Yes, and mobile is where most salon and spa bookings happen. Always test the complete booking journey on an actual phone rather than a narrowed desktop window.
What if I'd rather just link to Timely?
+−
That works too and is simpler to set up — you lose the branded in-page experience but the booking still completes. For a small salon the difference is modest; for a premium brand the embed is worth the extra step.