AutoRev AI
Home/AutoBook Scheduler/Install
Install guide

Put online booking on your site

Copy one block of code and paste it into your site builder. Your code, with your business already filled in, is in the AutoRev app under Settings > Booking.

Not a customer yet? See how AutoRev online booking works and try the demo.

Pick your website builder

WordPressCustom HTML block. Works on every plan and theme.SquarespaceCode Block, or a button on plans without one.WixEmbed HTML element. Give it 780px of height.ShopifyA Book a Service page, pasted in HTML view.WebflowEmbed element. Shows on the published site.Vercel, Next.js and ReactPaste into your JSX. Two attribute changes.LovablePaste the code into the chat and ask it to embed.Google Business ProfileYour booking link in the appointment link field.Facebook and InstagramYour booking link in the bio and the Page button.YelpYour booking link in the website field.

The code

Swap <your-business> for your booking name, or copy your own from Settings > Booking.

Book Now button

Opens the booking form in a pop-up over your page. Put it in your header, your hero or next to your phone number.

<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>

Embed on a page

The whole form sits on the page. Best for a Book Online page.

<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>

Booking link

For Google Business Profile, Facebook, Instagram, Yelp, email and texts.

https://book.autorev.ai/<your-business>

Inline script

Only if your site blocks iframes. Same form, no frame.

<div id="autorev-booking-widget"></div>
<script src="https://app.autorev.ai/booking-widget.js" async data-slug="<your-business>"></script>

Want to paste your link and get code back? Use the online booking widget generator.

FAQ

Questions, answered

In the AutoRev app, go to Settings > Booking. Every snippet there already has your business filled in. The code on this page shows the shape with a placeholder.

The Book Now button if you want it in your header or hero. The embed if you want a Book Online page. The link for anywhere that takes only a link, like Google, Facebook, Instagram and Yelp.

Yes. Most businesses put the button on the site, the link on Google, and the link in their bio. They all book into the same schedule.

Ask MeganMMegan