---
title: "Easy Booking Widget — Free Framer component · Best of Framer"
description: "Free Framer component · by Joel Parfitt · Interactive. QZee Booking makes it effortless to add your QZee scheduling experience to Framer."
canonical: "https://framer.elliotli.dev/component/qzee-booking"
---

[Home](/)/[Components](/components)/[Interactive](/components/category/interactive)/Easy Booking Widget

# Easy Booking Widget

[View on Framer](https://framer.com/marketplace/components/qzee-booking/?via=elliot-li)

![Easy Booking Widget preview image 1](https://framer.elliotli.dev/og/component/qzee-booking/01249e89f7031c7c/1600x1200.jpg)

## Summary

QZee Booking makes it effortless to add your QZee scheduling experience to Framer.

## Description

**QZee Booking** makes it effortless to add your QZee scheduling experience to Framer. Drop the component onto your page, paste your QZee booking URL, and you’re done. The component renders your live QZee widget inside a responsive frame and supports fixed or auto height, so it fits cleanly into any layout. All configuration (services, availability, colours, copy) stays in QZee—your site updates automatically when you change settings in QZee.

-   Fast to set up, easy to maintain
    
-   Works across breakpoints and layouts
    
-   Keeps your source of truth in QZee
    

**Key features**

-   Paste-and-go: just add your QZee booking URL
    
-   Fixed or Auto height
    
-   Responsive by design with optional border radius + background
    
-   No extra config: manage everything in QZee
    
-   Analytics-friendly: automatically appends utm\_source=framer
    

**Controls (props)**

-   bookingUrl (required) — public QZee booking link
    
-   heightMode — Fixed | Auto
    
-   height — fixed height (when Fixed)
    
-   minHeight — minimum height (Auto floor)
    
-   allowScroll — iframe scrolling on/off
    
-   borderRadius — corner radius
    
-   background — container background
    

**Setup**

1.  Drag **QZee Booking** onto your canvas.
    
2.  Paste your QZee booking URL (e.g. [https://bookings.qzee.app/v/\*\*\*\*\*\*\*\*\*](https://bookings.qzee.app/v/myfithealth)).
    
3.  Choose **Fixed** or **Auto** height and adjust appearance.
    
4.  Publish. Future changes in QZee sync automatically.
    
5.  Manage your bookings: [https://www.qzee.app/](https://www.qzee.app/)
    

**Support:** [contact@qzee.app](mailto:contact@qzee.app)

## Rank history [How rankings work →](/terms#rankings)

-   All · #7121

## Details

- **Author**: Joel Parfitt
- **Published**: 2025-12-01
- **Updated**: 2025-12-10
- **Added**: 2025-10-08
- **Categories**: Interactive

## More like this

-   [Velvet Curtain](/component/velvet-curtain) — Sarthak Prakash · $12 — Cinematic curtain reveal effect
-   [Image-Compare Slider](/component/image-compare-slider) — Studio Digital · Free — Reveal what changed, beautifully
-   [Lesson Packages](/component/lesson-packages) — Shelfless Studio · $9 — Lesson bundles with savings shown
-   [Deskbell AI Chatbot](/component/deskbell-ai-chatbot) — NS. Studio · Free — AI site chat, works with Chatbase