Booking widget

The booking widget for your website

GrowFlow Booking gives you an embeddable, fully white-label booking widget: drop it on your site as a React component or with a simple script tag, style it with your own brand colors, and let customers book without ever leaving your pages. Under the hood the widget talks to the Booking API and writes to the connected calendar.

  • Embeddable on any website or CMS
  • Fully white-label: your brand and colors
  • React component (npm) or standalone script tag
  • Configurable with embedCode or tenantSlug
  • Connected to the Booking API (/api/v1)
  • Multi-tenant: every business gets its own widget

Two ways to embed it

You can add the widget in two ways. As a React component by installing the npm package @growflowstudio/growflowbooking-widget and importing <BookingWidget /> into your project, or as a standalone bundle: include the <script> tag served at /widget.js (an IIFE with React already bundled) and mount the widget in a few lines. The first is ideal for React apps, the second for any site or CMS.

White-label, your brand

The widget is built to blend into your site: no third-party branding on show. Set theme.primaryColor to your business color and the widget adopts your identity. Customers see your booking flow, not a vendor's.

Configure with embedCode or tenantSlug

The widget is configured by passing an embedCode or your business tenantSlug, along with the apiUrl and language (it/en). From there it automatically resolves the tenant's services, calendars and availability rules, with no extra code on your side.

Connected to the Booking API

Under the surface the widget is not a static page: it talks to the GrowFlow Booking REST API at /api/v1 to read genuinely free slots and create bookings. Every appointment taken through the widget is written to the connected calendar like any other booking.

For developers and other channels

If you want to go beyond the widget, the same capabilities are available via API and SDKs: see the developer page. And if you'd rather let customers book in natural language, take a look at chat booking, which runs on the same availability engine.

Learn more: the developer page · chat booking

Frequently asked questions

How do I embed the widget on my site?
Two ways: as a React component by installing the npm package @growflowstudio/growflowbooking-widget, or by including the <script> tag served at /widget.js and mounting the widget in a few lines. The latter works on any site or CMS.
Is the widget white-label?
Yes. It shows no third-party branding: set theme.primaryColor to your brand colors and the widget adopts your identity, so customers book while staying inside your site.
How is it configured?
By passing an embedCode or your business tenantSlug, along with the apiUrl and language. The widget resolves the tenant's services, calendars and availability rules on its own.
Does it work without React?
Yes. Besides the React component, the backend serves a standalone bundle at /widget.js (an IIFE with React already included) that you can mount with a script tag on any site.
Does the widget create real bookings?
Yes. The widget talks to the Booking API at /api/v1: it reads real availability and creates the booking, which is written to the connected calendar like any other.

Put the widget on your site

Create your free account, customize the colors and paste the widget wherever you want to take bookings.

Create your free account