How do you add online bookings to your website?

The tag loads a small script from the booking platform. The script draws the booking flow in a frame on your page, sized to fit, so it sits inside your site while the booking itself runs on the platform.

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

Most website builders take it in an embed or custom code block. There's no plugin to install, and async keeps it from holding up the rest of your page.

• Inline puts the booking flow in the page, right where you paste the tag. It suits a Book or Trips page.
• A button floats a pill in the corner of the page that opens the flow in a pop-up. Put the tag on every page and guests can book from anywhere on your site.

In daybag, inline is the default. Add data-mode="button" for the button and data-label to change its text, or data-offering to open one class, trip or rental directly. Every option is in the widget docs.

Guests choose what to book, a date and time, and how many people or items, then enter their name and email. The booking confirms on the spot and a confirmation email follows.

If you take payment at booking, the guest pays on a secure checkout page and the booking confirms when the payment lands. In daybag, payment at booking comes with Pro, and the money goes straight to your own Stripe account. See pricing.

Most guests do all this on a phone: 76% of FareHarbor bookings happen on mobile (FareHarbor, Jan 2026). Try your page on one before you share it.

An embed doesn't copy your calendar onto your website. Each time it loads, it reads availability from the same place your dashboard does, so there's no second calendar to keep up to date.

In daybag, the widget, the hosted booking page, the dashboard, the API and MCP all book through one capacity check, so they can't sell the same place twice. Here's how that works.

When a booking confirms inside the widget, it fires a daybag:booked event on your page for your analytics. Paid bookings finish on the checkout page, so count those with the booking.confirmed webhook.

Each builder has its own place for embed code. Follow the guide for yours:

• Squarespace
• Webflow
• WordPress
• Wix
• Shopify
• Framer
• Google Sites

Building your own site? Start at Developers.