Key Features

File Structure

modules/livechat/
├── LiveChat.php          (Main class - 128 methods)
├── admin-livechat.php    (Admin panel - this file)
├── livechat.tpl          (Widget template)
├── livechat.js           (Widget JS - visitor facing)
├── config.php            (Configuration)
└── assets/
    ├── notification.mp3
    └── widget.css

Request Flow

┌─────────────┐     ┌──────────────┐     ┌─────────────┐
│  Widget JS   │────▶│  AJAX Handler │────▶│  LiveChat   │
│  (Browser)   │◀────│  (PHP)       │◀────│  Class      │
└─────────────┘     └──────────────┘     └──────┬──────┘
                                                 │
┌─────────────┐     ┌──────────────┐            │
│  Admin Panel │────▶│  SSE Stream  │◀───────────┘
│  (This page) │◀────│  (Real-time) │     ┌──────┴──────┐
└─────────────┘     └──────────────┘     │  Database    │
                                          │  (12 tables) │
                                          └─────────────┘

Real-Time Communication

Uses Server-Sent Events (SSE) for live updates. Admin panel maintains persistent SSE connection for:

• Live visitor count & status updates
• New message notifications
• Queue changes
• Typing indicators via polling fallback

Authentication

सेशन-आधारित PHP प्रमाणीकरण के माध्यम से व्यवस्थापक प्रमाणीकरण। विजेट सेशन की निरंतरता के लिए विज़िटर फ़िंगरप्रिंटिंग (ब्राउज़र हैश + आईपी + कुकी) का उपयोग करता है।

विजेट-उन्मुख क्रियाएँ (18)

प्रशासक-संबंधी कार्रवाइयां (37)

Integration Code

<script src="/modules/livechat/livechat.js"></script>
<script>
  WeSellMachines.LiveChat.init({
    position: 'bottom-right',
    primaryColor: '#3498db',
    greeting: 'Need help? Chat with us!',
    offlineMessage: 'We are offline. Leave a message!'
  });
</script>

Supported Languages (35)

en, de, fr, es, it, nl, pl, pt, ja, zh, ko, ru, ar, tr, sv, no, fi, da, cs, hu, ro, bg, el, hr, sk, sl, lt, lv, et, uk, sr, he, th, vi, id

JavaScript API

// Open chat programmatically
WeSellMachines.LiveChat.open();

// Send automatic message  
WeSellMachines.LiveChat.sendMessage('How can I help?');

// Track custom event
WeSellMachines.LiveChat.trackEvent('viewed_listing', {id: 1234});

// Set visitor info
WeSellMachines.LiveChat.setVisitor({name: 'John', email: 'john@example.com'});

Date Ranges

आज, 7/30/90 दिन की अवधियों का समर्थन करता है। सभी डेटा सर्वर-साइड पर कैशिंग के साथ एकत्रित किया जाता है।

Sub-tabs

• Overview: 6 प्रमुख संकेतक संकेतक (KPIs), ट्रेंड लाइन, प्रति घंटा बार, चैनल, गुणवत्ता, रेफरर, फ़नल, नए/वापस आने वाले उपयोगकर्ता, चैट मेट्रिक्स
• Conversations: छूटी हुई चैट की सूचना, प्रतिक्रिया समय वितरण, अवधि, CSAT प्रवृत्ति, चैट स्रोत, संदेश विषय
• Visitors: Device types, languages, countries, peak hours heatmap (7×24 grid)
• Performance: Browsers, OS, screen resolutions with bar charts
• Content: Page types, entry/exit pages, chat-generating pages, full page table with sort/filter/search

Data Filters

Bot traffic excluded by default. Internal IPs configurable in Settings. All charts use Chart.js with responsive canvas.

1. Upload files to modules/livechat/
2. Configure config.php with database credentials
3. Run setup — tables auto-created on first load
4. Add widget - शामिल करना livechat.js in your template
5. Configure SSE — सुनिश्चित करें कि सर्वर EventSource का समर्थन करता है
6. Test — open admin panel and verify connection

config.php Settings

V5 — Current

• Advanced analytics with 5 sub-tabs and heatmaps
• Real-time translation (35 languages)
• बॉट प्रबंधन प्रणाली
• Inactivity escalation chain
• छुट्टियों का कार्यक्रम
• आकर्षक विजेट

V4

• Conversation context panel
• Canned responses with search
• File sharing support
• Queue management
• Callback system

V3

• Auto trigger rules engine
• Visitor profile & timeline
• Advanced ban system (IP + timed)
• Admin profiles with avatars

V2

• SSE real-time updates
• Desktop notifications
• Sound alerts
• Typing indicators

V1

• बुनियादी चैट कार्यक्षमता
• Visitor tracking
• Admin reply interface