How to Use the Chatbot (End User)

1. Click the Ask AI button floating at the bottom right (or wherever you drag it).
2. The chat window will open at the button's position. Type your question and press Send or Enter.
3. Use the chat features:
   • View AI answers and suggested questions
   • Export or clear your chat history
   • Rate answers with 👍 or 👎
4. Drag the button anywhere on the page to reposition where the chat window will open.

How to Integrate Sitehelp Chatbot (Developer)

1. Include the script in your layout or page:

   <script>
       window.ClientApiKey = "YOUR_API_KEY";
       window.ApiBaseUrl = "https://sitehelp35.com";
       window.ChatbotTitle = "My AI Chatbot";
       window.ChatbotLogoUrl = "https://sitehelp35.com/asset/img/lhchatlogo.png";
       window.ChatbotPrimaryColor = "#0f528b";
       window.ChatbotButtonText = "Ask AI";
       window.ChatbotTextColor = "#07457a";
   </script>
   <script src="https://sitehelp35.com/js/lhchatbot.js"></script>
               

2. That's it! The chatbot button and widget will appear automatically. No dependencies or markup changes required.
3. Optional: You can set window.ClientApiKey and window.ApiBaseUrl dynamically for multi-tenant scenarios.

Customizing Behavior

• Draggable Button: The chat button can be dragged and dropped anywhere on the page.
• API Integration: The widget posts questions to your API endpoint for AI responses.
• Styling & Branding: All colors, text, and logo are configurable via global variables.
• Text Color: Set window.ChatbotTextColor for message and header text color.

Agnostic Behavior & Dependencies

• No dependencies: Works without jQuery, Bootstrap, or any framework.
• Framework-agnostic: Can be used in Razor Pages, MVC, static HTML, PHP, or any web project.
• Non-intrusive: Does not modify your existing markup or require special HTML structure.
• Customizable: You can override styles, button text, and API endpoints as needed.

Business Use Cases

• Instant Support: Reduce support tickets by providing AI-powered answers 24/7.
• Onboarding: Guide new users with contextual help and suggestions.
• Feedback Collection: Gather user feedback directly from the chat widget.
• Knowledge Base Integration: Surface FAQs and documentation contextually.
• Accessibility: The widget is keyboard accessible and mobile-friendly.