Page Builder

---

title: Page Builder category: Scheduling order: 8 description: Create custom booking page layouts with a visual drag-and-drop editor.

Page Builder

The Page Builder lets you create custom booking page layouts using a visual, Notion-style block editor. Instead of the default booking page layout, you can design a fully custom page with headings, text, images, buttons, and an embedded booking calendar.

Where to find it

• Event Types → Create → Page Builder (for new event types).
• Event Types → [event type] → Edit → Page Builder (for existing event types).
• Routes: /event-types/page-builder/create, /event-types/{eventType}/page-builder/edit.

When to use the page builder

Use the page builder when:

• You want a custom layout beyond the default booking page.
• You need to add marketing content (testimonials, feature lists, images) alongside the booking calendar.
• You want full control over the page structure.
• You're creating a landing page for a specific service.

Available blocks

Content blocks

Layout blocks

Booking block

Building a page

1. Add blocks — Click the "+" button or press "/" to add a new block.
2. Choose block type — Select from the available block types.
3. Configure — Edit the block's content (text, image URL, heading level, etc.).
4. Reorder — Drag and drop blocks to rearrange.
5. Delete — Remove blocks you don't need.
6. Place the calendar — Make sure to add a Calendar block where you want the booking widget to appear.

Example layout

A typical custom page might look like:

1. Heading — "1-Hour Strategy Session"
2. Text — Description of what the session covers
3. Image — Photo of the consultant or workspace
4. Divider
5. Heading (level 2) — "What you'll get"
6. Text — Bullet points or feature list
7. Spacer
8. Calendar — The booking widget
9. Spacer
10. Text — Cancellation policy or additional notes

Switching between layouts

Each event type can use either:

• Default layout — The standard booking page from SchedulingKit.
• Custom layout — A page you build with the page builder.

Toggle this in the event type edit screen under Advanced → Booking page options.

When you save a page builder layout, the event type's booking_page_type is automatically set to "custom".

Preview

Click Preview to open your custom page in a new tab and see how it looks to customers.

Notes

• The page builder stores the layout as structured data, not raw HTML. This means your pages are responsive and consistent with your theme.
• The Calendar block is required for customers to actually book. Without it, the page is informational only.
• Custom code from Customize → Custom Code still applies to page builder pages.