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.

Plain text

Steps

  1. 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. 2

    Open Embed code

    In the editor, open Insert → Embed and choose the Embed code tab.

  3. 3

    Paste the tag

    Paste the tag, click Next, then Insert.

  4. 4

    Size it and publish

    Drag the box to full width and about 700 px tall, then publish.

Your tag

Replace your-slug with your booking page's slug, or copy the tag from Dashboard → Developers → Widget with it filled in.

inline
<script src="https://daybag.io/widget.js" data-org="your-slug" async></script>
button
<script src="https://daybag.io/widget.js" data-org="your-slug" data-mode="button" async></script>

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.