๐ฌ TTP Chat Widget Test
๐ Instructions:
Click the chat button (bottom-right) to open the chat panel
Type a message and press Enter or click Send
Customize the widget using the sections below
Click "Apply" to update the widget with your changes
Loading SDK...
Live Customization
๐ง Common Settings
โผ
๐ Signed URL (Optional - overrides Agent ID/App ID)
If provided, this will be used for authentication instead of Agent ID/App ID
Agent ID
App ID
Language
English
ืขืืจืืช
ุงูุนุฑุจูุฉ
ะ ัััะบะธะน
Espaรฑol
Franรงais
Deutsch
Widget Mode
Unified (Both)
Voice Only
Text Only
Direction
LTR
RTL
Position
bottom-right
bottom-left
top-right
top-left
Panel
Panel Width
Panel Height
Border Radius
Background Color
#FFFFFF
Button
Button Size
Small
Medium
Large
XL
Button Shape
Circle
Square
Rounded
Button Color
#7C3AED
Button Hover Color
#059669
Header
Title
Show Title
Yes
No
Background Color
#7C3AED
Text Color
#FFFFFF
Show Close Button
Yes
No
Tooltips
New Chat Tooltip
Back Tooltip
Close Tooltip
Mute Tooltip (Voice)
Speaker Tooltip (Voice)
End Call Tooltip (Voice)
Messages
Font Size
Border Radius
Text Color
#1F2937
User Bubble Color
#E5E7EB
Agent Bubble Color
#F3F4F6
System Bubble Color
#DCFCE7
Error Bubble Color
#FEE2E2
Animation
Enable Hover
Yes
No
Enable Pulse
Yes
No
Enable Slide
Yes
No
Duration (seconds)
Behavior
Start Open
Yes
No
Hidden Button
No
Yes
Show Welcome Message
Yes
No
Welcome Message
๐ค Voice Settings
โถ
Voice Interface
Avatar Background Color
Avatar Active Background
Status Title Color
Status Subtitle Color
Start Call Button Color
Start Call Button Text Color
Transcript Background
Transcript Text Color
Transcript Label Color
Control Button Color
Control Button Secondary Color
End Call Button Color
Mic Button Color
Mic Button Active Color
Mic Button Hint Text
Mic Button Hint Color
Mic Button Hint Font Size
๐ฌ Text Settings
โถ
Send Button
Send Button Color
Send Button Hover Color
Send Button Active Color
Send Button Text
Send Button Text Color
Send Button Font Size
Send Button Font Weight
Send Button Hint Text
Send Button Hint Color
Send Button Hint Font Size
Input Field
Placeholder
Border Color
Focus Color
Background Color
Text Color
Font Size
Border Radius
Padding
๐ฏ Landing Screen Settings
โถ
Background Color
Logo (Emoji/Text)
Title
Title Color
Mode Card Background
Mode Card Border Color
Mode Card Hover Border
Mode Card Icon Background
Mode Card Title Color
Voice Card Icon
Text Card Icon
๐ Reset