Driive Quickstart: How to Build and Embed a Booking Page

Driive booking pages just got a major upgrade. You can now embed the booking form directly on your website instead of relying only on a Book Now button that opens a separate page — and a new routing form sits in front of scheduling to smart-route each visitor to the right appointment type.

This quickstart covers both audiences. If you're setting up a booking page for the first time, follow steps 1–6 to build, brand, and publish it. If you're migrating from the old website widget, read the migration note below first — because your booking URL has changed and the old link will stop pointing to your booking flow.

This screen-share covers the entire setup in order — building the routing form, customizing content and design, setting post-booking behavior, and publishing with either a button or an inline embed.

Direct embeds are new: booking pages now support inline embeds, not just a Book Now button that opens a separate page. You can place the actual booking form inside your website.

The destination link changed: even if you keep the Book Now button, the link it points to is different now. The old widget URL was app.getdriive.com/book, and the new URL is app.getdriive.com/<yourcompanyname>.

Why this matters: because the URL structure changed, any existing Book Now button or link still pointing at the old /book address will no longer route customers into your booking flow. If you were using the old website widget, you must update your links — see the migration step at the end.

Start by creating a new booking page — for example, name it "Main Booking Page." Then add your form questions, which work like the old routing form but now drive smart routing.

A typical setup uses one routing question with multiple-choice answers, each mapped to a destination appointment type:

Question: "What can we help you with?" set to Multiple choice.

Options and destinations: Service one → Precise Measure, Service two → Test, Service three → Test. Each answer routes the visitor to the correct appointment type.

Default destination: set where visitors go when their answer doesn't match a specific option, so no one hits a dead end.

Contact info: choose what to collect — typically phone number and email address — so you can follow up.

Update the page title and copy so the wording matches your booking flow and sounds like your business.

Example content: Title "What can we help you with?", supporting text "Great — we have three services you can pick from," and a section label like "Your details" above the contact fields.

Save your changes once the content reads the way you want.

Update the visual styling so the booking page looks like the rest of your website rather than a generic form.

Set the essentials: logo, brand color, accent color, and the booking page background color.

Add trust elements: company or accreditation badges, contact information, and any other credibility markers you want visitors to see.

Save the design changes when everything looks right.

Decide what happens after a customer submits the form. If you want them to land somewhere specific — a thank-you page, an offer, or a next step — update the Thank You redirect to that URL.

This gives you control over the post-booking moment instead of leaving customers on a default confirmation. Save the redirect settings once configured.

You have two ways to put the booking experience on your site. Both start by publishing the booking page.

Book Now button: still available, now with the updated link. You can customize the button text, color, and overall appearance, then drop it wherever you want visitors to launch the booking popup.

Inline embed: places the booking form directly on the page. Publish the booking page, copy the embed code, paste the script tag in your site's head (or just above the closing body tag), and add the inline embed snippet wherever the form should appear.

The old flow sent every visitor to a booking page where they picked an appointment type and a time themselves.

The new routing form sits before that step and smart-routes each visitor to the correct appointment type based on their answer — so someone choosing "Service one" is sent straight to the right destination without guessing.

In practice you can combine this with a branded background, accreditation badges on the page, and the form embedded directly into your website for a seamless experience.

If you were using the old website widget, this is the step you can't skip. The booking URL changed from app.getdriive.com/book to app.getdriive.com/<yourcompanyname>, so any button or link still pointing at the old address needs to be updated.

Do it yourself: rebuild your booking page as above, publish it, and replace your existing Book Now button or link with the new button/embed code so it points to your new destination.

Let us do it: if you'd rather keep your existing Book Now button exactly where it is, reach out and the team can update your booking button URLs to the new destination for you. This is the easiest path if you have buttons in many places or aren't sure where they all live.

Either way, confirm the migration by clicking your live button and making sure it opens your new booking page and routes correctly.

Driive booking pages bring routing, branding, and direct embeds together so every visitor lands on the right appointment type in a page that looks like your site.

If you're migrating off the old widget or building your first page, book a demo and we'll help you build the routing form and update your booking links. You can also explore the full platform or see Driive for home service businesses.

Just getting started with Driive? Learn how to create your account and browse more step-by-step guides in the Driive Help Center.