Delaverse AI Knowledge Base

Back to Home

Knowledge Base

Security and Updates
Data Privacy and Securitysoon
Platform Version Historysoon
Roadmap for Future Updatessoon
Learning Resources
Video Tutorials (Beginner to Advanced)soon
Webinars and Podcastssoon
Free Articles and AI Resourcessoon
Case Studiessoon
Delaverse AI Platform v2.0

Frame Chat Node

Transform your website into an interactive experience. Embed AI-powered chat interfaces with comprehensive analytics and customizable styling for enhanced user engagement.

Interactive Chat Interface & Analytics Platform

The Frame Chat Node embeds an interactive chat interface into websites or apps, enabling real-time user interactions with AI-generated responses. It also provides an analytics dashboard for conversation analysis, making it the perfect solution for customer engagement and support automation.

Transform your website into an interactive experience. Embed AI-powered chat interfaces with comprehensive analytics and customizable styling for enhanced user engagement.

Core Chat & Analytics Features

The Frame Chat Node provides comprehensive chat interface and analytics capabilities designed for modern web engagement:

Interactive Chat Interface

Embeds a customizable chat widget into websites or applications, enabling real-time user interactions with AI-generated responses for seamless customer engagement.

Key Features:

Real-time customer support
AI-powered assistance
Interactive user engagement
Seamless website integration

Analytics Dashboard

Provides comprehensive conversation analysis and interaction metrics, tracking message counts, user engagement patterns, and conversation quality for data-driven insights.

Key Features:

Message count tracking
User engagement metrics
Conversation analysis
Performance insights

Customizable Styling

Supports flexible appearance customization with multiple style options including colorful and minimal themes to match your brand identity and website design.

Key Features:

Colorful theme options
Minimal design styles
Brand color matching
Responsive layouts

Domain Integration

Offers domain-specific deployment with secure integration controls, ensuring chat functionality is properly restricted and optimized for your specific website environment.

Key Features:

Domain restriction controls
Secure integration
Multi-site deployment
Access management

Configuration Guide

Setting up the Frame Chat Node involves configuring the interface, analytics, and integrating with your website. Follow these comprehensive steps:

1

Adding the Node

Select Frame Chat Node from the Playground menu and drag it onto the canvas.
Assign a descriptive title, e.g., Support Chat for customer support or AI Assistant for general help.
2

Basic Configuration

Enter your company name (e.g., Delaverse) for display in the chat interface.
This name will appear as the chat agent identifier to users.
Choose a name that reflects your brand and builds user trust.
3

Domain Setup

Navigate to the Domain Tab in the configuration interface.
Specify the target domain (e.g., delaverse.ai) to restrict chat usage.
This ensures the chat widget only works on authorized domains for security.
4

Style Customization

Go to the Style Tab to choose your preferred appearance.
Select from options like Colorful for vibrant designs or Minimal for clean aesthetics.
Click Save Settings to apply your style choices.
5

Analytics Setup

Click the node and navigate to the Code tab to access the API key.
Copy the provided API key for dashboard authentication.
Click Analyze to open the analytics dashboard interface.
6

Code Integration

Copy the HTML code from the Code tab.
Embed the code in your website's body section.
Test the integration using the Test Frame feature to ensure proper functionality.
7

Node Connections

Input: Connect from AI Assistant Node for intelligent response generation.
Output: None required, as responses are delivered directly via the chat interface.
Example: In Customer Support workflows, connect to AI Assistant for automated ticket responses.
8

Saving Configuration

Click Save Changes to apply all your Frame Chat configurations.
Close the editor and test the complete workflow.
Monitor the analytics dashboard to track user engagement and performance.

Node Appearance

The Frame Chat Node features a distinctive cyan design representing communication and interactive engagement capabilities:

Frame Chat Node

The Frame Chat Node with its distinctive cyan color and interactive chat interface indicator

Analytics Dashboard Features

Access comprehensive analytics to understand user interactions and optimize your chat performance:

Dashboard Overview

Comprehensive metrics and visual analytics

Available Features:

Message count charts (weekly/monthly/yearly)
Total conversations tracking
Unique users identification
Message volume statistics

Advanced conversation insights and patterns

Advanced conversation insights and patterns

Available Features:

User message sentiment analysis
Conversation topic clustering
Response effectiveness metrics
User behavior patterns

Recent Conversations

Real-time conversation monitoring and management

Available Features:

Live conversation feeds
Update and refresh capabilities
Show more messages functionality
Conversation history access

Customization Options

Choose from multiple styling options to match your brand identity and website design:

Colorful

Vibrant and engaging design with brand colors

Bold color schemesGradient backgroundsInteractive animationsBrand integration

Minimal

Clean and professional appearance

Simple layoutsNeutral colorsClean typographyDistraction-free design

Modern

Contemporary design with smooth interactions

Modern UI elementsSmooth transitionsMobile-optimizedContemporary styling

Example Configuration: Customer Support

Here's a complete example of how to configure the Frame Chat Node for customer support automation:

Frame Chat Node Configuration Example - Customer Support:

1. Basic Setup:
   Node Title: Customer Support Chat
   Company Name: Delaverse
   Purpose: Provide 24/7 customer assistance

2. Domain Configuration:
   Target Domain: delaverse.ai
   Subdomain Support: support.delaverse.ai
   Security: Domain-restricted access

3. Style Settings:
   Theme: Colorful
   Primary Color: #06b6d4 (Cyan)
   Secondary Color: #8b5cf6 (Purple)
   Layout: Modern responsive design

4. Analytics Setup:
   API Key: [Generated automatically]
   Dashboard Access: Enabled
   Tracking: Message counts, user engagement, conversation quality

5. Code Integration:
   <script src=https://delaverse.ai/chat-widget.js></script>
   <div id=delaverse-chat data-api-key=your-api-key></div>

6. Connection Flow:
   AI Assistant → Frame Chat → Website Visitors
   
7. Features Enabled:
   - Real-time messaging
   - File sharing capabilities
   - Conversation history
   - Mobile responsiveness

Configuration Benefits:

Brand-consistent interface
Comprehensive analytics tracking
Secure domain integration
Mobile-responsive design

Common Use Cases

Discover how businesses leverage the Frame Chat Node for enhanced user engagement and support:

Customer Support

AI Assistant processes queries → Frame Chat delivers responses → Users get instant support

Key Benefits:

24/7 availability
Instant responses
Consistent support quality

Lead Generation

Visitors ask questions → AI engages with information → Frame Chat captures leads

Key Benefits:

Proactive engagement
Lead qualification
Conversion optimization

Product Information

Users inquire about products → AI provides details → Frame Chat enhances experience

Key Benefits:

Product education
Purchase assistance
User guidance

FAQ Automation

Common questions triggered → AI provides answers → Frame Chat reduces support load

Key Benefits:

Reduced support tickets
Consistent answers
Self-service options

Pro Tips for Frame Chat Optimization

Use the Test Frame feature extensively to preview and refine the user experience before deployment
Monitor the analytics dashboard regularly to identify conversation patterns and optimization opportunities
Choose styling that complements your website's design while maintaining clear call-to-action visibility
Set up domain restrictions properly to ensure security and prevent unauthorized usage

Ready to Engage Your Users?

The Frame Chat Node transforms your website into an interactive experience. Whether you're providing customer support, generating leads, or offering product assistance, this node creates meaningful conversations that drive engagement and business growth.