Embed Booking Integration via Iframe for External Websites

YOUR PRICE IS FINAL

Objective:
Develop a module that allows each business on the Keldaa platform to embed their booking flow directly into their own website using a secure and responsive iframe. This enables external visitors to complete bookings without leaving the business’s site, while all data and activity sync with Keldaa’s backend in real time.

Scope of Work:
1. Public Booking URL Generation
o Generate a public-facing booking URL per business (e.g. https://keldaa.com/bookings?business_id=xyz123)
o Link has to be specific to each business on the platform
o Support optional parameters for theme, language, and preselected service
o Ensure the booking interface loads without requiring a Keldaa account
2. Iframe Embed Template
o Create a clean, embeddable iframe structure with attributes such as:
o Test responsiveness on mobile, tablet, and desktop
3. Security and Access Control
o Prevent editing, admin access, or unauthorized viewing of other business data
o Optionally include tokenized access or domain whitelisting if needed
4. Booking Flow Support
o Embed must include full booking process:
 Service selection
 Date/time availability
 Product add-ons (inventory integration)
 Checkout and confirmation
o Must sync with Keldaa's backend in real time
5. Analytics and Tracking Support
o Emit events like booking_started, booking_confirmed, and booking_cancelled through postMessage or JS event hooks
o Allow businesses to track performance using tools like Google Tag Manager
6. Embed Code Generator (Admin or Business Dashboard)
o Provide a UI within Keldaa for businesses to copy their personalized iframe code
o Include optional toggles: light/dark theme, language selection, custom height
7. Fallback and SEO Handling
o If iframe fails to load, fallback link to public booking page should be shown
o Ensure SEO bots do not index iframe content directly

Technical Stack:
• Backend: PHP (Laravel preferred), integrated with existing MySQL database
• Frontend: Existing booking UI components reused within iframe template
• Hosting: Existing infrastructure (keldaa.com)
• Optional: JavaScript snippet as an alternative to iframe in future version

Timeline:
20 Hours (Estimated by Senior developer)

Estimated Developer Workload:
Task
Booking URL + Parameter Support
Iframe View and Responsiveness
Secure Access Handling
Embed Code Generator UI
Sync + Analytics Hooks
Testing + Documentation

Deliverables:
• Booking iframe view per business
• Embed code generator
• Sync integration with booking and inventory systems
• Responsive design across devices
• Basic analytics event integration
• Developer documentation and implementation guide