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.

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

    Add Embed HTML

    In the Wix Editor, click Add Elements → Embed Code → Popular Embeds → Embed HTML.

  3. 3

    Paste the tag

    Click the element, then Enter Code. Paste the tag under Add your code here and click Apply.

  4. 4

    Size it and publish

    Stretch the element 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. 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.