Skip to content

Custom online booking widget

A booking widget that protects your calendar and your brand.

Framebase combines a design-first booking page with the scheduling rules service businesses actually need. Present services in your own visual language, control when people can book, sync paid plans with Google or Outlook, collect Stripe payments, and keep every new appointment in the same inbox as your forms, signups, and chats.

FREE PLAN · NO CARD REQUIRED

Book a kickoff call
45 MIN
Mon 9Tue 10Wed 11
2:00 PM3:30 PM5:00 PM
Confirm booking
  • Service-based booking flows
  • Availability rules and booking windows
  • Google and Outlook calendar sync on paid plans
  • Stripe payments on Pro and Team

Direct answer

What does the Framebase booking widget do?

The Framebase booking widget lets visitors choose a service and an available time from a branded booking flow. You control services and availability; Pro and Team add calendar sync and Stripe payments. Bookings can be published as a hosted page, embedded on any script-enabled site, or inserted into Framer.

Scheduling rules visitors do not have to think about.

A good booking experience makes the available choice obvious while protecting the time behind it. Framebase keeps presentation and scheduling logic in one product.

Services with the right context

Define the services people can book, their duration, pricing model, and the details visitors need before choosing a time.

Availability you control

Set working windows and booking constraints so visitors only see times the business is prepared to accept.

Calendar-aware scheduling

On Pro and Team, connect Google or Outlook calendars so existing commitments can be reflected in the booking workflow.

Payment before the appointment

Collect fixed or service-level payments with Stripe on paid plans and keep the payment state attached to the booking record.

Set up a booking path in four steps

The design, service configuration, publishing, and follow-up stay together, which makes the finished booking page easier to hand off and operate.

  1. 01

    Add services

    Define what people can book, how long it takes, what it costs, and the information they should see before choosing.

  2. 02

    Set availability

    Choose the hours and booking constraints that protect the calendar from impossible or inconvenient appointments.

  3. 03

    Match the site

    Style the booking flow in the visual canvas and check the desktop and mobile experience before publishing.

  4. 04

    Receive bookings

    Publish the page, collect bookings and optional payments, and work each appointment from the unified inbox.

Booking flows for service-led businesses

Consultations and discovery calls

Offer a clear set of call types without sending high-intent visitors into a scheduler that looks detached from the site.

Creative sessions

Let photography, design, coaching, or studio clients choose a service, time, and paid option from one branded experience.

Multi-site agency clients

Build and manage separate booking widgets for client sites while keeping access, roles, and responses organized on Team.

Questions, answered

What people ask before publishing.

Can Framebase take payment when someone books?

Yes. Stripe payments for bookings are available on Pro and Team. The Free plan can still collect bookings without payment.

Does the booking widget sync with my calendar?

Pro and Team support Google and Outlook calendar sync. The Free plan includes the booking widget but not external calendar sync.

Can I embed the booking page on my website?

Yes. Use the embed script on any site that accepts scripts, insert it through the Framer plugin, or share the standalone hosted booking page.

Is booking priced per team member?

No. Framebase plan prices are per workspace. Team includes unlimited members, sites, and widgets, subject to the plan’s interaction allowance.

Explore related Framebase workflows

Make the booking experience feel like part of the service.

Build the first booking widget free. Add calendar sync, payments, and higher interaction limits when the business needs them.