ProProfs Chat Setup Guide
Follow these steps to connect your ProProfs Chat account and enable live chat functionality on your website.
1
Create ProProfs Chat Account
Sign up for a ProProfs Chat account if you don't have one already.
Sign Up for ProProfs Chat
2
Get Your Chat Widget Code
In your ProProfs Chat dashboard:
- Go to Settings → Installation
- Copy your Chat Widget ID or Embed URL
- It should look like:
https://secure.proprofs.com/chat/web/YOUR_ID
3
Update Your Website Configuration
Replace the placeholder URL in your chat components with your actual ProProfs Chat URL:
// In src/components/FunctionalChatWindow.astro
// Replace this line:
embedUrl = "https://secure.proprofs.com/chat/web/1234567"
// With your actual URL:
embedUrl = "https://secure.proprofs.com/chat/web/YOUR_ACTUAL_ID"
4
Configure Chat Settings
In your ProProfs Chat dashboard, customize:
- Chat Widget Appearance: Colors, position, and style
- Welcome Messages: Greeting text for visitors
- Operating Hours: When chat is available
- Agent Assignment: Who handles different types of chats
- Automated Responses: FAQ and common questions
✓
Test Your Chat Integration
After updating your configuration:
- Deploy your updated website
- Visit your chat page to test the integration
- Send a test message to ensure everything works
- Check your ProProfs dashboard to see the conversation
ProProfs Chat Features
Live Chat
Real-time conversations with your visitors
Analytics
Track chat performance and visitor insights
Customization
Match your brand colors and style
Need Help?
If you encounter any issues during setup, check out these resources: