Complete guide to implementing and customizing the Omnicasa Appointment Widget for your property listings.
Add the widget script to your HTML page before the closing body tag:
<script src="https://appointment-widget.omnicasaweb.com/widget.js"></script>
Place a button or link element with the required ID and data attributes:
<button id="contact-appointment-plugin"
data-key="YOUR_API_KEY"
data-property-id="12345"
data-email="contact@example.com"
data-language="en">
Book Appointment
</button>
Add additional data attributes to customize the widget's appearance and behavior. See the Data Attributes tab for a complete reference.
Widget automatically finds elements with the required ID
Queries the API to check appointment availability
Creates an interactive button and booking interface
Need help or have questions? Contact Omnicasa Support
Widget Version 2.0.2 • Documentation last updated: Loading...