Booxi-Labs Event Calendar Widget Code Generator

1. API & Hosting

Merchant API Keys

Hosting Region

2. Mode

Widget Mode

Calendar Page List Grid

Date Range

Month Week Day

Service ID (Optional)

3. Display

Event Click Action

Sidebar Full Page

Event Detail Density

Auto Number Brief Full

Book Now Button Text (Optional)

4. Filters

Active Filters

Store Service Event types

5. Locale

Language

6. Booking Widget

Mode

Auto Custom — open outside iframe ↗

Default. BookNow opens inside the iframe. If a Waitlist Redirect URL is set, the full page will navigate to it (with booking data) after the widget closes.

The event calendar widget will post a BOOXI_OPEN_BOOKNOW message to the parent page to use your integration of the Booking Widget (to support redirects for checkout, waitlist or other use cases).

Waitlist Redirect URL

The waitlistRedirectUrl will be automatically called when the booking widget is closed. Use this with the Booxi-Labs Waitlist add-on, or to redirect to a custom page.

7. Analytics

Google Tag ID (Optional)

When using GA4, the calendar widget will both send events to GA and enable it for the Booking Widget.

Brand

Primary Color

Border Radius

Square Rounded Pill

Font Family

Surfaces (Optional)

Background Color

Surface Color

Border Color

Text (Optional)

Primary Text Color

Secondary Text Color

Event Calendar Widget

JS Snippet iFrame Only Popup Config URL

Live Preview

Desktop Mobile

Enter at least one Merchant API Key to see the live preview.