Help Center
Scheduling

Page Builder

Updated April 23, 2026
39 views

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

BlockDescription
HeadingA title or subtitle. Choose level 1 (large) or level 2 (medium).
TextRich text content — paragraphs, descriptions, details.
ImageDisplay an image with optional alt text. Upload or provide a URL.
ButtonA clickable button with custom text, link, and style.
HTMLRaw HTML for advanced customization (embeds, custom widgets, etc.).

Layout blocks

BlockDescription
DividerA horizontal line to separate sections.
SpacerVertical spacing between blocks. Configurable height.

Booking block

BlockDescription
CalendarThe booking calendar widget. This is where customers pick a date/time and complete the booking. Only one calendar block is allowed per page.

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.