Booking Forms
Transform any website into a powerful booking platform with Linkyt’s embeddable booking forms. Perfect for service businesses, consultants, and appointment-based services.
Features
Smart Scheduling
Intelligent availability detection with timezone support and conflict prevention.
Instant Booking
Real-time booking confirmation with automated email notifications.
Custom Branding
Match your brand with custom colors, logos, and styling options.
Quick Start
Get your booking form up and running in under 5 minutes:
1. Add the Script
Include the Linkyt booking script in your HTML:
<script src="https://booking.linkyt.com/embed.js" async></script>2. Add the Container
Place this container where you want your booking form to appear:
<div
data-linkyt-booking
data-shop-id="your-shop-id"
data-booking-id="your-booking-id"
data-theme-color="#6A64F1"
></div>3. Configure Your Settings
Replace the placeholder values with your actual IDs:
data-shop-id: Your unique shop identifierdata-booking-id: Your booking configuration IDdata-theme-color: Your brand color (optional)
Configuration Options
| Attribute | Required | Default | Description |
|---|---|---|---|
data-shop-id | ✅ | - | Your shop identifier |
data-booking-id | ✅ | - | Booking configuration ID |
data-theme-color | ❌ | #6A64F1 | Custom theme color |
data-width | ❌ | 100% | Form width |
data-height | ❌ | 800px | Form height |
Advanced Usage
Manual Initialization
For dynamic content or single-page applications:
// After adding new booking containers to the DOM
if (window.LinkytBooking && window.LinkytBooking.init) {
window.LinkytBooking.init();
}Custom Styling
Override default styles with CSS:
.linkyt-booking-form {
border-radius: 12px;
box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);
}
.linkyt-booking-button {
background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
border: none;
border-radius: 8px;
padding: 12px 24px;
font-weight: 600;
}Platform-Specific Guides
Choose your platform for detailed integration instructions:
- WordPress - Shortcodes and widgets
- Wix - HTML iframe integration
- React - React component wrapper
- Plain HTML - Basic HTML integration
Browser Compatibility
✅ Supported Browsers:
- Chrome (latest)
- Firefox (latest)
- Safari (latest)
- Edge (latest)
- iOS Safari (latest)
- Android Chrome (latest)
Security & Privacy
- 🔒 SSL Encryption: All data transmitted over HTTPS
- 🛡️ GDPR Compliant: Full compliance with privacy regulations
- 🔐 Secure Iframes: Sandboxed execution environment
- 📊 No Tracking: We don’t track your website visitors
Need Help?
Having trouble with your booking form integration?
- 📖 Check our Troubleshooting Guide
- 💬 Join our Discord Community
- 📧 Email us at support@linkyt.io ```
```