🔧 Manual Context Mode Demo

Take full control of your chatbot's behavior without automatic scanning

🎯 What is Manual Context Mode?

Instead of automatically scanning your website, you can manually define exactly how the AI assistant should behave. This gives you:

🎮 Interactive Demo Controls

Click the buttons below to see how manual context mode works in real-time!

🏢 Business Contexts

🎭 Personality Styles

⚙️ Mode Controls

Ready to demo manual context mode...

💡 Code Examples

Here's how to implement manual context mode in your own projects:

Basic Manual Mode:

const chatbot = new ChatbotWidget({
    manualContext: true,
    customSystemPrompt: 'You are a helpful customer service agent...',
    customWelcomeMessage: 'Hello! How can I help you today?'
});

Dynamic Context Switching:

// Switch to sales mode
chatbot.setManualMode(true, {
    systemPrompt: 'You are a sales assistant...',
    welcomeMessage: 'Ready to find the perfect product?',
    businessType: 'e-commerce'
});

// Update just the prompt
chatbot.updateSystemPrompt('You are now a technical expert...');