Booking Widget
Allow website visitors to schedule meetings and appointments directly from your site
Booking Widget
The booking widget lets visitors schedule meetings or appointments directly from your website. Submissions create a lead in the CRM with the booking details attached.
Setup
Step 1: Configure Availability
- Navigate to CRM > Widgets > Booking Widget
- Set your available time slots:
- Days of the week
- Time ranges per day
- Meeting duration options (e.g., 15 min, 30 min, 60 min)
- Set a buffer time between bookings if needed
Step 2: Customize Appearance
| Setting | Description |
|---|---|
| Title | Heading displayed on the widget |
| Description | Brief text explaining what the booking is for |
| Primary Color | Brand color for buttons and highlights |
| Success Message | Confirmation text shown after booking |
Step 3: Configure Notifications
- Select team members who should be notified of new bookings
- Enable or disable email confirmations to the visitor
Step 4: Get Embed Code
- Click Generate Embed Code
- Copy the HTML snippet
- Paste it into your website where you want the widget to appear
Embed Code Example
<div id="alpha-booking-widget"
data-tenant-id="your-tenant-id"
data-widget-id="your-widget-id">
</div>
<script src="https://your-domain.com/widgets/booking.js" async></script>What Happens on Submission
- Visitor selects a date, time, and fills in their contact details
- A new lead is created in the CRM with:
- Contact name and email
- Selected date and time
- Any additional notes
- The assigned team member receives a notification
- The visitor sees a confirmation message
Managing Bookings
Bookings appear as activities (type: MEETING) linked to the created lead. View and manage them from:
- CRM > Activities filtered by type MEETING
- The lead detail page timeline