Skip to main content

​
Overview

The Public Booking Page is your customer-facing portal where people can browse services, check availability, and book appointments directly—all without requiring an account or contacting you.
Every organization gets a public booking page at kord.page/[your-org-slug]. You can also embed the booking widget on your own website.

​
Accessing Your Public Page

Your booking page lives at: 
https://kord.page/[your-organization-slug]
Finding your slug:
  • Go to Calendar → Public Page tab
  • Your URL is displayed at the top
  • You can customize it in organization settings

​
Public Page Features

Service Browsing

Customers see all your public services with descriptions and pricing

Real-Time Availability

View available time slots without creating an account

Self-Service Booking

Complete booking flow from selection to confirmation

Mobile Responsive

Works perfectly on desktop, tablet, and mobile devices

Your Branding

Customize with your logo, colors, and business info

Direct Linking

Share direct links to specific services or jump to booking

​
Setting Up Your Page

1

Enable Public Booking

Navigate to Calendar → Public Page tab and toggle Enable Public Booking to ON
2

Customize Your Profile

Add your business information:
  • Business name (auto-populated from settings)
  • Bio or introduction (2-3 paragraphs recommended)
  • Profile photo or logo
  • Contact information
3

Configure Services

Ensure services are:
  • Set to Active status
  • Visibility set to Public (not Internal)
  • Have availability rules configured
  • Have proper descriptions and pricing
Only public, active services appear on your booking page
4

Add Custom Links

Optionally add links to:
  • Your website
  • Social media profiles
  • Policies or terms
  • FAQ or help center
5

Preview & Publish

Click Preview to see customer view, then Publish when ready

​
Page Customization

​
Business Profile

​
Business Name
string
Your business name appears at the top of the pagePulled from Business Settings automatically
Logo displayed prominently on your pageRequirements:
  • Format: PNG, SVG, or JPG
  • Size: 400x400px minimum
  • Transparent background recommended (PNG/SVG)
  • Max file size: 2MB
Upload in Business Settings → Branding
​
Bio / Introduction
textarea
Tell customers about your business (2-3 paragraphs):
  • What you do and who you serve
  • What makes you unique
  • Your approach or philosophy
  • Why customers should book with you
Example:
“Welcome! We’re a full-service spa specializing in relaxation and wellness. Our licensed therapists have over 10 years of experience each and we use only organic, cruelty-free products. We believe in personalized care—every session is tailored to your needs and preferences. Whether you’re seeking deep tissue work, gentle relaxation, or specialty treatments, we’re here to help you feel your best.”
​
Contact Information
object
Display contact details (optional but recommended):
  • Phone: For questions or special requests
  • Email: Customer service email
  • Address: Physical location (if relevant)
Helps build trust and provides booking alternatives
Add custom links that appear on your page:
​
Link Title
string
Display text for the link (e.g., “Our Website”, “Instagram”, “Pricing Guide”)
​
Link URL
url
Destination URL (must include https://)
​
Icon
select
Optional icon to display next to link:
  • Website
  • Instagram
  • Facebook
  • Twitter/X
  • LinkedIn
  • TikTok
  • YouTube
  • Document
  • Custom
Makes links more visually appealing and recognizable
Common links to add:
  • Main website
  • Social media profiles
  • Cancellation policy
  • Pricing information
  • FAQ page
  • Location/directions
  • Terms of service

​
Booking Widget Settings

​
Enable Booking Widget
boolean
default:"true"
Whether customers can book directly from your pageIf disabled, page shows info only (no booking functionality)
​
Default Service
select
Optionally pre-select a service when page loadsUseful if you primarily offer one service
​
Show Pricing
boolean
default:"true"
Display service prices on the pageDisable if you prefer to discuss pricing individually
​
Require Phone
boolean
default:"false"
Make phone number required during bookingEnabled by default for phone-based services
​
Enable Lead Capture
boolean
default:"false"
Collect contact info even if customer doesn’t complete bookingGreat for building your contact list

​
The Booking Flow

When a customer visits your page, they experience:

​
Step 1: Service Selection

1

Browse Services

Customer sees all public services:
  • Service name and description
  • Duration and pricing
  • Any special notes or requirements
2

Choose Service

Click on desired service to continue
3

Select Fulfillment

If applicable, choose:
  • Specific host: Select a team member
  • Team: Choose a team
  • Any available: System assigns automatically
Depends on service configuration
4

Party Size

For multi-seat services, select number of spots needed

​
Step 2: Time Selection

1

Choose Date

Calendar picker shows available dates:
  • Dates with availability are selectable
  • Dates outside booking window are disabled
  • Fully booked dates are marked
2

Select Time

See available time slots for chosen date:
  • Slots shown in customer’s timezone
  • Capacity indicators (if multi-seat)
  • Duration displayed
Clicking a slot creates a 15-minute hold
3

Hold Timer

Customer has 15 minutes to complete booking:
  • Timer displayed at top
  • Time slot temporarily reserved
  • Hold expires if not completed
Prevents double-booking during checkout

​
Step 3: Contact Details

1

Customer Information

Required fields:
  • First and last name
  • Email address
  • Phone number (if required by service)
Optional fields:
  • Address (for on-site services)
  • Any custom intake fields
2

Special Requests

Optional notes field:
  • Allergies or sensitivities
  • Preferences
  • Questions
  • Special requests
3

Terms Agreement

Customer acknowledges:
  • Cancellation policy
  • Terms of service (if configured)
  • Privacy policy
Required before booking can be completed

​
Step 4: Confirmation

1

Review Booking

Summary of booking details:
  • Service and duration
  • Date and time
  • Host (if assigned)
  • Total price
2

Confirm

Customer clicks Confirm Booking
3

Success

Confirmation screen shows:
  • Booking confirmed message
  • Meeting link (if virtual)
  • Calendar download buttons (Add to Google, iCal, etc.)
  • Confirmation email notice
  • Next steps or instructions
Bookings created through the public page are automatically linked to contacts in your CRM. If a matching contact exists (by email/phone), it’s linked. Otherwise, a new contact is created.
You can create special URLs that jump directly to booking:

​
Booking Anchor

Add #booking to your page URL: 
https://kord.page/your-org-slug#booking
Behavior: Page loads with booking widget already open Use for: Email signatures, social media bios, ads Link directly to a specific service (coming soon): 
https://kord.page/your-org-slug?service=service-id
Behavior: Pre-selects that service in booking flow Use for: Service-specific marketing, targeted campaigns

​
With Pre-filled Data

Pass query parameters (coming soon): 
https://kord.page/your-org-slug?service=svc_123&name=John&[email protected]
Behavior: Pre-fills customer information Use for: Personalized emails, returning customers

​
Embedding the Booking Widget

Embed the booking widget on your own website:

​
Embed Code

1

Get Embed Code

Navigate to Calendar → Public Page → Embed section
2

Copy Code

Copy the provided embed code snippet:
<script src="https://kord.page/widget.js"></script>
<div
  data-kordless-widget
  data-org="your-org-slug"
  data-theme="light"
></div>
3

Add to Website

Paste the code where you want the widget to appear on your site
4

Configure Options

Customize with data attributes (see below)

​
Widget Configuration Options

​
data-org
string
required
Your organization slug
​
data-theme
enum
Widget color theme:
  • light: Light background (default)
  • dark: Dark background
  • auto: Matches system preference
​
data-service
string
Pre-select a specific service by IDSkip service selection step
​
data-inline
boolean
Inline vs. modal display:
  • true: Embeds inline in page
  • false: Opens in modal/overlay (default)
​
data-button-text
string
Custom button text when using modal modeDefault: “Book Appointment”
​
data-primary-color
color
Override primary brand color (hex code)Example: #16A34A

​
Embed Examples

Embed directly in page content:
<div
  data-kordless-widget
  data-org="your-org-slug"
  data-inline="true"
  data-theme="light"
></div>
Best for: Dedicated booking page on your site

​
Subscription Requirements

Public booking pages require the Booking Pro subscription tier.
What’s included in Booking Pro:
  • Public booking page at kord.page
  • Embeddable booking widget
  • Unlimited bookings
  • Calendar and scheduling
  • Team scheduling
  • Advanced availability management
  • Customer notifications
Free tier limitations:
  • Internal booking only (staff creates bookings)
  • No public-facing page
  • CRM and basic calendar access
View pricing and upgrade options

​
SEO & Discoverability

​
Search Engine Optimization

Your public booking page is automatically optimized for search: Included automatically:
  • Proper meta tags
  • Structured data (Schema.org)
  • Mobile-friendly markup
  • Fast page load times
  • HTTPS security
You should add:
  • Comprehensive business bio with relevant keywords
  • Detailed service descriptions
  • Location information (if local business)
  • Links from your main website

​
Social Sharing

When shared on social media, your page displays:
  • Business name as title
  • Bio excerpt as description
  • Logo as preview image
  • Proper Open Graph tags
Optimize for sharing:
  • Upload high-quality logo
  • Write compelling bio
  • Include clear call-to-action
  • Add social media links

​
Analytics & Tracking

​
Built-in Analytics

Booking page analytics are coming soon to show page views, conversion rates, and booking sources.
Planned metrics:
  • Page views
  • Unique visitors
  • Service selection rates
  • Booking completion rate
  • Drop-off points in booking flow
  • Traffic sources

​
Google Analytics Integration

Add your own tracking:
1

Get Tracking Code

From Google Analytics, copy your tracking ID
2

Add to Settings

Navigate to Settings → Integrations → Analytics
3

Paste Tracking ID

Enter your GA4 Measurement ID (e.g., G-XXXXXXXXXX)
4

Save

Google Analytics will now track your booking page

​
Best Practices

Your bio is often the first impression:
  • Lead with what makes you unique
  • Use customer-focused language (“you will” not “we do”)
  • Include social proof (years in business, certifications)
  • End with a clear call-to-action
Good example: “You’ll love our personalized approach to wellness. Each session is tailored to your specific needs by our team of licensed therapists with 10+ years of experience. Book your first session today and experience the difference!”
Visual elements build trust:
  • Professional logo (not blurry or pixelated)
  • Consider adding photos of your space (coming soon)
  • Ensure good contrast and readability
Images should reinforce your brand identity
Don’t assume customers know what services entail:
  • Explain what happens during the service
  • List what’s included vs. what costs extra
  • Mention any preparation needed
  • Include who it’s best for
Detailed descriptions reduce questions and increase conversions
Nothing frustrates customers more than “no availability”:
  • Ensure availability rules are configured
  • Keep booking window realistic (30-60 days typical)
  • Update for holidays and closures promptly
  • Test availability viewer regularly
Always maintain bookable slots
Most bookings happen on mobile:
  • Preview your page on mobile devices
  • Keep text concise and scannable
  • Ensure touch targets are large enough
  • Test the full booking flow on phone
If it works great on mobile, it works everywhere
Set expectations upfront:
  • Link to cancellation policy
  • Mention any deposits or payment required
  • Explain what happens after booking
  • Include contact info for questions
Transparency reduces confusion and disputes
Ensure booking flow always works:
  • Complete a test booking monthly
  • Verify confirmation emails are sent
  • Check that availability is accurate
  • Test on different devices and browsers
Catch issues before customers do

​
Promoting Your Booking Page

Email Signature

Add booking link to every email you send

Social Media

Include in Instagram bio, Facebook about section, LinkedIn profile

Business Cards

Add QR code that links to booking page

Website

Prominent “Book Now” button on every page

Google Business

Add booking link to Google Business Profile

Invoices & Receipts

Include booking link for repeat business

Automated Emails

Add to confirmation emails for rebooking

Offline Marketing

Include on flyers, brochures, signage

​
QR Code for Physical Locations

1

Generate QR Code

Use a QR code generator with your booking page URL
2

Print & Display

Add to:
  • Reception desk
  • Waiting area
  • Business cards
  • Window displays
  • Menu/service list
3

Include Call-to-Action

“Scan to Book Your Next Appointment”

​
Troubleshooting

Possible causes:
  • Public booking not enabled
  • Wrong URL/organization slug
  • Page temporarily down
Solution: Verify public booking is enabled in settings
Causes:
  • All services set to “Internal” visibility
  • All services are “Inactive”
  • No services created yet
Solution: Set at least one service to “Public” and “Active”
Causes:
  • No availability rules configured
  • Booking window too restrictive
  • All slots are booked
  • Business hours too narrow
Solution: Check availability configuration and test in availability viewer
Check:
  • Email address entered correctly
  • Email notifications enabled in settings
  • Check spam/junk folder
  • Email service configured
Solution: Verify email settings and test
Debugging:
  • Check browser console for errors
  • Verify script tag is before widget div
  • Ensure data-org matches your slug
  • Check for JavaScript conflicts
Solution: Review embed code and check for errors

​
Next Steps

Configure Services

Set up services to appear on your booking page

Set Availability

Define when customers can book

Customize Branding

Upload logo and set business information

Embed Widget

Add booking to your own website