# Add bookings to Wix

Add an Embed HTML element where bookings should go and paste your daybag script tag into it. Wix shows embedded code in a frame of its own, so make the element tall enough for the whole flow. For a floating Book now button on every page, add the button version with Wix's Custom Code instead.

URL: https://daybag.io/guides/wix

## 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. Add Embed HTML: In the Wix Editor, click Add Elements → Embed Code → Popular Embeds → Embed HTML.
3. Paste the tag: Click the element, then Enter Code. Paste the tag under Add your code here and click Apply.
4. Size it and publish: Stretch the element 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. For the button on every page, open Settings → Custom Code in your site's dashboard, paste the button version, choose All pages and Body - end, then Apply. Wix runs custom code on sites with a connected domain.
- 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?
Wix sizes embeds itself, and the widget can't grow past the element. Drag the Embed HTML element taller.
### Can guests pay at booking?
Not inside Embed HTML: Stripe Checkout can't open in Wix's frame. Use the button through Custom Code, or link a button to your booking page.
### 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.