# Add bookings to Google Sites

In Google Sites, use Insert → Embed → Embed code and paste your daybag script tag. Google Sites shows embedded code in a frame of its own, so drag the box tall enough for the whole flow. There's no site-wide code on Google Sites, so use the inline tag, and add a Button that links to your booking page for a second way in.

URL: https://daybag.io/guides/google-sites

## Steps
1. Copy your tag: In daybag, open Dashboard → Developers → Widget, pick Inline or Button, and copy the tag. Your slug is already in it.
2. Open Embed code: In the editor, open Insert → Embed and choose the Embed code tab.
3. Paste the tag: Paste the tag, click Next, then Insert.
4. Size it and publish: Drag the box to full width and about 700 px tall, then publish.

## Your tag
Inline:
```html
<script src="https://daybag.io/widget.js" data-org="your-slug" async></script>
```
Button:
```html
<script src="https://daybag.io/widget.js" data-org="your-slug" data-mode="button" async></script>
```
Replace `your-slug` with your booking page's slug, or copy the tag from Dashboard → Developers → Widget with it filled in.

## Inline or button
- Inline, the default, renders the booking flow right where you paste the tag.
- Button: `data-mode="button"` floats a Book now pill in the corner that opens the flow. Google Sites has no site-wide code, so the floating button isn't an option. Use the inline tag, or add a Button from the Insert panel that links to your booking page.
- Link: your booking page, `https://daybag.io/book/your-slug`, is the same flow on a page of its own.

## Test it
1. Open the published page in a private window, as a guest would.
2. Book a test with your own email: the confirmation lands in your inbox.
3. Find the booking in Dashboard → Bookings and cancel it there.

## FAQ
### Why is the booking flow cut off?
Google Sites sizes embeds itself, and the widget can't grow past the box. Drag it taller.
### Can guests pay at booking?
Not inside the embed: Stripe Checkout can't open in Google's frame. Link a Button to your booking page for paid bookings.
### Can the widget open one offering?
Yes. Add `data-offering` with the offering's id: the end of its booking link in your dashboard, after `?offering=`.
### What if my builder won't run the tag?
Link a button to your booking page, `https://daybag.io/book/your-slug`. It's the same booking flow on a page of its own.