Skip to main content

Overview

The AI Widget Builder in CrawlDesk allows you to create customizable, embeddable AI chat widgets for your websites or apps. These widgets provide instant AI-powered assistance by leveraging your project's indexed data sources, enabling users to "Ask me anything" about your documentation. The builder offers a visual interface to configure appearance, behavior, and content, with previews across devices (Desktop, Tablet, Mobile) and seamless embedding options for various platforms.

Access the AI Widget Builder from your project dashboard at Crawldesk Dashboard by selecting a project and navigating to the "AI Widget" section. Ensure your project has active data sources for the widget to function effectively.

Key Benefits of the AI Widget Builder​

  • Customization: Tailor the look and feel to match your brand with themes, colors, and logos.
  • Responsiveness: Preview and optimize for desktop, tablet, and mobile devices.
  • Interactivity: Add features like clear/stop buttons, like/dislike feedback, and suggested questions.
  • Easy Embedding: Generate ready-to-use code for JavaScript, React, WordPress, and more.

Prerequisites​

  • Active CrawlDesk account with a configured project and data sources.
  • Browser access to the project dashboard.
  • Basic knowledge of embedding scripts (for integration).

Business Use Cases​

The AI Widget Builder empowers businesses to enhance customer experience, streamline operations, and drive engagement. Here are some practical applications:

  • Customer Support Automation: Embed the widget on your website to provide instant answers to common customer queries (e.g., "How do I reset my password?") using your indexed help docs, reducing support ticket volume by up to 40%.
  • E-Commerce Product Assistance: Add the widget to product pages to answer questions about features, pricing, or shipping, improving conversion rates by guiding users through the purchase process.
  • Employee Onboarding and Training: Integrate the widget into internal portals (e.g., Confluence or Notion) to help new hires quickly find answers in training materials, speeding up onboarding.
  • Developer Documentation Support: Embed the widget on API or developer portals to assist developers with real-time answers from technical docs, enhancing adoption and reducing support queries.
  • Knowledge Base Enhancement: Place the widget on your public knowledge base to make it interactive, allowing users to ask questions naturally instead of searching manually, improving user satisfaction.

Example: A SaaS company uses the widget on their pricing page to answer "What’s the difference between plans?" by pulling from their indexed documentation, leading to a 20% increase in sign-ups due to faster decision-making.