NK-AI Course Assistant

Embeddable chat widget for ReplayClass.com

Powered by NK-AI
Key Features

Course-Specific AI

Only answers questions related to enrolled course materials

Smart Context Awareness

Uses course title and URL for personalized responses

Thinkific LMS Integration

Automatically detects course and student information

Professional Design

Orange gradient theme matching ReplayClass branding

Easy Integration

Simple embed code for any website

Embed Code
<!-- NK-AI Course Assistant Chat Widget -->
<!-- Automatically detects course information from your page -->
<script src="https://v0-course-assistant-ai.vercel.app/chat-widget.js"></script>

<!-- Optional: Manual Configuration -->
<script>
  window.ReplayClassChatConfig = {
    courseTitle: "Your Course Name", // Optional: Override auto-detection
    courseUrl: "https://replayclass.com/your-course", // Optional: Specify course URL
    studentName: "Student Name", // Optional: Set student name
    theme: "orange-gradient",
    position: "bottom-right"
  };
</script>

<!-- Alternative: Programmatic Initialization -->
<script>
  // Initialize after page load with custom settings
  ReplayClassChat.init({
    courseTitle: "Custom Course Name", // Optional
    theme: "orange-gradient"
  });
</script>

Integration Steps:

  1. 1. Copy the embed code above
  2. 2. Paste it into your website's HTML (before closing </body> tag)
  3. 3. The widget automatically detects course information from:
  4. • Page title and headings
  5. • URL patterns (/course/, /learn/, etc.)
  6. • Meta tags and page elements
  7. 4. Chat widget appears automatically on course pages
  8. 5. No manual configuration needed!

🔒 Security Note:

No API keys required in embed code! All authentication is handled securely on our servers.

Live Demo

Try the chat widget below. It's configured for a sample "React Development" course.

Chat widget will appear in the bottom-right corner

Auto-Detection Features

🎯 Smart Course Detection

Automatically finds course name from page title, headings, URL patterns, and meta tags

👤 Student Recognition

Detects student names from profile elements and user info sections

🔄 Real-time Updates

Continuously monitors page changes and updates course context