FareHarbor embed comparison
Three modes side by side. Click each to see real UX. Lightframe API loaded site-wide — buttons open in modal overlay.
01
Book button or link
Simple link → click → Lightframe modal opens with full booking flow. Smallest footprint, maximum context preservation. Currently used on /, /tickets, /unwind, /links.
Pros: minimal page space, user stays on your site, fastest load
Cons: requires extra click to see availability
02
Embedded calendar
Calendar widget rendered inline on page. User picks date → sees slots → books in place. Best for dedicated booking pages with single primary item.
Pros: availability visible immediately, no extra click
Cons: takes 600-800px vertical space, dominates the page
03
Embedded grid of items
Grid of all items in the flow rendered inline. User picks item → booking flow opens. Best for "all programs" aggregator pages.
Pros: shows all options at once with photos and prices
Cons: heavy page, less control over individual item presentation
Recommendation by page type
| Page | Best mode | Why |
|---|---|---|
| / (home) | Book button | Hero shows brand + Lightframe CTA = max conversion |
| /tickets, /unwind | Book button | Landing for paid traffic — minimum friction |
| /programs | Embedded grid | Aggregator page, user comparing programs |
| Future /book or /tgssa | Embedded calendar | Dedicated booking page for single show |
| /links | Book button | Linktree-style — just CTAs |