Set Up Appointment Booking Web Component

Deploy the embeddable appointment booking widget on your website so patients and leads can self-book appointments online.

Prerequisites

• OrganizationAdmin role
• Organization API key generated (same key used for Selfie Analysis component)
• A website where you want to embed the booking component

Steps

1. Navigate to Organization Settings → Web Components.
2. Ensure the Organization API key is generated (if not, generate one).
3. Add your website’s domain(s) to the Allowed Domains list.
4. Copy the embed code (script tag + component element) and add it to your website’s HTML.

Notes

• The component displays:
  • Available services configured for the clinic
  • Calendar dates with available slots (based on clinic working hours + staff availability)
  • Time slots for the selected date and service
• Patients can:
  • Book new appointments
  • Search for existing appointments (verified via OTP)
  • Reschedule their appointments
  • Cancel their appointments
• The component uses the same Organization API key as the Selfie Analysis component.
• Patients can confirm attendance via a link in their booking confirmation email or through the web component.
• The component shows the same slot availability as the staff booking interface.
• Only OrganizationAdmins can configure web component settings and manage allowed domains.