Installing the Widget

How to embed the LeadFloAgent chat widget on your real estate website.

The LeadFloAgent chat widget is a small JavaScript snippet you embed on your website. Once added, it loads the chat interface automatically for every visitor. Installation takes under five minutes on most platforms.

Finding Your Embed Snippet

In your dashboard, navigate to your website, then go to Appearance → Embed Code. Your unique snippet looks like this:

<script src="https://leadfloagent.com/widget.js?key=YOUR_WIDGET_KEY" defer></script>

The key parameter identifies your account. Keep it confidential and restrict it to your domain via Settings → Allowed Domains.

Platform-Specific Instructions

WordPress

WordPress powers the majority of real estate brokerage websites.

Recommended method — plugin:

Install the free "Insert Headers and Footers" plugin from the WordPress plugin directory.
Go to Settings → Insert Headers and Footers.
Paste your snippet into the Scripts in Footer field.
Save changes.

Manual method — theme editor:

Go to Appearance → Theme Editor → footer.php.
Paste the snippet immediately before the closing </body> tag.
Save the file.

Note: Manual edits to theme files are overwritten when the theme updates. The plugin method is safer for long-term maintenance.

Squarespace

Go to Settings → Advanced → Code Injection.
Paste your snippet into the Footer field.
Save.

The widget will appear on all pages site-wide.

Wix

In the Wix Editor, go to Settings → Custom Code.
Click + Add Custom Code.
Paste your snippet, set placement to Body - end, and select All Pages.
Apply and publish your site.

Webflow

In the Webflow Designer, open Project Settings → Custom Code.
Paste your snippet into the Footer Code field.
Save and publish.

IDX Broker and Custom HTML Sites

If your site is built on IDX Broker, a custom HTML template, or any platform that gives you access to raw HTML:

Paste your snippet before the closing </body> tag in your site's main template or layout file. If your IDX platform has a "footer code" or "custom scripts" field in its settings panel, that is the right place.

Next.js (App Router)

For Next.js sites, use the built-in Script component to load the widget correctly:

// src/app/layout.tsx
import Script from "next/script";

export default function RootLayout({ children }: { children: React.ReactNode }) {
  return (
    <html lang="en">
      <body>
        {children}
        <Script
          src="https://leadfloagent.com/widget.js?key=YOUR_WIDGET_KEY"
          strategy="afterInteractive"
        />
      </body>
    </html>
  );
}

Real Estate Lead Form Fields

The widget is pre-configured for real estate. When a visitor is ready to submit their contact information, the lead form includes:

Field	Required	Notes
Name	Yes	First and last name
Email	Yes	Used for lead notifications
Phone	No	Displayed in lead details
Intent	No	Buy / Sell / Rent — selected by visitor
Time Frame	No	Shown after Intent is selected

These fields appear automatically. No additional configuration is needed.

After installing the snippet, open your website in a new browser tab (or an incognito window) and look for the chat bubble in the bottom-right corner of the page. Click it and send a message to confirm the widget is active and connected to your account.

If the widget does not appear, verify that:

The snippet is placed before </body> (not in the <head>)
Your widget key matches what is shown in your dashboard
The domain is listed under Settings → Allowed Domains (if you have domain restrictions enabled)

Content Security Policy (CSP)

If your website uses CSP headers, add the following directives to allow the widget to load:

script-src: https://leadfloagent.com
connect-src: https://leadfloagent.com

Installing the Widget