Integrating the Booking Widget
Paste the iframe into your site or share the hosted URL, only after the widget is enabled.
Overview
Integration is mechanical and distribution-focused: once Booking Widget is enabled on the Publish page, you copy either the iframe embed code (full-width snippet with a fixed suggested height) or the hosted booking URL pointing at the consumer app path. Use the embed on pages you control; use the hosted URL for Google Business Profile booking links, social bios, SMS, or QR codes. The widget does not auto-inject into your site, you add the HTML where you want the flow to appear.
Step-by-Step Instructions
Enable the widget and complete the checklist
You only get embed code and the hosted URL after Enable Widget succeeds. Finish opening hours, tables, logo, and brand color first.
Choose embed vs link
Use the iframe when you want the booking flow inline on a webpage. Use the hosted URL when you need a single link (email, Google, social, or Book buttons that open a full page).
Add the iframe to your HTML
Paste the copied embed code into your CMS or template (for example a "Book a table" section). The snippet uses `width=\"100%\"` and a set `height` adjust only if your layout requires it and test on mobile.
Place it where guests expect to book
Common placements: hero, sticky header button linking to an anchor, dedicated `/book` page, or footer match your site navigation patterns.
Wire Google Business Profile
Tips & Best Practices
Mobile height and scrolling
The default iframe height is a starting point; verify that longer booking steps scroll comfortably inside the frame on phones.
One embed, many pages
You can reuse the same snippet on multiple page, bookings still land in Reservations as External.
Keep Profile data accurate
The widget relies on your configured hours and tables; bad data in Profile hurts every integration point.
Keep the booking path distraction-free
Avoid placing the widget near competing CTAs or cluttered sections. Give it enough visual space so guests can focus and complete their reservation without interruption.