TTP Chat Widget - Test Page

📱 Mobile Browser Note

Microphone access requires HTTPS and must be triggered by a direct button tap. If you see permission errors, ensure you're using HTTPS and tap the recording button directly.

ℹ️ About This Test

This page tests the TTPChatWidget which provides a unified interface for both voice and text chat. The widget includes:

🎤 Voice call functionality with microphone permission handling
💬 Text chat interface
🎨 Customizable styling and positioning
🌐 Multi-language support
📱 Mobile-responsive design

⚙️ Widget Configuration

Agent ID *

App ID *

Get Session URL

WebSocket URL

Set by SDK toggle (top-right): Production → speech.talktopc.com · Development → speech.bidme.co.il

Position

Language

Widget Mode

Primary Color

Use Shadow DOM

👁️ Visual Assistant Configuration

Enable Visual Assistant

Allow Highlight

Allow Scroll

Allow Navigate

Visual Assistant enables the agent to see and interact with your page DOM. When enabled, page context is sent with the hello message.

📝 Test Scenarios

Try these scenarios to test the widget:

Voice Call: Click "Voice Call" → Should show pre-prompt modal → Grant permission → Start call
Permission Denied: Deny microphone permission → Should show blocked modal with instructions
Text Chat: Click "Text Chat" → Send messages → Test conversation flow
Widget Positioning: Change position and reinitialize to test different placements
Language: Change language to test translations

🎨 TTP Chat Widget Test

📱 Mobile Browser Note

ℹ️ About This Test

⚙️ Widget Configuration

👁️ Visual Assistant Configuration

📝 Test Scenarios