Skip to Content
Linkyt is released 🎉
DocumentationBooking Forms

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:

index.htmlhtml
<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:

booking-container.htmlhtml
<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 identifier
  • data-booking-id: Your booking configuration ID
  • data-theme-color: Your brand color (optional)

Configuration Options

AttributeRequiredDefaultDescription
data-shop-id-Your shop identifier
data-booking-id-Booking configuration ID
data-theme-color#6A64F1Custom theme color
data-width100%Form width
data-height800pxForm height

Advanced Usage

Manual Initialization

For dynamic content or single-page applications:

manual-init.jsjavascript
// After adding new booking containers to the DOM
if (window.LinkytBooking && window.LinkytBooking.init) {
window.LinkytBooking.init();
}

Custom Styling

Override default styles with CSS:

custom-styles.csscss
.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:

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?

```

Last updated on