Can I add a Booking Request Widget for my website?

Estimated reading: 2 minutes 71 views

Yes you can add a Booking Request Widget to your website, and it’s fast and easy. Lefkada-Rentals.com provides you an embed code or widget script that you just copy and paste into your site’s HTML.

πŸ“± Features

  • βœ… Professional booking experience – gives your guests a seamless reservation process
  • βœ… Responsive design – works on all devices
  • βœ… Static site compatible – works without server-side processing or email servers
  • βœ… Form validation – prevents invalid date selections & ensures all required fields are filled
  • βœ… Spam protection – blocks automated submissions by spam bots
  • βœ… Loading states – visual feedback during submission (soon with: availability & rates)
  • βœ… Error handling – graceful error management
  • βœ… Online payments (optional) – accept credit card payments without additional installations
  • βœ… Owner notifications – automatically sends reminders about upcoming guest arrivals
  • βœ… Review generation (optional) – automatically encourages guests to leave reviews after their stay
  • βœ…βœ… Completely free – no extra cost for all properties advertised on Lefkada-Rentals.com

πŸ“‹ Integration Instructions

To use this widget on your website, simply add the following code:

<!– Include the widget script –> <script src=”https://www.lefkada-rentals.com/widget/lefkada-booking-widget.min.js”></script> <!– Place the widget container –> <div data-lefkada-widget data-rental-id=”123″ data-rental-title=”Your Property Name”></div>

πŸŽ›οΈ Configuration Options

  • data-rental-idRequired – The ID of your rental property
  • data-rental-titleOptional – Display name for the property

πŸš€ Live Demo

Embedded Contact Form

🎨 Customization

The widget can be customized with CSS by targeting the .lefkada-booking-widget class and its child elements.

/* Example: Change widget width and colors */ .lefkada-booking-widget { max-width: 500px; } .lefkada-widget-header { background: linear-gradient(135deg, #your-color1, #your-color2) !important; } .lefkada-submit-btn { background: #your-button-color !important; }

πŸ”— Support

For support or questions about this widget, please contact us at [email protected]

Share this Doc

Can I add a Booking Request Widget for my website?

Or copy link

CONTENTS