Product Assistant Widget

AI-powered chat widget for your website

How to Use

1. Add the widget to your website:

<script>
  window.initProductWidget({
    apiKey: 'your-openai-api-key',
    pdfUrl: 'https://your-product-pdf-url.pdf', // Optional
    theme: 'light', // 'light' or 'dark'
    position: 'bottom-right' // Widget position
  });
</script>
<script src="http://localhost:3000/widget.js" async></script>

2. Configuration Options:

  • apiKey: Your OpenAI API key (required)
  • pdfUrl: URL to your product PDF documentation (optional)
  • theme: 'light' or 'dark' (default: 'light')
  • position: 'bottom-right', 'bottom-left', 'top-right', 'top-left' (default: 'bottom-right')

Features

🤖 AI-Powered

Uses OpenAI's GPT to provide intelligent responses about your products.

📄 PDF Integration

Automatically processes PDF product documentation for accurate information.

🔍 Content Analysis

Analyzes webpage content to understand product context.

🎨 Customizable

Configurable themes and positioning to match your website.