Omnicasa

Appointment Widget

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

API Key Required

To use this widget, you'll need an API key from Omnicasa. Please contact our support team to obtain your API key.

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.

That's it!

The widget will automatically check for appointments and display the booking interface when users click the button.

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...