Appointment Widget Documentation

Complete guide to implementing and customizing the Omnicasa Appointment Widget for your property listings.

Quick Start
Get the appointment widget up and running in minutes

Step 1: Include the Widget Script

Add the widget script to your HTML page before the closing body tag:

HTML Script Include
<script src="https://appointment-widget.omnicasaweb.com/widget.js"></script>

Step 2: Add the Widget Element

Place a button or link element with the required ID and data attributes:

Basic Widget Implementation
<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>

Step 3: Customize (Optional)

Add additional data attributes to customize the widget's appearance and behavior. See the Data Attributes tab for a complete reference.

How It Works
Understanding the widget's behavior and lifecycle
🔍

Detection

Widget automatically finds elements with the required ID

📅

Availability Check

Queries the API to check appointment availability

🚀

Activation

Creates an interactive button and booking interface

Need help or have questions? Contact Omnicasa Support

Widget Version 2.0.2 • Documentation last updated: Loading...