Booking Calendar Widget — EmbedHub Demo

Live Demo

Widget #4

Inline embed

          <script
  src="https://apexcovenantdigitalmarketing.polsia.app/widgets/booking.js"
  data-widget-id="demo-booking"
  data-position="inline"
  data-primary-color="#059669"
  async
></script>
        

Modal (button-triggered)

          <script
  src="…/widgets/booking.js"
  data-widget-id="demo-booking"
  data-position="modal"
></script>

<button onclick="__EmbedHubBooking.open()">
  Book Now
</button>
        

What's included

✓3-step booking flow: service → date → contact
✓Real availability from the API (no double bookings)
✓Confirmation email to customer + owner
✓.ics file download (Google Calendar, Apple Calendar)
✓Cancel link in email with signed token
✓Inline or modal position
✓Fully keyboard-navigable + ARIA
✓Buffer time between appointments

Configuration attributes

Attribute	Default
data-widget-id	required
data-position	inline
data-primary-color	#6366f1
data-timezone	visitor's TZ