Test chat widget detection and event tracking across all supported platforms via SDK methods
| Code | Long Name | Description |
|---|---|---|
chs |
chat_start | Conversation started |
cho |
chat_open | Widget opened |
cms |
chat_message_send | User sent message |
cmr |
chat_message_receive | Agent/bot sent message |
cec |
chat_email_capture | Email captured (also emits pp) |
che |
chat_end | Conversation ended |
Each button calls the actual _ll.chat.* SDK method. Open browser console to see queued events.
Fires when the chat widget is opened by the user.
_ll.chat.widgetOpened({
platform: 'dft'
});
Fires when a new conversation begins.
_ll.chat.started({
platform: 'dft',
conversationId: 'conv-' + Date.now(),
agentName: 'Sales Bot',
isBot: true
});
Fires when the visitor sends a message.
_ll.chat.messageSent({
platform: 'dft',
conversationId: 'conv-123',
messageText: 'I need help with pricing',
messageIndex: 1
});
Fires when an agent or bot sends a message to the visitor.
_ll.chat.messageReceived({
platform: 'dft',
conversationId: 'conv-123',
agentName: 'Sarah',
isBot: false,
messageText: 'Happy to help! What plan are you looking at?',
messageIndex: 2
});
Fires when an email is captured during chat. Also triggers a pp (possible_person) event.
_ll.chat.emailCaptured({
platform: 'dft',
email: 'chat-lead@acmecorp.io',
firstName: 'Chat',
lastName: 'Lead',
phone: '+1-555-867-5309',
conversationId: 'conv-123'
});
Fires when the conversation is closed or completed.
_ll.chat.ended({
platform: 'dft',
conversationId: 'conv-123',
durationMs: 180000,
messageCount: 8
});
Fires when the chat widget is closed by the user.
_ll.chat.widgetClosed({
platform: 'dft'
});
Run a complete conversation sequence with realistic delays between events. Watch the log below to see each event fire in order.
0ms widgetOpened { platform: 'dft' }
500ms started { platform: 'dft', conversationId, agentName: 'Sales Bot', isBot: true }
1000ms messageReceived { bot greeting: "Hi there! How can I help?" }
2000ms messageSent { user: "I'd like to learn about your enterprise plan" }
3000ms messageReceived { agent: "Great question! Let me connect you with our team." }
4000ms emailCaptured { email: 'drift-lead@techstartup.io', firstName: 'Demo', lastName: 'User' }
5000ms ended { durationMs: 300000, messageCount: 8 }
0ms widgetOpened { platform: 'ic' }
500ms started { platform: 'ic', conversationId, agentName: 'Fin AI', isBot: true }
1000ms messageReceived { bot: "Welcome! What brings you here today?" }
2000ms messageSent { user: "Having trouble with my billing" }
3000ms messageReceived { agent (human): "Let me look into that for you" }
4000ms emailCaptured { email: 'intercom-user@bigcorp.com', firstName: 'Intercom', lastName: 'User' }
5000ms ended { durationMs: 240000, messageCount: 6 }
These are visual mock pages that simulate the appearance of real chat widgets. They do not make SDK calls -- use the buttons above for SDK testing.
HubSpot Conversations chat widget. Real embed wired to the hsc adapter.
B2B conversational sales platform. Visual mock of the Qualified widget.
View Qualified Mock