CrisisConnect Demo

CrisisConnect Demo | Queensland Emergency Services

Queensland Emergency Services

2024 Flood Response Center

Flood Emergency Active: This is a demonstration of CrisisConnect’s emergency support capabilities during the 2024 Queensland floods.

CrisisConnect Demo

Get Help When You Need It Most

If you’ve been affected by flooding, we’re here to help. Speak with our AI assistant to report damage, request assistance, or get connected to the right resources.

Important Resources

Emergency: 000
Flood Support: 1800-FLOOD
Evacuation Centers: Multiple locations

CrisisConnect – Emergency Support Assistant

Hi, I’m here to help with flood support.

I can help you report damage, connect you with emergency services, or provide information about available assistance programs.

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