Website Support Widget

Add AI support to any website in 2 minutes

Two lines of code. That's all it takes to add an AI support widget to your website that answers questions from your docs, cites sources, and escalates when it can't help.

Почати безплатно

2 lines

Of code to embed

3KB

Gzipped widget bundle

Impact on Core Web Vitals

Any

Website platform supported

Ключові функції

2-line embed

Add a config object and a script tag. Works with any website: React, Next.js, WordPress, Webflow, static HTML, and more.

Customizable appearance

Match your brand with custom colors, position, greeting message, bot avatar, and placeholder text. Remove branding on Pro plans.

Lightweight & fast

The widget loads asynchronously and won't slow down your page. Built with Preact for minimal bundle size.

Auto-escalation

When the AI can't answer confidently, it shows an escalation form with the full conversation context. Your team gets everything they need to respond.

Як це працює

Create your knowledge base

Connect Notion, crawl your docs website, or upload files. LaunchChat indexes your content and creates vector embeddings for semantic search across all sources.

Customize the widget

Set your brand colors, position (bottom-right or bottom-left), greeting message, bot avatar, and placeholder text. Preview changes in real-time before deploying.

Embed 2 lines of code

Copy a config object and a script tag. Paste them before your closing </body> tag. The widget loads asynchronously — 3KB gzipped Preact bundle that won't affect Core Web Vitals.

Monitor and optimize

Track deflection rates, confidence scores, and user satisfaction in the analytics dashboard. Use knowledge gap data to improve your docs and increase deflection over time.

До та після

Функція	З LaunchChat	Без
Setup time	Under 5 minutes, 2 lines of code	Days to weeks for custom chatbot development
Page speed impact	Zero — async loading, 3KB gzipped	Often 50-200KB+ for chat widget libraries
Answer quality	RAG-powered with citations from your docs	Generic responses or manual scripted flows
Maintenance	Auto-sync with docs, zero maintenance	Manual updates to chatbot scripts and flows
Escalation	Automatic with full conversation context	Manual handoff, context often lost

Чому команди вибирають це

Works on any website — no framework requirements
Async loading won't affect your page speed scores
Customizable to match your brand identity
Auto-escalation ensures no user question goes unanswered

Посібник швидкого початку

React / Next.js

<Script
  id="launchchat-config"
  strategy="afterInteractive"
  dangerouslySetInnerHTML={{
    __html: `window.NotionSupportConfig = {
      widgetId: 'YOUR_WIDGET_ID',
      primaryColor: '#0D9488',
      position: 'bottom-right'
    };`
  }}
/>
<Script
  src="https://launchchat.dev/widget.js"
  strategy="afterInteractive"
/>

Uses next/script with afterInteractive strategy for optimal loading.

WordPress

<script>
  window.NotionSupportConfig = {
    widgetId: 'YOUR_WIDGET_ID',
    primaryColor: '#0D9488',
    position: 'bottom-right'
  };
</script>
<script src="https://launchchat.dev/widget.js" async></script>

Add via Appearance → Theme Editor → footer.php, or use a header/footer plugin like Insert Headers and Footers.

Webflow / Static HTML

<!-- Add before closing </body> tag -->
<script>
  window.NotionSupportConfig = {
    widgetId: 'YOUR_WIDGET_ID',
    primaryColor: '#0D9488',
    position: 'bottom-right'
  };
</script>
<script src="https://launchchat.dev/widget.js" async></script>

In Webflow, add via Project Settings → Custom Code → Footer Code. For static HTML, paste before </body>.

Часто задавані питання

What platforms does the widget work with?

Any website that supports custom JavaScript: React, Next.js, Vue, WordPress, Webflow, Squarespace, Wix, static HTML, and more. Just paste 2 lines of code.

Will it slow down my website?

No. The widget script loads asynchronously after your page content. It's built with Preact (3KB gzipped) and won't affect your Core Web Vitals or Lighthouse scores.

Can I customize the widget appearance?

Yes. You can customize the primary color, position (bottom-right or bottom-left), greeting message, placeholder text, bot avatar, and brand name. Pro plans can remove LaunchChat branding entirely.

Does it work with single-page applications (SPAs)?

Yes. The widget persists across route changes in SPAs built with React, Vue, Angular, or similar frameworks. Conversation state is maintained as users navigate your app.

Can I have different widgets on different pages?

Yes. Create multiple widgets in the dashboard, each connected to different knowledge bases or with different settings. Use different widgetId values on different pages.

How do I test the widget before going live?

Use the preview mode in the LaunchChat dashboard to test the widget with your actual knowledge base. You can also embed it on a staging site first before deploying to production.

Пов'язані сторінки

For Indie Hackers For Vibe Coders FAQ Chatbot Use Case LaunchChat vs Tidio

Готові створити свій website support widget?

Почніть безплатно. Підключіть свої документи та запустіть за менш ніж 5 хвилин. Доступна довічна пропозиція.

Почати безплатно