Connect Lemah to Any Website

Architecture & Core Capabilities

The Lemah Chat Widget is an ultra-lightweight, standalone conversational bubble that plugs into any existing website. It connects directly with your Lemah multi-tier intelligence engine (retrieving data from your uploaded PDFs, FAQs, product catalogs, and website URLs) to resolve customer inquiries 24/7.

1-Click Universal HTML Snippet

If you are not using WordPress, paste this single script snippet into your site’s HTML, right before the closing </body> tag:

<script 
  src="https://app.lemah.ai/widget.js" 
  data-bot-key="YOUR_WORKSPACE_BOT_KEY" 
  async>
</script>

Platform-by-Platform Instructions

Select your website builder or e-commerce engine below for exact click-by-click instructions:

Modern Web Frameworks (Next.js & React)

For modern single-page applications or server-rendered frameworks, you can load the widget non-intrusively:

import Script from 'next/script';

export default function RootLayout({ children }: { children: React.ReactNode }) {
  return (
    <html lang="en">
      <body>
        {children}
        <Script 
          src="https://app.lemah.ai/widget.js" 
          data-bot-key="YOUR_WORKSPACE_BOT_KEY" 
          strategy="lazyOnload" 
        />
      </body>
    </html>
  );
}

import { useEffect } from 'react';

export function LemahChatWidget({ botKey }: { botKey: string }) {
  useEffect(() => {
    const script = document.createElement('script');
    script.src = 'https://app.lemah.ai/widget.js';
    script.setAttribute('data-bot-key', botKey);
    script.async = true;
    document.body.appendChild(script);

    return () => {
      // Optional cleanup if unmounting
      const existing = document.querySelector('script[src*="widget.js"]');
      if (existing) existing.remove();
      const widgetDrawer = document.getElementById('lemah-widget-container');
      if (widgetDrawer) widgetDrawer.remove();
    };
  }, [botKey]);

  return null;
}

Styling, Colors & White-Labeling

You can customize the appearance of the chat widget directly from your Lemah Dashboard under Integrations > Widget Styling:

Security, Domains & Quota Guards

Lemah protects your business and brand reputation with enterprise-grade guardrails:

Frequently Asked Questions & Troubleshooting