Embed Widget Demo Pages
Each page below is a fully designed example showing how the booking widget looks when embedded on a real website. Click any card to see it live.
Find Your Perfect Course
Step-by-step guided flow — pick a course, choose a location, find the right dates, and book. Reduces overwhelm and drives higher conversions.
Course Catalogue
Full course catalogue page showing all available courses in the standard cards layout. The bread-and-butter embed for most training centres.
Day Skipper Course Page
Single course landing page with detailed syllabus, prerequisites, and a sticky date-first booking widget on the right.
Check Availability
A "Find Your Perfect Dates" page with the interactive calendar widget front and centre. Great for schedule-focused schools.
Schedule Calendar
Visual timeline calendar with colour-coded bars spanning each course's dates. Gives visitors an instant overview of the full season schedule.
Upcoming Course Dates
Chronological list grouped by month — clean and scannable. Every row shows course, dates, location, and a Book button. Perfect for "Course Dates" pages.
Search All Courses
Filter-first layout with prominent chips for course, month, location, and vessel type. Results appear in a compact, scannable table. Great for large catalogues.
Choose Your Course
Step-by-step visual picker in a sidebar layout — browse by duration, vessel, and location, then view dates and book. Ideal for undecided visitors.
Quick Book
Compact split layout — photo and trust badges on the left, mini list widget in a card on the right. Perfect for sidebars or tight spaces.
Book Now Landing Page
High-conversion landing page with a prominent booking button in the hero. The page sells, the button converts. Ideal for ad campaigns.
Interactive Canvas
Visual pathway canvas showing the full learning journey from beginner to Yachtmaster. Click any course to see dates and book — great for "What course next?" pages.