> For the complete documentation index, see [llms.txt](https://realty-ai.gitbook.io/realty-ai-support-docs/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://realty-ai.gitbook.io/realty-ai-support-docs/realty-ai-installation/lofty-installation.md).

# Lofty Installation

{% hint style="warning" %}
**Lofty Specific Code:** Before starting this installation, make sure you have received your custom Lofty integration code from the Realty AI team. This code is specifically configured for your Lofty website.&#x20;
{% endhint %}

#### Your code should look similar to below: If not please email <admin@realty-ai.com>

```js
let raiScript = document.createElement("script");
raiScript.setAttribute("src", "https://cdn.realty-ai.com/chat/web_path_var.js");
raiScript.setAttribute("id", "realty_ai");
raiScript.setAttribute("data-realtyaiid", "b7b195cb-xxx-xxxx-xxxx-ff57f06ab5d9");
document.body.appendChild(raiScript);
```

#### Step 1: Navigate to “Website”

In your Lofty CMS, go to the **Settings** tab. On the left-hand sidebar, under **Tools**, click on **"Custom Style & Script"**.

<figure><img src="/files/Rem71kRunMBODruMyPAg" alt=""><figcaption></figcaption></figure>

#### Step 2: Navigate to “Custom Style & Script”

In your Lofty CMS, go to the **Settings** tab. On the left-hand sidebar, under **Tools**, click on **"Custom Style & Script"**.

<figure><img src="/files/heuuXsAnroSeDeEunevS" alt=""><figcaption></figcaption></figure>

#### Step 3: Paste Your Code Snippet

Paste the following script into the **Script** section.

✅ Click **Save** at the bottom of the page.

### You're All Set!

Your Madison should now be live on your Lofty website. Refresh your website to see it in action!

## (Optional) Remove existing Chatbox (if present)

{% hint style="success" %}
**Pro tip:** Remove any other existing chatbot boxes that are present on your website to prevent conflicts and ensure your Realty AI chatbot displays properly.
{% endhint %}

<figure><img src="/files/PyGQSCqSj40EA0hz27tU" alt=""><figcaption></figcaption></figure>
