Install guide
Add online booking to Webflow
Put your booking form on a Webflow page with the Embed element.
Use: Embed code
Webflow's Embed element takes raw HTML and renders it when you publish. The inline script also works if you want the form without a frame.
Steps
- 1In the Webflow Designer, drag an Embed element onto the page from the Add panel.
- 2Paste the embed code below and click Save and Close.
- 3Publish the site. Embeds show on the published site, not in the Designer.
- 4Give the section enough height that the form is not cut off.
The code
Swap <your-business> for your booking name. Or skip that: your code, already filled in, is in the AutoRev app under Settings > Booking.
Embed code
<iframe src="https://book.autorev.ai/<your-business>" width="100%" height="780" frameborder="0" style="border:0;max-width:640px;" title="Book a service" ></iframe>
Book Now button
Want a button instead of the whole form? This opens the form in a pop-up.
<a href="https://book.autorev.ai/<your-business>" data-autorev-booking>Book Now</a> <script src="https://app.autorev.ai/booking-widget.js" async data-slug="<your-business>" data-mode="popup"></script>
Booking link
For a plain button or menu item that links out.
https://book.autorev.ai/<your-business>
Good to know
- Always check the published site. The Designer canvas does not run embeds.
- Using the inline script? Make sure no Webflow interaction hides the container on load.
Not on AutoRev yet?
Your customers pick what's broken, pick an arrival window, and the job lands in ServiceTitan, Housecall Pro or AutoRev. Try AutoRev online booking.
