embeddable snippet

Author: aninibread

src/content/docs/autorag/how-to/nlweb.mdx

@@ -51,7 +51,7 @@ These endpoints give both people and agents structured access to your content.
 
 ## Using It on Your Website
 
-To integrate NLWeb search directly into your site:
+To integrate NLWeb search directly into your site you can:
 
 1. Find your deployed Worker in the [Cloudflare dashboard](https://dash.cloudflare.com/):
   - Go to **Compute & AI** >  **AutoRAG**.
@@ -60,6 +60,29 @@ To integrate NLWeb search directly into your site:
 2. Add a [custom domain](/workers/configuration/routing/custom-domains/) to your Worker (for example, ask.example.com)
 3. Use the `/ask` endpoint on your custom domain to power the search (for example, ask.example.com/ask)
 
+You can also use the embeddable snippet to add a search UI directly into your website. For example:
+
+```html
+<!-- Add css on head -->
+    <link rel="stylesheet" href="https://ask.example.com/nlweb-dropdown-chat.css">
+    <link rel="stylesheet" href="https://ask.example.com/common-chat-styles.css">
+    
+    <!-- Add container on body -->
+    <div id="docs-search-container"></div>
+    
+    <!-- Include JavaScript -->
+    <script type="module">
+      import { NLWebDropdownChat } from 'https://ask.example.com/nlweb-dropdown-chat.js';
+      
+      const chat = new NLWebDropdownChat({
+        containerId: 'docs-search-container',
+        site: 'https://ask.example.com',
+        placeholder: 'Search for docs...',
+        endpoint: 'https://ask.example.com'
+      });
+    </script>
+```
+
 This lets you serve conversational AI search directly from your own domain, with control over how people and agents access your content.