LeadSpark Demo

LeadSpark Demo | Property Investment Pro

Property Investment Pro

Turn-key Investment Properties

LeadSpark Demo

Build Your Property Portfolio with Confidence

Discover turn-key investment properties that generate passive income from day one. Our team handles everything from acquisition to tenant management.

Get in Touch

1-800-PROPERTY
info@propertyinvestmentpro.com
propertyinvestmentpro.com

JessChat – Your AI Sales Assistant

Hi! I’m Jess, your property investment assistant.

I can help you understand our investment opportunities and find properties that match your goals.

import React, { useState } from "react"; import { Card, CardContent, CardHeader, CardTitle } from "@/components/ui/card"; import { Button } from "@/components/ui/button"; import { Badge } from "@/components/ui/badge"; import { Tabs, TabsContent, TabsList, TabsTrigger } from "@/components/ui/tabs"; import { Alert, AlertDescription } from "@/components/ui/alert"; import { Label } from "@/components/ui/label"; // Added Label import based on usage import { Code, Copy, CheckCircle, Globe, PlayCircle, AlertCircle, HelpCircle, MessageSquare, Monitor, Smartphone, ExternalLink, Phone } from "lucide-react"; export default function IntegrationInstructions({ clientId, client }) { const [copied, setCopied] = useState(false); const [activeTest, setActiveTest] = useState(null); const integrationCode = ` `; const handleCopy = () => { navigator.clipboard.writeText(integrationCode); setCopied(true); setTimeout(() => setCopied(false), 2000); }; const testSteps = [ { id: 'install', title: 'Install Code', status: 'pending' }, { id: 'refresh', title: 'Refresh Website', status: 'pending' }, { id: 'widget', title: 'Look for Chat Widget', status: 'pending' }, { id: 'test', title: 'Test Conversation', status: 'pending' } ]; return ( Website Integration Guide Overview Platforms Get Code Testing Support What you're installing: A voice-powered chat widget that will appear on your website. Visitors can click it to start a conversation with Jess, your AI assistant.

What Your Visitors Will See:

Your Website

A chat button appears in the bottom-right corner. When clicked, visitors can speak or type to Jess.

What Happens Next:

Jess qualifies visitors automatically
High-quality leads sent to you instantly
You get email/SMS notifications
Track everything in this dashboard
Need help? Most clients have this installed within 15 minutes. If you get stuck, our support team is here to help.
{/* WordPress */} WordPress
Method 1: Using a Plugin (Recommended)
  1. Install the "Insert Headers and Footers" plugin
  2. Go to Settings → Insert Headers and Footers
  3. Paste the code in the "Scripts in Footer" section
  4. Click "Save"
Method 2: Theme Editor (Advanced)
  1. Go to Appearance → Theme Editor
  2. Select "footer.php" or "header.php"
  3. Paste code before the closing </body> tag
  4. Click "Update File"
 {/* Shopify */} Shopify
  1. Go to Online Store → Themes in your Shopify admin
  2. Click "Actions" → "Edit code" on your active theme
  3. Open "theme.liquid" file
  4. Scroll to the bottom and paste the code before </body>
  5. Click "Save"
Tip: Make a backup of your theme before editing. You can duplicate it from the Themes page. {/* Squarespace */} Squarespace
  1. Go to Settings → Advanced → Code Injection
  2. Paste the code in the "Footer" section
  3. Click "Save"
  4. Your changes will be live immediately
 {/* Wix */} Wix
  1. Go to Settings in your site dashboard
  2. Click "Custom Code" under Advanced
  3. Click "+ Add Custom Code"
  4. Paste the code and set it to "Body - end"
  5. Name it "JessChat Widget" and click "Apply"
 {/* Custom/Other */} Custom Website / Other Platforms

For custom websites or other platforms, you need to add the code before the closing </body> tag.

Send this to your web developer:

"Please add the JessChat integration code before the closing </body> tag on all pages where we want the voice chat widget to appear."

Your integration is ready! This code is pre-configured with your specific agent settings and client ID for knowledge base routing. 
{integrationCode}
✅ What This Code Does
  • • Loads the JessChat widget
  • • Connects to your specific agent
  • • Passes your client ID for knowledge routing
  • • Sends leads to your dashboard
  • • Works on mobile and desktop
⚠️ Critical Notes
  • • Contains your unique client ID
  • • Don't modify the dynamic variables
  • • Test the knowledge base after install
  • • Contact us if tools don't work
Important: The `client_id` dynamic variable in this code is essential for your agent to access the correct knowledge base. If you get "missing dynamic variable" errors, double-check this integration code is installed correctly.
Testing is crucial! Follow these steps to make sure everything is working correctly.

Step-by-Step Testing Guide

{testSteps.map((step, index) => (
{index + 1}
{step.title}
{step.id === 'install' && (

Install the code using one of the platform guides above

)} {step.id === 'refresh' && (

Clear your browser cache and refresh your website

)} {step.id === 'widget' && (

Look for a chat button (usually bottom-right corner)

)} {step.id === 'test' && (

Click the widget and try having a short conversation

)}
))}
Signs It's Working
  • • Chat widget appears on your site
  • • Clicking it opens a chat interface
  • • You can type or speak to Jess
  • • Jess responds naturally
  • • Test leads appear in your dashboard
Common Issues
  • • Widget doesn't appear → Check code placement
  • • Chat opens but no voice → Check browser permissions
  • • Jess doesn't respond → Contact support
  • • No leads in dashboard → Test with full details
{/* Contact Options */} Need Help? We're Here for You
Phone Support

Call us for immediate help

+61402612471

Email Support

Get detailed help via email

mcmdennis@gmail.com

 {/* FAQ */} Frequently Asked Questions
Q: Will this slow down my website?

No. The widget loads asynchronously and only when needed. It has minimal impact on page speed.

Q: What browsers does it work with?

All modern browsers including Chrome, Firefox, Safari, and Edge. Voice features require microphone permissions.

Q: Can I customize how it looks?

The widget adapts to your site's style automatically. For custom styling, contact our support team.

Q: What if my webmaster needs technical details?

Have them contact our technical support. We can provide detailed integration documentation and answer any questions.

Q: How do I know if leads are coming through?

You'll receive instant email/SMS notifications for new leads, plus you can check this dashboard anytime.

{/* Emergency Help */} Installation Guarantee: If you're unable to install the widget yourself, our team will do it for you at no extra charge. Just contact support with your website details.
); }
Scroll to Top