Eight ways to show your Microsoft Bookings calendar

Each template below is the real widget running on a demo calendar, not a screenshot. Pick one per widget in the dashboard, or override it on a single page with one attribute.

Try them with your link Start free

Classic, Compact, Next available and Profile are on every plan. The other four are on Pro.

01Every plan, Free included
Classic
Month calendar beside the day's times — the layout visitors already know.
Best for
Contact and booking pages
Designed width
Wide, adapts below it
Attribute
template="classic"
Try Classic with your link
02Every plan, Free included
Compact
A scrolling day strip over a grid of times, built for sidebars and phones.
Best for
Sidebars, landing pages, mobile-heavy traffic
Designed width
Narrow, adapts below it
Attribute
template="compact"
Try Compact with your link
03Every plan, Free included
Next available
The soonest open times as one list — one tap to pick, nothing to browse.
Best for
Sales calls and quick consultations
Designed width
Narrow, adapts below it
Attribute
template="minimal"
Try Next available with your link
04Every plan, Free included
Profile
Your photo, a short bio and what you'll cover beside the calendar.
Best for
Consultants, advisers, coaches and Bookings with me pages
Designed width
Wide, adapts below it
Attribute
template="profile"
Try Profile with your link
05Pro plan
Split
Your business and service details on the left, the calendar on the right.
Best for
Hosted booking pages and full-width sections
Designed width
Wide, adapts below it
Attribute
template="split"
Try Split with your link
06Pro plan
Week view
Seven days side by side so visitors compare times at a glance.
Best for
Clinics, salons and advisers with busy calendars
Designed width
Wide, adapts below it
Attribute
template="week"
Try Week view with your link
07Pro plan
Guided
One question per step — service, person, day, time, details — with progress.
Best for
Many services or staff; highest completion on mobile
Designed width
Medium, adapts below it
Attribute
template="stepper"
Try Guided with your link
08Pro plan
Service cards
Services as rich cards with duration and price, then a clean time picker.
Best for
Menus of services with prices
Designed width
Medium, adapts below it
Attribute
template="cards"
Try Service cards with your link

The demo widgets run in preview mode, so no booking can be made from this page. Brightwater Clinic is a fictional business. On your site the widget reads your own services, staff and open times from your public Microsoft Bookings page.

What you can change, by plan

Every template takes your accent colour and light or dark mode on the Free plan. Pro opens the rest of the theme and removes the badge. More on styling

Widget styling options on the Free and Pro plans
Option	Free	Pro and Business
Templates	Classic, Compact, Next available, Profile	All eight
Accent colour	Any colour	Any colour
Light, dark or follow the visitor	Yes	Yes
Font	System font	System, Geist, serif, rounded or mono
Corner radius (0–28 px)	Default	Adjustable
Density and button style	Default	Comfortable or compact; solid, soft or outline
Background	Template default	Any colour, or transparent
“Powered by BookingsXP” badge	Shown	Removed

Your calendar, in your site's colours

Paste your public Microsoft Bookings link, choose a template and copy one line of code.

Start free Try it with your link

No Microsoft sign-in or admin consent. Free plan, no card.