VERA - Real Estate Assistant

VERA Chat Web Component

A self-contained, embeddable chat interface that provides access to the complete VERA real estate assistant

1. Include the Script

Add the vera-chat.js script to your HTML head section:

                        
<script src="https://ai.propertypilot.eu/chat/vera-chat.js" type="module"></script>

Later update to your domain.

2. Add the Component

Place the vera-chat tag anywhere in your HTML body:


<vera-chat></vera-chat>

3. Try Different Configurations

You can include theme and/or language if you want set it. If not specified default options will be loaded.

                        
<vera-chat
    theme="dark"
    locale="en"></vera-chat>

Theme:

Default Light Dark

Language:

Default English Deutsch

4. Open VERA Chat script

You can open the VERA chat modal by connecting this script with button onclick action:

                        
<button onclick="document.dispatchEvent(new CustomEvent('verachatopen', {bubbles: true}))">Open Assistant</button>

The event bubbles up through the DOM, so it will be caught by the vera-chat component regardless of where it's dispatched from.

Complete Example

                        
<!DOCTYPE html>

<html lang="en">

<head>

  <meta charset="UTF-8">

  <title>My Real Estate Site</title>

  <script src="https://ai.propertypilot.eu/chat/vera-chat.js" type="module"></script>

</head>

<body>

  <h1>Welcome to My Real Estate Portal</h1>

  <!-- VERA Chat Component -->

  <vera-chat></vera-chat>

  <!-- Button to open Vera Chat -->

  <button onclick="document.dispatchEvent(new CustomEvent('verachatopen', {bubbles: true}))">Open Assistant</button>

</body>

</html>